colors.css

/*======================== RED ========================*/
.bg-red{
    color: #FFF;
}
.modal-content.col-red:not([class*="col-white"]) .modal-body,
.modal-content.col-red:not([class*="col-white"]) .modal-footer .btn-link,
.modal-content.col-red:not([class*="col-white"]) .modal-title,
.panel-group .panel.col-red:not([class*="col-white"]) .panel-title,
.panel-group.full-body .panel.col-red:not([class*="col-white"]) .panel-body,
.bg-red.nav-tabs li a{
    color: #fff;
}
.bg-red,
.d-checkbox input[type="checkbox"].filled-in:checked.col-red + label:after,
[type="radio"].with-gap.col-red:checked + label:after,
[type="radio"].col-red:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-red:after,
.modal-content.col-red,
.panel-group .panel.col-red .panel-title,
.panel-group.full-body .panel.col-red .panel-body{
    background-color: #F44336;
}

ul.stepper.stepper-col-red .step.active:before,
ul.stepper.stepper-col-red .step.done:before,
ul.stepper.horizontal.stepper-col-red .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-red .step.done .step-title:before{
    background-color: #F44336;
}

.fc-col-red:not([class*="lever"]) {
    border-bottom: 1px solid #F44336;
}
.col-red{
    color: #F44336;
}
.vtabs.col-red li.active{
    color: #F44336;
    border-right: 2px solid #F44336;
}
.d-checkbox input[type="checkbox"]:checked.col-red + label:before {
    border-right: 2px solid #F44336;
    border-bottom: 2px solid #F44336;
}
.d-checkbox input[type="checkbox"].filled-in:checked.col-red + label:after,
[type="radio"].with-gap.col-red:checked + label:before,
[type="radio"].with-gap.col-red:checked + label:after{
    border: 2px solid #F44336;
}
[type="radio"].col-red:checked + label:after {
    border-color: #F44336;
}
.nav-tabs.col-red > li > a:before{
    border-bottom: 2px solid #F44336;
}
.panel-group.col-red {
    border: 1px solid #F44336;
}

.vtabs.col-red .flex-item.active a{
    border-right: 2px solid #F44336;
}

.slider.thumb-bg-red::-webkit-slider-thumb {
    background-color: #F44336;
}

.slider.thumb-bg-red::-moz-range-thumb {
    background-color: #F44336;
}

.slider.thumb-bg-red::-ms-thumb {
    background-color: #F44336;
}

.slider.slider-bg-red::-webkit-slider-runnable-track {
    background-color: #F44336;
}

.slider.slider-bg-red::-moz-range-track {
    background-color: #F44336;
}

.slider.slider-bg-red::-ms-track {
    background-color: #F44336;
}

.bg-l-1-red,
[type="checkbox"].filled-in:checked.col-l-1-red + label:after,
[type="radio"].with-gap.col-l-1-red:checked + label:after,
[type="radio"].col-l-1-red:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-1-red:after,
.modal-content.col-l-1-red,
.panel-group .panel.col-l-1-red .panel-title,
.panel-group.full-body .panel.col-l-1-red .panel-body {
    background-color: #e53935;
}
ul.stepper.stepper-col-l-1-red .step.active:before,
ul.stepper.stepper-col-l-1-red .step.done:before,
ul.stepper.horizontal.stepper-col-l-1-red .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-1-red .step.done .step-title:before  {
    background-color: #e53935;
}


.fc-col-l-1-red:not([class*="lever"]) {
    border-bottom: 1px solid #e53935;
}
.col-l-1-red {
    color: #e53935;
}
.vtabs.col-l-1-red li.active{
    color: #e53935;
    border-right: 2px solid #e53935;
}
[type="checkbox"]:checked.col-l-1-red + label:before {
    border-right: 2px solid #e53935;
    border-bottom: 2px solid #e53935;
}
[type="checkbox"].filled-in:checked.col-l-1-red + label:after,
[type="radio"].with-gap.col-l-1-red:checked + label:before,
[type="radio"].with-gap.col-l-1-red:checked + label:after {
    border: 2px solid #e53935;
}
[type="radio"].col-l-1-red:checked + label:after {
    border-color: #e53935;
}
.nav-tabs.col-l-1-red > li > a:before{
    border-bottom: 2px solid #e53935;
}
.panel-group.col-l-1-red {
    border: 1px solid #e53935;
}

.slider.thumb-bg-l-1-red::-webkit-slider-thumb {
    background-color: #e53935;
}

.slider.thumb-bg-l-1-red::-moz-range-thumb {
    background-color: #e53935;
}

.slider.thumb-bg-l-1-red::-ms-thumb {
    background-color: #e53935;
}

.slider.slider-bg-l-1-red::-webkit-slider-runnable-track {
    background-color: #e53935;
}

.slider.slider-bg-l-1-red::-moz-range-track {
    background-color: #e53935;
}

.slider.slider-bg-l-1-red::-ms-track {
    background-color: #e53935;
}

.bg-l-2-red,
[type="checkbox"].filled-in:checked.col-l-2-red + label:after,
[type="radio"].with-gap.col-l-2-red:checked + label:after,
[type="radio"].col-l-2-red:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-2-red:after,
.modal-content.col-l-2-red,
.panel-group .panel.col-l-2-red .panel-title,
.panel-group.full-body .panel.col-l-2-red .panel-body {
    background-color: #e57373;
}
ul.stepper.stepper-col-l-2-red .step.active:before,
ul.stepper.stepper-col-l-2-red .step.done:before,
ul.stepper.horizontal.stepper-col-l-2-red .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-2-red .step.done .step-title:before   {
    background-color: #e57373;
}

.fc-col-l-2-red:not([class*="lever"]) {
    border-bottom: 1px solid #e57373;
}
.col-l-2-red {
    color: #e57373;
}
.vtabs.col-l-2-red li.active{
    color: #e57373;
    border-right: 2px solid #e57373;
}
[type="checkbox"]:checked.col-l-2-red + label:before {
    border-right: 2px solid #e57373;
    border-bottom: 2px solid #e57373;
}
[type="checkbox"].filled-in:checked.col-l-2-red + label:after,
[type="radio"].with-gap.col-l-2-red:checked + label:before,
[type="radio"].with-gap.col-l-2-red:checked + label:after {
    border: 2px solid #e57373;
}
[type="radio"].col-l-2-red:checked + label:after {
    border-color: #e57373;
}
.nav-tabs.col-l-2-red > li > a:before{
    border-bottom: 2px solid #e57373;
}
.panel-group.col-l-2-red {
    border: 1px solid #e57373;
}

.slider.thumb-bg-l-2-red::-webkit-slider-thumb {
    background-color: #e57373;
}

.slider.thumb-bg-l-2-red::-moz-range-thumb {
    background-color: #e57373;
}

.slider.thumb-bg-l-2-red::-ms-thumb {
    background-color: #e57373;
}

.slider.slider-bg-l-2-red::-webkit-slider-runnable-track {
    background-color: #e57373;
}

.slider.slider-bg-l-2-red::-moz-range-track {
    background-color: #e57373;
}

.slider.slider-bg-l-2-red::-ms-track {
    background-color: #e57373;
}

.bg-l-3-red,
[type="checkbox"].filled-in:checked.col-l-3-red + label:after,
[type="radio"].with-gap.col-l-3-red:checked + label:after,
[type="radio"].with-gap.col-l-3-red:checked + label:after,
[type="radio"].col-l-3-red:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-3-red:after,
.modal-content.col-l-3-red,
.panel-group .panel.col-l-3-red .panel-title,
.panel-group.full-body .panel.col-l-3-red .panel-body {
    background-color: #ef9a9a;
}

ul.stepper.stepper-col-l-3-red .step.active:before,
ul.stepper.stepper-col-l-3-red .step.done:before,
ul.stepper.horizontal.stepper-col-l-3-red .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-3-red .step.done .step-title:before   {
    background-color: #ef9a9a;
}

.fc-col-l-3-red:not([class*="lever"]) {
    border-bottom: 1px solid #ef9a9a;
}

.col-l-3-red {
    color: #ef9a9a;
}
.vtabs.col-l-3-red li.active{
    color: #ef9a9a;
    border-right: 2px solid #ef9a9a;
}
[type="checkbox"]:checked.col-l-3-red + label:before {
    border-right: 2px solid #ef9a9a;
    border-bottom: 2px solid #ef9a9a;
}
[type="checkbox"].filled-in:checked.col-l-3-red + label:after,
[type="radio"].with-gap.col-l-3-red:checked + label:before,
[type="radio"].with-gap.col-l-3-red:checked + label:after {
    border: 2px solid #ef9a9a;
}
[type="radio"].col-l-3-red:checked + label:after {
    border-color: #ef9a9a;
}
.nav-tabs.col-l-3-red > li > a:before{
    border-bottom: 2px solid #ef9a9a;
}
.panel-group.col-l-3-red {
    border: 1px solid #ef9a9a;
}

.slider.thumb-bg-l-3-red::-webkit-slider-thumb {
    background-color: #ef9a9a;
}

.slider.thumb-bg-l-3-red::-moz-range-thumb {
    background-color: #ef9a9a;
}

.slider.thumb-bg-l-3-red::-ms-thumb {
    background-color: #ef9a9a;
}

.slider.slider-bg-l-3-red::-webkit-slider-runnable-track {
    background-color: #ef9a9a;
}

.slider.slider-bg-l-3-red::-moz-range-track {
    background-color: #ef9a9a;
}

.slider.slider-bg-l-3-red::-ms-track {
    background-color: #ef9a9a;
}

.bg-l-4-red,
[type="checkbox"].filled-in:checked.col-l-4-red + label:after,
[type="radio"].with-gap.col-l-4-red:checked + label:after,
[type="radio"].col-l-4-red:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-4-red:after,
.modal-content.col-l-4-red,
.panel-group .panel.col-l-4-red .panel-title,
.panel-group.full-body .panel.col-l-4-red .panel-body {
    background-color: #ffcdd2;
}

ul.stepper.stepper-col-l-4-red .step.active:before,
ul.stepper.stepper-col-l-4-red .step.done:before,
ul.stepper.horizontal.stepper-col-l-4-red .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-4-red .step.done .step-title:before  {
    background-color: #ffcdd2;
}

.fc-col-l-4-red:not([class*="lever"]) {
    border-bottom: 1px solid #ffcdd2;
}
.col-l-4-red{
    color: #ffcdd2;
}
.vtabs.col-l-4-red li.active{
    color: #ffcdd2;
    border-right: 2px solid #ffcdd2;
}
[type="checkbox"]:checked.col-l-4-red + label:before {
    border-right: 2px solid #ffcdd2;
    border-bottom: 2px solid #ffcdd2;
}
[type="checkbox"].filled-in:checked.col-l-4-red + label:after,
[type="radio"].with-gap.col-l-4-red:checked + label:before,
[type="radio"].with-gap.col-l-4-red:checked + label:after {
    border: 2px solid #ffcdd2;
}
[type="radio"].col-l-4-red:checked + label:after {
    border-color: #ffcdd2;
}
.nav-tabs.col-l-4-red > li > a:before{
    border-bottom: 2px solid #ffcdd2;
}
.panel-group.col-l-4-red {
    border: 1px solid #ffcdd2;
}

.slider.thumb-bg-l-4-red::-webkit-slider-thumb {
    background-color: #ffcdd2;
}

.slider.thumb-bg-l-4-red::-moz-range-thumb {
    background-color: #ffcdd2;
}

.slider.thumb-bg-l-4-red::-ms-thumb {
    background-color: #ffcdd2;
}

.slider.slider-bg-l-4-red::-webkit-slider-runnable-track {
    background-color: #ffcdd2;
}

.slider.slider-bg-l-4-red::-moz-range-track {
    background-color: #ffcdd2;
}

.slider.slider-bg-l-4-red::-ms-track {
    background-color: #ffcdd2;
}

.bg-l-5-red ,
[type="checkbox"].filled-in:checked.col-l-5-red + label:after,
[type="radio"].with-gap.col-l-5-red:checked + label:after,
[type="radio"].col-l-5-red:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-5-red:after,
.modal-content.col-l-5-red,
.panel-group .panel.col-l-5-red .panel-title,
.panel-group.full-body .panel.col-l-5-red .panel-body {
    background-color: #ffebee;
}

ul.stepper.stepper-col-l-5-red .step.active:before,
ul.stepper.stepper-col-l-5-red .step.done:before,
ul.stepper.horizontal.stepper-col-l-5-red .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-5-red .step.done .step-title:before   {
    background-color: #ffebee;
}

.fc-col-l-5-red:not([class*="lever"]) {
    border-bottom: 1px solid #ffebee;
}
.col-l-5-red {
    color: #ffebee;
}
.vtabs.col-l-5-red li.active{
    color: #ffebee;
    border-right: 2px solid #ffebee;
}
[type="checkbox"]:checked.col-l-5-red + label:before {
    border-right: 2px solid #ffebee;
    border-bottom: 2px solid #ffebee;
}
[type="checkbox"].filled-in:checked.col-l-5-red + label:after,
[type="radio"].with-gap.col-l-5-red:checked + label:before,
[type="radio"].with-gap.col-l-5-red:checked + label:after {
    border: 2px solid #ffebee;
}
[type="radio"].col-l-5-red:checked + label:after {
    border-color: #ffebee;
}
.nav-tabs.col-l-5-red > li > a:before{
    border-bottom: 2px solid #ffebee;
}
.panel-group.col-l-5-red {
    border: 1px solid #ffebee;
}

.slider.thumb-bg-l-5-red::-webkit-slider-thumb {
    background-color: #ffebee;
}

.slider.thumb-bg-l-5-red::-moz-range-thumb {
    background-color: #ffebee;
}

.slider.thumb-bg-l-5-red::-ms-thumb {
    background-color: #ffebee;
}

.slider.slider-bg-l-5-red::-webkit-slider-runnable-track {
    background-color: #ffebee;
}

.slider.slider-bg-l-5-red::-moz-range-track {
    background-color: #ffebee;
}

.slider.slider-bg-l-5-red::-ms-track {
    background-color: #ffebee;
}

.bg-d-1-red,
[type="checkbox"].filled-in:checked.col-d-1-red + label:after,
[type="radio"].with-gap.col-d-1-red:checked + label:after,
[type="radio"].col-d-1-red:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-1-red:after,
.modal-content.col-d-1-red,
.panel-group .panel.col-d-1-red .panel-title,
.panel-group.full-body .panel.col-d-1-red .panel-body {
    background-color: #ef5350;
}

ul.stepper.stepper-col-d-1-red .step.active:before,
ul.stepper.stepper-col-d-1-red .step.done:before,
ul.stepper.horizontal.stepper-col-d-1-red .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-1-red .step.done .step-title:before   {
    background-color: #ef5350;
}

.fc-col-d-1-red:not([class*="lever"]) {
    border-bottom: 1px solid #ef5350;
}
.col-d-1-red {
    color: #ef5350;
}
.vtabs.col-d-1-red li.active{
    color: #ef5350;
    border-right: 2px solid #ef5350;
}
[type="checkbox"]:checked.col-d-1-red + label:before {
    border-right: 2px solid #ef5350;
    border-bottom: 2px solid #ef5350;
}
[type="checkbox"].filled-in:checked.col-d-1-red + label:after,
[type="radio"].with-gap.col-d-1-red:checked + label:before,
[type="radio"].with-gap.col-d-1-red:checked + label:after {
    border: 2px solid #ef5350;
}
[type="radio"].col-d-1-red:checked + label:after {
    border-color: #ef5350;
}
.nav-tabs.col-d-1-red > li > a:before{
    border-bottom: 2px solid #ef5350;
}
.panel-group.col-d-1-red {
    border: 1px solid #ef5350;
}

.slider.thumb-bg-d-1-red::-webkit-slider-thumb {
    background-color: #ef5350;
}

.slider.thumb-bg-d-1-red::-moz-range-thumb {
    background-color: #ef5350;
}

.slider.thumb-bg-d-1-red::-ms-thumb {
    background-color: #ef5350;
}

.slider.slider-bg-d-1-red::-webkit-slider-runnable-track {
    background-color: #ef5350;
}

.slider.slider-bg-d-1-red::-moz-range-track {
    background-color: #ef5350;
}

.slider.slider-bg-d-1-red::-ms-track {
    background-color: #ef5350;
}

.bg-d-2-red,
[type="checkbox"].filled-in:checked.col-d-2-red + label:after,
[type="radio"].with-gap.col-d-2-red:checked + label:after,
[type="radio"].col-d-2-red:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-2-red:after,
.modal-content.col-d-2-red,
.panel-group .panel.col-d-2-red .panel-title,
.panel-group.full-body .panel.col-d-2-red .panel-body {
    background-color: #d32f2f;
}

ul.stepper.stepper-col-d-2-red .step.active:before,
ul.stepper.stepper-col-d-2-red .step.done:before,
ul.stepper.horizontal.stepper-col-d-2-red .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-2-red .step.done .step-title:before  {
    background-color: #d32f2f;
}

.fc-col-d-2-red:not([class*="lever"]) {
    border-bottom: 1px solid #d32f2f;
}
.col-d-2-red {
    color: #d32f2f;
}
.vtabs.col-d-2-red li.active{
    color: #d32f2f;
    border-right: 2px solid #d32f2f;
}
[type="checkbox"]:checked.col-d-2-red + label:before {
    border-right: 2px solid #d32f2f;
    border-bottom: 2px solid #d32f2f;
}
[type="checkbox"].filled-in:checked.col-d-2-red + label:after,
[type="radio"].with-gap.col-d-2-red:checked + label:before,
[type="radio"].with-gap.col-d-2-red:checked + label:after {
    border: 2px solid #d32f2f;
}
[type="radio"].col-d-2-red:checked + label:after {
    border-color: #d32f2f;
}
.nav-tabs.col-d-2-red > li > a:before{
    border-bottom: 2px solid #d32f2f;
}
.panel-group.col-d-2-red {
    border: 1px solid #d32f2f;
}

.slider.thumb-bg-d-2-red::-webkit-slider-thumb {
    background-color: #d32f2f;
}

.slider.thumb-bg-d-2-red::-moz-range-thumb {
    background-color: #d32f2f;
}

.slider.thumb-bg-d-2-red::-ms-thumb {
    background-color: #d32f2f;
}

.slider.slider-bg-d-2-red::-webkit-slider-runnable-track {
    background-color: #d32f2f;
}

.slider.slider-bg-d-2-red::-moz-range-track {
    background-color: #d32f2f;
}

.slider.slider-bg-d-2-red::-ms-track {
    background-color: #d32f2f;
}

.bg-d-3-red,
[type="checkbox"].filled-in:checked.col-d-3-red + label:after,
[type="radio"].with-gap.col-d-3-red:checked + label:after,
[type="radio"].col-d-2-red:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-3-red:after,
.modal-content.col-d-3-red,
.panel-group .panel.col-d-3-red .panel-title,
.panel-group.full-body .panel.col-d-3-red .panel-body {
    background-color: #c62828;
}

ul.stepper.stepper-col-d-3-red .step.active:before,
ul.stepper.stepper-col-d-3-red .step.done:before,
ul.stepper.horizontal.stepper-col-d-3-red .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-3-red .step.done .step-title:before  {
    background-color: #c62828;
}

.fc-col-d-3-red:not([class*="lever"]) {
    border-bottom: 1px solid #c62828;
}
.col-d-3-red{
    color: #c62828;
}
.vtabs.col-d-3-red li.active{
    color: #c62828;
    border-right: 2px solid #c62828;
}
[type="checkbox"]:checked.col-d-3-red + label:before {
    border-right: 2px solid #c62828;
    border-bottom: 2px solid #c62828;
}
[type="checkbox"].filled-in:checked.col-d-3-red + label:after,
[type="radio"].with-gap.col-d-3-red:checked + label:before,
[type="radio"].with-gap.col-d-3-red:checked + label:after {
    border: 2px solid #c62828;
}
[type="radio"].col-d-3-red:checked + label:after {
    border-color: #c62828;
}
.nav-tabs.col-d-3-red > li > a:before{
    border-bottom: 2px solid #c62828;
}
.panel-group.col-d-3-red {
    border: 1px solid #c62828;
}

.slider.thumb-bg-d-3-red::-webkit-slider-thumb {
    background-color: #c62828;
}

.slider.thumb-bg-d-3-red::-moz-range-thumb {
    background-color: #c62828;
}

.slider.thumb-bg-d-3-red::-ms-thumb {
    background-color: #c62828;
}

.slider.slider-bg-d-3-red::-webkit-slider-runnable-track {
    background-color: #c62828;
}

.slider.slider-bg-d-3-red::-moz-range-track {
    background-color: #c62828;
}

.slider.slider-bg-d-3-red::-ms-track {
    background-color: #c62828;
}

.bg-d-4-red,
[type="checkbox"].filled-in:checked.col-d-4-red + label:after,
[type="radio"].with-gap.col-d-4-red:checked + label:after,
[type="radio"].col-d-4-red:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-4-red:after,
.modal-content.col-d-4-red,
.panel-group .panel.col-d-4-red .panel-title,
.panel-group.full-body .panel.col-d-4-red .panel-body {
    background-color: #b71c1c;
}

ul.stepper.stepper-col-d-4-red .step.active:before,
ul.stepper.stepper-col-d-4-red .step.done:before,
ul.stepper.horizontal.stepper-col-d-4-red .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-4-red .step.done .step-title:before  {
    background-color: #b71c1c;
}

.fc-col-d-4-red:not([class*="lever"]) {
    border-bottom: 1px solid #b71c1c;
}
.col-d-4-red{
    color: #b71c1c;
}
.vtabs.col-d-4-red li.active{
    color: #b71c1c;
    border-right: 2px solid #b71c1c;
}
[type="checkbox"]:checked.col-d-4-red + label:before {
    border-right: 2px solid #b71c1c;
    border-bottom: 2px solid #b71c1c;
}
[type="checkbox"].filled-in:checked.col-d-4-red + label:after,
[type="radio"].with-gap.col-d-4-red:checked + label:before,
[type="radio"].with-gap.col-d-4-red:checked + label:after {
    border: 2px solid #b71c1c;
}
[type="radio"].col-d-4-red:checked + label:after {
    border-color: #b71c1c;
}
.nav-tabs.col-d-4-red > li > a:before{
    border-bottom: 2px solid #b71c1c;
}
.panel-group.col-d-4-red {
    border: 1px solid #b71c1c;
}

.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever[class*="col-red"]:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(244, 67, 54, 0.1);
}

.switch label input[type=checkbox]:checked + .lever[class*="col-red"] {
    background-color: rgba(244, 67, 54, 0.5);
}

.slider.thumb-bg-d-4-red::-webkit-slider-thumb {
    background-color: #b71c1c;
}

.slider.thumb-bg-d-4-red::-moz-range-thumb {
    background-color: #b71c1c;
}

.slider.thumb-bg-d-4-red::-ms-thumb {
    background-color: #b71c1c;
}

.slider.slider-bg-d-4-red::-webkit-slider-runnable-track {
    background-color: #b71c1c;
}

.slider.slider-bg-d-4-red::-moz-range-track {
    background-color: #b71c1c;
}

.slider.slider-bg-d-4-red::-ms-track {
    background-color: #b71c1c;
}
/*======================== PINK ========================*/
.bg-pink{
    color: #FFF;
}
.modal-content.col-pink:not([class*="col-white"]) .modal-body,
.modal-content.col-pink:not([class*="col-white"]) .modal-footer .btn-link,
.modal-content.col-pink:not([class*="col-white"]) .modal-title,
.panel-group .panel.col-pink:not([class*="col-white"]) .panel-title,
.panel-group.full-body .panel.col-pink:not([class*="col-white"]) .panel-body,
.bg-pink.nav-tabs li a{
    color: #fff;
}
.bg-pink,
.d-checkbox input[type="checkbox"].filled-in:checked.col-pink + label:after,
[type="radio"].with-gap.col-pink:checked + label:after,
[type="radio"].col-pink:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-pink:after,
.modal-content.col-pink,
.panel-group .panel.col-pink .panel-title,
.panel-group.full-body .panel.col-pink .panel-body{
    background-color: #E91E63;
}

ul.stepper.stepper-col-pink .step.active:before,
ul.stepper.stepper-col-pink .step.done:before,
ul.stepper.horizontal.stepper-col-pink .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-pink .step.done .step-title:before{
    background-color: #E91E63;
}

.fc-col-pink:not([class*="lever"]) {
    border-bottom: 1px solid #E91E63;
}
.col-pink{
    color: #E91E63;
}
.vtabs.col-pink li.active{
    color: #E91E63;
    border-right: 2px solid #E91E63;
}
.d-checkbox input[type="checkbox"]:checked.col-pink + label:before {
    border-right: 2px solid #E91E63;
    border-bottom: 2px solid #E91E63;
}
.d-checkbox input[type="checkbox"].filled-in:checked.col-pink + label:after,
[type="radio"].with-gap.col-pink:checked + label:before,
[type="radio"].with-gap.col-pink:checked + label:after{
    border: 2px solid #E91E63;
}
[type="radio"].col-pink:checked + label:after {
    border-color: #E91E63;
}
.nav-tabs.col-pink > li > a:before{
    border-bottom: 2px solid #E91E63;
}
.panel-group.col-pink {
    border: 1px solid #E91E63;
}

.vtabs.col-pink .flex-item.active a{
    border-right: 2px solid #E91E63;
}

.slider.thumb-bg-pink::-webkit-slider-thumb {
    background-color: #E91E63;
}

.slider.thumb-bg-pink::-moz-range-thumb {
    background-color: #E91E63;
}

.slider.thumb-bg-pink::-ms-thumb {
    background-color: #E91E63;
}

.slider.slider-bg-pink::-webkit-slider-runnable-track {
    background-color: #E91E63;
}

.slider.slider-bg-pink::-moz-range-track {
    background-color: #E91E63;
}

.slider.slider-bg-pink::-ms-track {
    background-color: #E91E63;
}

.bg-l-1-pink,
[type="checkbox"].filled-in:checked.col-l-1-pink + label:after,
[type="radio"].with-gap.col-l-1-pink:checked + label:after,
[type="radio"].col-l-1-pink:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-1-pink:after,
.modal-content.col-l-1-pink,
.panel-group .panel.col-l-1-pink .panel-title,
.panel-group.full-body .panel.col-l-1-pink .panel-body {
    background-color: #ec407a;
}
ul.stepper.stepper-col-l-1-pink .step.active:before,
ul.stepper.stepper-col-l-1-pink .step.done:before,
ul.stepper.horizontal.stepper-col-l-1-pink .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-1-pink .step.done .step-title:before  {
    background-color: #ec407a;
}


.fc-col-l-1-pink:not([class*="lever"]) {
    border-bottom: 1px solid #ec407a;
}
.col-l-1-pink {
    color: #ec407a;
}
.vtabs.col-l-1-pink li.active{
    color: #ec407a;
    border-right: 2px solid #ec407a;
}
[type="checkbox"]:checked.col-l-1-pink + label:before {
    border-right: 2px solid #ec407a;
    border-bottom: 2px solid #ec407a;
}
[type="checkbox"].filled-in:checked.col-l-1-pink + label:after,
[type="radio"].with-gap.col-l-1-pink:checked + label:before,
[type="radio"].with-gap.col-l-1-pink:checked + label:after {
    border: 2px solid #ec407a;
}
[type="radio"].col-l-1-pink:checked + label:after {
    border-color: #ec407a;
}
.nav-tabs.col-l-1-pink > li > a:before{
    border-bottom: 2px solid #ec407a;
}
.panel-group.col-l-1-pink {
    border: 1px solid #ec407a;
}

.slider.thumb-bg-l-1-pink::-webkit-slider-thumb {
    background-color: #ec407a;
}

.slider.thumb-bg-l-1-pink::-moz-range-thumb {
    background-color: #ec407a;
}

.slider.thumb-bg-l-1-pink::-ms-thumb {
    background-color: #ec407a;
}

.slider.slider-bg-l-1-pink::-webkit-slider-runnable-track {
    background-color: #ec407a;
}

.slider.slider-bg-l-1-pink::-moz-range-track {
    background-color: #ec407a;
}

.slider.slider-bg-l-1-pink::-ms-track {
    background-color: #ec407a;
}

.bg-l-2-pink,
[type="checkbox"].filled-in:checked.col-l-2-pink + label:after,
[type="radio"].with-gap.col-l-2-pink:checked + label:after,
[type="radio"].col-l-2-pink:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-2-pink:after,
.modal-content.col-l-2-pink,
.panel-group .panel.col-l-2-pink .panel-title,
.panel-group.full-body .panel.col-l-2-pink .panel-body {
    background-color: #f06292;
}
ul.stepper.stepper-col-l-2-pink .step.active:before,
ul.stepper.stepper-col-l-2-pink .step.done:before,
ul.stepper.horizontal.stepper-col-l-2-pink .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-2-pink .step.done .step-title:before   {
    background-color: #f06292;
}

.fc-col-l-2-pink:not([class*="lever"]) {
    border-bottom: 1px solid #f06292;
}
.col-l-2-pink {
    color: #f06292;
}
.vtabs.col-l-2-pink li.active{
    color: #f06292;
    border-right: 2px solid #f06292;
}
[type="checkbox"]:checked.col-l-2-pink + label:before {
    border-right: 2px solid #f06292;
    border-bottom: 2px solid #f06292;
}
[type="checkbox"].filled-in:checked.col-l-2-pink + label:after,
[type="radio"].with-gap.col-l-2-pink:checked + label:before,
[type="radio"].with-gap.col-l-2-pink:checked + label:after {
    border: 2px solid #f06292;
}
[type="radio"].col-l-2-pink:checked + label:after {
    border-color: #f06292;
}
.nav-tabs.col-l-2-pink > li > a:before{
    border-bottom: 2px solid #f06292;
}
.panel-group.col-l-2-pink {
    border: 1px solid #f06292;
}

.slider.thumb-bg-l-2-pink::-webkit-slider-thumb {
    background-color: #f06292;
}

.slider.thumb-bg-l-2-pink::-moz-range-thumb {
    background-color: #f06292;
}

.slider.thumb-bg-l-2-pink::-ms-thumb {
    background-color: #f06292;
}

.slider.slider-bg-l-2-pink::-webkit-slider-runnable-track {
    background-color: #f06292;
}

.slider.slider-bg-l-2-pink::-moz-range-track {
    background-color: #f06292;
}

.slider.slider-bg-l-2-pink::-ms-track {
    background-color: #f06292;
}

.bg-l-3-pink,
[type="checkbox"].filled-in:checked.col-l-3-pink + label:after,
[type="radio"].with-gap.col-l-3-pink:checked + label:after,
[type="radio"].with-gap.col-l-3-pink:checked + label:after,
[type="radio"].col-l-3-pink:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-3-pink:after,
.modal-content.col-l-3-pink,
.panel-group .panel.col-l-3-pink .panel-title,
.panel-group.full-body .panel.col-l-3-pink .panel-body {
    background-color: #f48fb1;
}

ul.stepper.stepper-col-l-3-pink .step.active:before,
ul.stepper.stepper-col-l-3-pink .step.done:before,
ul.stepper.horizontal.stepper-col-l-3-pink .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-3-pink .step.done .step-title:before   {
    background-color: #f48fb1;
}

.fc-col-l-3-pink:not([class*="lever"]) {
    border-bottom: 1px solid #f48fb1;
}

.col-l-3-pink {
    color: #f48fb1;
}
.vtabs.col-l-3-pink li.active{
    color: #f48fb1;
    border-right: 2px solid #f48fb1;
}
[type="checkbox"]:checked.col-l-3-pink + label:before {
    border-right: 2px solid #f48fb1;
    border-bottom: 2px solid #f48fb1;
}
[type="checkbox"].filled-in:checked.col-l-3-pink + label:after,
[type="radio"].with-gap.col-l-3-pink:checked + label:before,
[type="radio"].with-gap.col-l-3-pink:checked + label:after {
    border: 2px solid #f48fb1;
}
[type="radio"].col-l-3-pink:checked + label:after {
    border-color: #f48fb1;
}
.nav-tabs.col-l-3-pink > li > a:before{
    border-bottom: 2px solid #f48fb1;
}
.panel-group.col-l-3-pink {
    border: 1px solid #f48fb1;
}

.slider.thumb-bg-l-3-pink::-webkit-slider-thumb {
    background-color: #f48fb1;
}

.slider.thumb-bg-l-3-pink::-moz-range-thumb {
    background-color: #f48fb1;
}

.slider.thumb-bg-l-3-pink::-ms-thumb {
    background-color: #f48fb1;
}

.slider.slider-bg-l-3-pink::-webkit-slider-runnable-track {
    background-color: #f48fb1;
}

.slider.slider-bg-l-3-pink::-moz-range-track {
    background-color: #f48fb1;
}

.slider.slider-bg-l-3-pink::-ms-track {
    background-color: #f48fb1;
}

.bg-l-4-pink,
[type="checkbox"].filled-in:checked.col-l-4-pink + label:after,
[type="radio"].with-gap.col-l-4-pink:checked + label:after,
[type="radio"].col-l-4-pink:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-4-pink:after,
.modal-content.col-l-4-pink,
.panel-group .panel.col-l-4-pink .panel-title,
.panel-group.full-body .panel.col-l-4-pink .panel-body {
    background-color: #f8bbd0;
}

ul.stepper.stepper-col-l-4-pink .step.active:before,
ul.stepper.stepper-col-l-4-pink .step.done:before,
ul.stepper.horizontal.stepper-col-l-4-pink .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-4-pink .step.done .step-title:before  {
    background-color: #f8bbd0;
}

.fc-col-l-4-pink:not([class*="lever"]) {
    border-bottom: 1px solid #f8bbd0;
}
.col-l-4-pink{
    color: #f8bbd0;
}
.vtabs.col-l-4-pink li.active{
    color: #f8bbd0;
    border-right: 2px solid #f8bbd0;
}
[type="checkbox"]:checked.col-l-4-pink + label:before {
    border-right: 2px solid #f8bbd0;
    border-bottom: 2px solid #f8bbd0;
}
[type="checkbox"].filled-in:checked.col-l-4-pink + label:after,
[type="radio"].with-gap.col-l-4-pink:checked + label:before,
[type="radio"].with-gap.col-l-4-pink:checked + label:after {
    border: 2px solid #f8bbd0;
}
[type="radio"].col-l-4-pink:checked + label:after {
    border-color: #f8bbd0;
}
.nav-tabs.col-l-4-pink > li > a:before{
    border-bottom: 2px solid #f8bbd0;
}
.panel-group.col-l-4-pink {
    border: 1px solid #f8bbd0;
}

.slider.thumb-bg-l-4-pink::-webkit-slider-thumb {
    background-color: #f8bbd0;
}

.slider.thumb-bg-l-4-pink::-moz-range-thumb {
    background-color: #f8bbd0;
}

.slider.thumb-bg-l-4-pink::-ms-thumb {
    background-color: #f8bbd0;
}

.slider.slider-bg-l-4-pink::-webkit-slider-runnable-track {
    background-color: #f8bbd0;
}

.slider.slider-bg-l-4-pink::-moz-range-track {
    background-color: #f8bbd0;
}

.slider.slider-bg-l-4-pink::-ms-track {
    background-color: #f8bbd0;
}

.bg-l-5-pink ,
[type="checkbox"].filled-in:checked.col-l-5-pink + label:after,
[type="radio"].with-gap.col-l-5-pink:checked + label:after,
[type="radio"].col-l-5-pink:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-5-pink:after,
.modal-content.col-l-5-pink,
.panel-group .panel.col-l-5-pink .panel-title,
.panel-group.full-body .panel.col-l-5-pink .panel-body {
    background-color: #fce4ec;
}

ul.stepper.stepper-col-l-5-pink .step.active:before,
ul.stepper.stepper-col-l-5-pink .step.done:before,
ul.stepper.horizontal.stepper-col-l-5-pink .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-5-pink .step.done .step-title:before   {
    background-color: #fce4ec;
}

.fc-col-l-5-pink:not([class*="lever"]) {
    border-bottom: 1px solid #fce4ec;
}
.col-l-5-pink {
    color: #fce4ec;
}
.vtabs.col-l-5-pink li.active{
    color: #fce4ec;
    border-right: 2px solid #fce4ec;
}
[type="checkbox"]:checked.col-l-5-pink + label:before {
    border-right: 2px solid #fce4ec;
    border-bottom: 2px solid #fce4ec;
}
[type="checkbox"].filled-in:checked.col-l-5-pink + label:after,
[type="radio"].with-gap.col-l-5-pink:checked + label:before,
[type="radio"].with-gap.col-l-5-pink:checked + label:after {
    border: 2px solid #fce4ec;
}
[type="radio"].col-l-5-pink:checked + label:after {
    border-color: #fce4ec;
}
.nav-tabs.col-l-5-pink > li > a:before{
    border-bottom: 2px solid #fce4ec;
}
.panel-group.col-l-5-pink {
    border: 1px solid #fce4ec;
}

.slider.thumb-bg-l-5-pink::-webkit-slider-thumb {
    background-color: #fce4ec;
}

.slider.thumb-bg-l-5-pink::-moz-range-thumb {
    background-color: #fce4ec;
}

.slider.thumb-bg-l-5-pink::-ms-thumb {
    background-color: #fce4ec;
}

.slider.slider-bg-l-5-pink::-webkit-slider-runnable-track {
    background-color: #fce4ec;
}

.slider.slider-bg-l-5-pink::-moz-range-track {
    background-color: #fce4ec;
}

.slider.slider-bg-l-5-pink::-ms-track {
    background-color: #fce4ec;
}

.bg-d-1-pink,
[type="checkbox"].filled-in:checked.col-d-1-pink + label:after,
[type="radio"].with-gap.col-d-1-pink:checked + label:after,
[type="radio"].col-d-1-pink:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-1-pink:after,
.modal-content.col-d-1-pink,
.panel-group .panel.col-d-1-pink .panel-title,
.panel-group.full-body .panel.col-d-1-pink .panel-body {
    background-color: #d81b60;
}

ul.stepper.stepper-col-d-1-pink .step.active:before,
ul.stepper.stepper-col-d-1-pink .step.done:before,
ul.stepper.horizontal.stepper-col-d-1-pink .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-1-pink .step.done .step-title:before   {
    background-color: #d81b60;
}

.fc-col-d-1-pink:not([class*="lever"]) {
    border-bottom: 1px solid #d81b60;
}
.col-d-1-pink {
    color: #d81b60;
}
.vtabs.col-d-1-pink li.active{
    color: #d81b60;
    border-right: 2px solid #d81b60;
}
[type="checkbox"]:checked.col-d-1-pink + label:before {
    border-right: 2px solid #d81b60;
    border-bottom: 2px solid #d81b60;
}
[type="checkbox"].filled-in:checked.col-d-1-pink + label:after,
[type="radio"].with-gap.col-d-1-pink:checked + label:before,
[type="radio"].with-gap.col-d-1-pink:checked + label:after {
    border: 2px solid #d81b60;
}
[type="radio"].col-d-1-pink:checked + label:after {
    border-color: #d81b60;
}
.nav-tabs.col-d-1-pink > li > a:before{
    border-bottom: 2px solid #d81b60;
}
.panel-group.col-d-1-pink {
    border: 1px solid #d81b60;
}

.slider.thumb-bg-d-1-pink::-webkit-slider-thumb {
    background-color: #d81b60;
}

.slider.thumb-bg-d-1-pink::-moz-range-thumb {
    background-color: #d81b60;
}

.slider.thumb-bg-d-1-pink::-ms-thumb {
    background-color: #d81b60;
}

.slider.slider-bg-d-1-pink::-webkit-slider-runnable-track {
    background-color: #d81b60;
}

.slider.slider-bg-d-1-pink::-moz-range-track {
    background-color: #d81b60;
}

.slider.slider-bg-d-1-pink::-ms-track {
    background-color: #d81b60;
}

.bg-d-2-pink,
[type="checkbox"].filled-in:checked.col-d-2-pink + label:after,
[type="radio"].with-gap.col-d-2-pink:checked + label:after,
[type="radio"].col-d-2-pink:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-2-pink:after,
.modal-content.col-d-2-pink,
.panel-group .panel.col-d-2-pink .panel-title,
.panel-group.full-body .panel.col-d-2-pink .panel-body {
    background-color: #c2185b;
}

ul.stepper.stepper-col-d-2-pink .step.active:before,
ul.stepper.stepper-col-d-2-pink .step.done:before,
ul.stepper.horizontal.stepper-col-d-2-pink .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-2-pink .step.done .step-title:before  {
    background-color: #c2185b;
}

.fc-col-d-2-pink:not([class*="lever"]) {
    border-bottom: 1px solid #c2185b;
}
.col-d-2-pink {
    color: #c2185b;
}
.vtabs.col-d-2-pink li.active{
    color: #c2185b;
    border-right: 2px solid #c2185b;
}
[type="checkbox"]:checked.col-d-2-pink + label:before {
    border-right: 2px solid #c2185b;
    border-bottom: 2px solid #c2185b;
}
[type="checkbox"].filled-in:checked.col-d-2-pink + label:after,
[type="radio"].with-gap.col-d-2-pink:checked + label:before,
[type="radio"].with-gap.col-d-2-pink:checked + label:after {
    border: 2px solid #c2185b;
}
[type="radio"].col-d-2-pink:checked + label:after {
    border-color: #c2185b;
}
.nav-tabs.col-d-2-pink > li > a:before{
    border-bottom: 2px solid #c2185b;
}
.panel-group.col-d-2-pink {
    border: 1px solid #c2185b;
}

.slider.thumb-bg-d-2-pink::-webkit-slider-thumb {
    background-color: #c2185b;
}

.slider.thumb-bg-d-2-pink::-moz-range-thumb {
    background-color: #c2185b;
}

.slider.thumb-bg-d-2-pink::-ms-thumb {
    background-color: #c2185b;
}

.slider.slider-bg-d-2-pink::-webkit-slider-runnable-track {
    background-color: #c2185b;
}

.slider.slider-bg-d-2-pink::-moz-range-track {
    background-color: #c2185b;
}

.slider.slider-bg-d-2-pink::-ms-track {
    background-color: #c2185b;
}

.bg-d-3-pink,
[type="checkbox"].filled-in:checked.col-d-3-pink + label:after,
[type="radio"].with-gap.col-d-3-pink:checked + label:after,
[type="radio"].col-d-2-pink:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-3-pink:after,
.modal-content.col-d-3-pink,
.panel-group .panel.col-d-3-pink .panel-title,
.panel-group.full-body .panel.col-d-3-pink .panel-body {
    background-color: #ad1457;
}

ul.stepper.stepper-col-d-3-pink .step.active:before,
ul.stepper.stepper-col-d-3-pink .step.done:before,
ul.stepper.horizontal.stepper-col-d-3-pink .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-3-pink .step.done .step-title:before  {
    background-color: #ad1457;
}

.fc-col-d-3-pink:not([class*="lever"]) {
    border-bottom: 1px solid #ad1457;
}
.col-d-3-pink{
    color: #ad1457;
}
.vtabs.col-d-3-pink li.active{
    color: #ad1457;
    border-right: 2px solid #ad1457;
}
[type="checkbox"]:checked.col-d-3-pink + label:before {
    border-right: 2px solid #ad1457;
    border-bottom: 2px solid #ad1457;
}
[type="checkbox"].filled-in:checked.col-d-3-pink + label:after,
[type="radio"].with-gap.col-d-3-pink:checked + label:before,
[type="radio"].with-gap.col-d-3-pink:checked + label:after {
    border: 2px solid #ad1457;
}
[type="radio"].col-d-3-pink:checked + label:after {
    border-color: #ad1457;
}
.nav-tabs.col-d-3-pink > li > a:before{
    border-bottom: 2px solid #ad1457;
}
.panel-group.col-d-3-pink {
    border: 1px solid #ad1457;
}

.slider.thumb-bg-d-3-pink::-webkit-slider-thumb {
    background-color: #ad1457;
}

.slider.thumb-bg-d-3-pink::-moz-range-thumb {
    background-color: #ad1457;
}

.slider.thumb-bg-d-3-pink::-ms-thumb {
    background-color: #ad1457;
}

.slider.slider-bg-d-3-pink::-webkit-slider-runnable-track {
    background-color: #ad1457;
}

.slider.slider-bg-d-3-pink::-moz-range-track {
    background-color: #ad1457;
}

.slider.slider-bg-d-3-pink::-ms-track {
    background-color: #ad1457;
}

.bg-d-4-pink,
[type="checkbox"].filled-in:checked.col-d-4-pink + label:after,
[type="radio"].with-gap.col-d-4-pink:checked + label:after,
[type="radio"].col-d-4-pink:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-4-pink:after,
.modal-content.col-d-4-pink,
.panel-group .panel.col-d-4-pink .panel-title,
.panel-group.full-body .panel.col-d-4-pink .panel-body {
    background-color: #880e4f;
}

ul.stepper.stepper-col-d-4-pink .step.active:before,
ul.stepper.stepper-col-d-4-pink .step.done:before,
ul.stepper.horizontal.stepper-col-d-4-pink .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-4-pink .step.done .step-title:before  {
    background-color: #880e4f;
}

.fc-col-d-4-pink:not([class*="lever"]) {
    border-bottom: 1px solid #880e4f;
}
.col-d-4-pink{
    color: #880e4f;
}
.vtabs.col-d-4-pink li.active{
    color: #880e4f;
    border-right: 2px solid #880e4f;
}
[type="checkbox"]:checked.col-d-4-pink + label:before {
    border-right: 2px solid #880e4f;
    border-bottom: 2px solid #880e4f;
}
[type="checkbox"].filled-in:checked.col-d-4-pink + label:after,
[type="radio"].with-gap.col-d-4-pink:checked + label:before,
[type="radio"].with-gap.col-d-4-pink:checked + label:after {
    border: 2px solid #880e4f;
}
[type="radio"].col-d-4-pink:checked + label:after {
    border-color: #880e4f;
}
.nav-tabs.col-d-4-pink > li > a:before{
    border-bottom: 2px solid #880e4f;
}
.panel-group.col-d-4-pink {
    border: 1px solid #880e4f;
}

.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever[class*="col-pink"]:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(233, 30, 99, 0.1);
}

.switch label input[type=checkbox]:checked + .lever[class*="col-pink"] {
    background-color: rgba(233, 30, 99, 0.5);
}

.slider.thumb-bg-d-4-pink::-webkit-slider-thumb {
    background-color: #880e4f;
}

.slider.thumb-bg-d-4-pink::-moz-range-thumb {
    background-color: #880e4f;
}

.slider.thumb-bg-d-4-pink::-ms-thumb {
    background-color: #880e4f;
}

.slider.slider-bg-d-4-pink::-webkit-slider-runnable-track {
    background-color: #880e4f;
}

.slider.slider-bg-d-4-pink::-moz-range-track {
    background-color: #880e4f;
}

.slider.slider-bg-d-4-pink::-ms-track {
    background-color: #880e4f;
}
/*======================== PURPLE ========================*/
.bg-purple{
    color: #FFF;
}
.modal-content.col-purple:not([class*="col-white"]) .modal-body,
.modal-content.col-purple:not([class*="col-white"]) .modal-footer .btn-link,
.modal-content.col-purple:not([class*="col-white"]) .modal-title,
.panel-group .panel.col-purple:not([class*="col-white"]) .panel-title,
.panel-group.full-body .panel.col-purple:not([class*="col-white"]) .panel-body,
.bg-purple.nav-tabs li a{
    color: #fff;
}
.bg-purple,
.d-checkbox input[type="checkbox"].filled-in:checked.col-purple + label:after,
[type="radio"].with-gap.col-purple:checked + label:after,
[type="radio"].col-purple:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-purple:after,
.modal-content.col-purple,
.panel-group .panel.col-purple .panel-title,
.panel-group.full-body .panel.col-purple .panel-body{
    background-color: #9C27B0;
}

ul.stepper.stepper-col-purple .step.active:before,
ul.stepper.stepper-col-purple .step.done:before,
ul.stepper.horizontal.stepper-col-purple .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-purple .step.done .step-title:before{
    background-color: #9C27B0;
}

.fc-col-purple:not([class*="lever"]) {
    border-bottom: 1px solid #9C27B0;
}
.col-purple{
    color: #9C27B0;
}
.vtabs.col-purple li.active{
    color: #9C27B0;
    border-right: 2px solid #9C27B0;
}
.d-checkbox input[type="checkbox"]:checked.col-purple + label:before {
    border-right: 2px solid #9C27B0;
    border-bottom: 2px solid #9C27B0;
}
.d-checkbox input[type="checkbox"].filled-in:checked.col-purple + label:after,
[type="radio"].with-gap.col-purple:checked + label:before,
[type="radio"].with-gap.col-purple:checked + label:after{
    border: 2px solid #9C27B0;
}
[type="radio"].col-purple:checked + label:after {
    border-color: #9C27B0;
}
.nav-tabs.col-purple > li > a:before{
    border-bottom: 2px solid #9C27B0;
}
.panel-group.col-purple {
    border: 1px solid #9C27B0;
}

.vtabs.col-purple .flex-item.active a{
    border-right: 2px solid #9C27B0;
}

.slider.thumb-bg-purple::-webkit-slider-thumb {
    background-color: #9C27B0;
}

.slider.thumb-bg-purple::-moz-range-thumb {
    background-color: #9C27B0;
}

.slider.thumb-bg-purple::-ms-thumb {
    background-color: #9C27B0;
}

.slider.slider-bg-purple::-webkit-slider-runnable-track {
    background-color: #9C27B0;
}

.slider.slider-bg-purple::-moz-range-track {
    background-color: #9C27B0;
}

.slider.slider-bg-purple::-ms-track {
    background-color: #9C27B0;
}

.bg-l-1-purple,
[type="checkbox"].filled-in:checked.col-l-1-purple + label:after,
[type="radio"].with-gap.col-l-1-purple:checked + label:after,
[type="radio"].col-l-1-purple:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-1-purple:after,
.modal-content.col-l-1-purple,
.panel-group .panel.col-l-1-purple .panel-title,
.panel-group.full-body .panel.col-l-1-purple .panel-body {
    background-color: #ab47bc;
}
ul.stepper.stepper-col-l-1-purple .step.active:before,
ul.stepper.stepper-col-l-1-purple .step.done:before,
ul.stepper.horizontal.stepper-col-l-1-purple .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-1-purple .step.done .step-title:before  {
    background-color: #ab47bc;
}


.fc-col-l-1-purple:not([class*="lever"]) {
    border-bottom: 1px solid #ab47bc;
}
.col-l-1-purple {
    color: #ab47bc;
}
.vtabs.col-l-1-purple li.active{
    color: #ab47bc;
    border-right: 2px solid #ab47bc;
}
[type="checkbox"]:checked.col-l-1-purple + label:before {
    border-right: 2px solid #ab47bc;
    border-bottom: 2px solid #ab47bc;
}
[type="checkbox"].filled-in:checked.col-l-1-purple + label:after,
[type="radio"].with-gap.col-l-1-purple:checked + label:before,
[type="radio"].with-gap.col-l-1-purple:checked + label:after {
    border: 2px solid #ab47bc;
}
[type="radio"].col-l-1-purple:checked + label:after {
    border-color: #ab47bc;
}
.nav-tabs.col-l-1-purple > li > a:before{
    border-bottom: 2px solid #ab47bc;
}
.panel-group.col-l-1-purple {
    border: 1px solid #ab47bc;
}

.slider.thumb-bg-l-1-purple::-webkit-slider-thumb {
    background-color: #ab47bc;
}

.slider.thumb-bg-l-1-purple::-moz-range-thumb {
    background-color: #ab47bc;
}

.slider.thumb-bg-l-1-purple::-ms-thumb {
    background-color: #ab47bc;
}

.slider.slider-bg-l-1-purple::-webkit-slider-runnable-track {
    background-color: #ab47bc;
}

.slider.slider-bg-l-1-purple::-moz-range-track {
    background-color: #ab47bc;
}

.slider.slider-bg-l-1-purple::-ms-track {
    background-color: #ab47bc;
}

.bg-l-2-purple,
[type="checkbox"].filled-in:checked.col-l-2-purple + label:after,
[type="radio"].with-gap.col-l-2-purple:checked + label:after,
[type="radio"].col-l-2-purple:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-2-purple:after,
.modal-content.col-l-2-purple,
.panel-group .panel.col-l-2-purple .panel-title,
.panel-group.full-body .panel.col-l-2-purple .panel-body {
    background-color: #ba68c8;
}
ul.stepper.stepper-col-l-2-purple .step.active:before,
ul.stepper.stepper-col-l-2-purple .step.done:before,
ul.stepper.horizontal.stepper-col-l-2-purple .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-2-purple .step.done .step-title:before   {
    background-color: #ba68c8;
}

.fc-col-l-2-purple:not([class*="lever"]) {
    border-bottom: 1px solid #ba68c8;
}
.col-l-2-purple {
    color: #ba68c8;
}
.vtabs.col-l-2-purple li.active{
    color: #ba68c8;
    border-right: 2px solid #ba68c8;
}
[type="checkbox"]:checked.col-l-2-purple + label:before {
    border-right: 2px solid #ba68c8;
    border-bottom: 2px solid #ba68c8;
}
[type="checkbox"].filled-in:checked.col-l-2-purple + label:after,
[type="radio"].with-gap.col-l-2-purple:checked + label:before,
[type="radio"].with-gap.col-l-2-purple:checked + label:after {
    border: 2px solid #ba68c8;
}
[type="radio"].col-l-2-purple:checked + label:after {
    border-color: #ba68c8;
}
.nav-tabs.col-l-2-purple > li > a:before{
    border-bottom: 2px solid #ba68c8;
}
.panel-group.col-l-2-purple {
    border: 1px solid #ba68c8;
}

.slider.thumb-bg-l-2-purple::-webkit-slider-thumb {
    background-color: #ba68c8;
}

.slider.thumb-bg-l-2-purple::-moz-range-thumb {
    background-color: #ba68c8;
}

.slider.thumb-bg-l-2-purple::-ms-thumb {
    background-color: #ba68c8;
}

.slider.slider-bg-l-2-purple::-webkit-slider-runnable-track {
    background-color: #ba68c8;
}

.slider.slider-bg-l-2-purple::-moz-range-track {
    background-color: #ba68c8;
}

.slider.slider-bg-l-2-purple::-ms-track {
    background-color: #ba68c8;
}

.bg-l-3-purple,
[type="checkbox"].filled-in:checked.col-l-3-purple + label:after,
[type="radio"].with-gap.col-l-3-purple:checked + label:after,
[type="radio"].with-gap.col-l-3-purple:checked + label:after,
[type="radio"].col-l-3-purple:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-3-purple:after,
.modal-content.col-l-3-purple,
.panel-group .panel.col-l-3-purple .panel-title,
.panel-group.full-body .panel.col-l-3-purple .panel-body {
    background-color: #ce93d8;
}

ul.stepper.stepper-col-l-3-purple .step.active:before,
ul.stepper.stepper-col-l-3-purple .step.done:before,
ul.stepper.horizontal.stepper-col-l-3-purple .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-3-purple .step.done .step-title:before   {
    background-color: #ce93d8;
}

.fc-col-l-3-purple:not([class*="lever"]) {
    border-bottom: 1px solid #ce93d8;
}

.col-l-3-purple {
    color: #ce93d8;
}
.vtabs.col-l-3-purple li.active{
    color: #ce93d8;
    border-right: 2px solid #ce93d8;
}
[type="checkbox"]:checked.col-l-3-purple + label:before {
    border-right: 2px solid #ce93d8;
    border-bottom: 2px solid #ce93d8;
}
[type="checkbox"].filled-in:checked.col-l-3-purple + label:after,
[type="radio"].with-gap.col-l-3-purple:checked + label:before,
[type="radio"].with-gap.col-l-3-purple:checked + label:after {
    border: 2px solid #ce93d8;
}
[type="radio"].col-l-3-purple:checked + label:after {
    border-color: #ce93d8;
}
.nav-tabs.col-l-3-purple > li > a:before{
    border-bottom: 2px solid #ce93d8;
}
.panel-group.col-l-3-purple {
    border: 1px solid #ce93d8;
}

.slider.thumb-bg-l-3-purple::-webkit-slider-thumb {
    background-color: #ce93d8;
}

.slider.thumb-bg-l-3-purple::-moz-range-thumb {
    background-color: #ce93d8;
}

.slider.thumb-bg-l-3-purple::-ms-thumb {
    background-color: #ce93d8;
}

.slider.slider-bg-l-3-purple::-webkit-slider-runnable-track {
    background-color: #ce93d8;
}

.slider.slider-bg-l-3-purple::-moz-range-track {
    background-color: #ce93d8;
}

.slider.slider-bg-l-3-purple::-ms-track {
    background-color: #ce93d8;
}

.bg-l-4-purple,
[type="checkbox"].filled-in:checked.col-l-4-purple + label:after,
[type="radio"].with-gap.col-l-4-purple:checked + label:after,
[type="radio"].col-l-4-purple:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-4-purple:after,
.modal-content.col-l-4-purple,
.panel-group .panel.col-l-4-purple .panel-title,
.panel-group.full-body .panel.col-l-4-purple .panel-body {
    background-color: #e1bee7;
}

ul.stepper.stepper-col-l-4-purple .step.active:before,
ul.stepper.stepper-col-l-4-purple .step.done:before,
ul.stepper.horizontal.stepper-col-l-4-purple .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-4-purple .step.done .step-title:before  {
    background-color: #e1bee7;
}

.fc-col-l-4-purple:not([class*="lever"]) {
    border-bottom: 1px solid #e1bee7;
}
.col-l-4-purple{
    color: #e1bee7;
}
.vtabs.col-l-4-purple li.active{
    color: #e1bee7;
    border-right: 2px solid #e1bee7;
}
[type="checkbox"]:checked.col-l-4-purple + label:before {
    border-right: 2px solid #e1bee7;
    border-bottom: 2px solid #e1bee7;
}
[type="checkbox"].filled-in:checked.col-l-4-purple + label:after,
[type="radio"].with-gap.col-l-4-purple:checked + label:before,
[type="radio"].with-gap.col-l-4-purple:checked + label:after {
    border: 2px solid #e1bee7;
}
[type="radio"].col-l-4-purple:checked + label:after {
    border-color: #e1bee7;
}
.nav-tabs.col-l-4-purple > li > a:before{
    border-bottom: 2px solid #e1bee7;
}
.panel-group.col-l-4-purple {
    border: 1px solid #e1bee7;
}

.slider.thumb-bg-l-4-purple::-webkit-slider-thumb {
    background-color: #e1bee7;
}

.slider.thumb-bg-l-4-purple::-moz-range-thumb {
    background-color: #e1bee7;
}

.slider.thumb-bg-l-4-purple::-ms-thumb {
    background-color: #e1bee7;
}

.slider.slider-bg-l-4-purple::-webkit-slider-runnable-track {
    background-color: #e1bee7;
}

.slider.slider-bg-l-4-purple::-moz-range-track {
    background-color: #e1bee7;
}

.slider.slider-bg-l-4-purple::-ms-track {
    background-color: #e1bee7;
}

.bg-l-5-purple ,
[type="checkbox"].filled-in:checked.col-l-5-purple + label:after,
[type="radio"].with-gap.col-l-5-purple:checked + label:after,
[type="radio"].col-l-5-purple:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-5-purple:after,
.modal-content.col-l-5-purple,
.panel-group .panel.col-l-5-purple .panel-title,
.panel-group.full-body .panel.col-l-5-purple .panel-body {
    background-color: #f3e5f5;
}

ul.stepper.stepper-col-l-5-purple .step.active:before,
ul.stepper.stepper-col-l-5-purple .step.done:before,
ul.stepper.horizontal.stepper-col-l-5-purple .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-5-purple .step.done .step-title:before   {
    background-color: #f3e5f5;
}

.fc-col-l-5-purple:not([class*="lever"]) {
    border-bottom: 1px solid #f3e5f5;
}
.col-l-5-purple {
    color: #f3e5f5;
}
.vtabs.col-l-5-purple li.active{
    color: #f3e5f5;
    border-right: 2px solid #f3e5f5;
}
[type="checkbox"]:checked.col-l-5-purple + label:before {
    border-right: 2px solid #f3e5f5;
    border-bottom: 2px solid #f3e5f5;
}
[type="checkbox"].filled-in:checked.col-l-5-purple + label:after,
[type="radio"].with-gap.col-l-5-purple:checked + label:before,
[type="radio"].with-gap.col-l-5-purple:checked + label:after {
    border: 2px solid #f3e5f5;
}
[type="radio"].col-l-5-purple:checked + label:after {
    border-color: #f3e5f5;
}
.nav-tabs.col-l-5-purple > li > a:before{
    border-bottom: 2px solid #f3e5f5;
}
.panel-group.col-l-5-purple {
    border: 1px solid #f3e5f5;
}

.slider.thumb-bg-l-5-purple::-webkit-slider-thumb {
    background-color: #f3e5f5;
}

.slider.thumb-bg-l-5-purple::-moz-range-thumb {
    background-color: #f3e5f5;
}

.slider.thumb-bg-l-5-purple::-ms-thumb {
    background-color: #f3e5f5;
}

.slider.slider-bg-l-5-purple::-webkit-slider-runnable-track {
    background-color: #f3e5f5;
}

.slider.slider-bg-l-5-purple::-moz-range-track {
    background-color: #f3e5f5;
}

.slider.slider-bg-l-5-purple::-ms-track {
    background-color: #f3e5f5;
}

.bg-d-1-purple,
[type="checkbox"].filled-in:checked.col-d-1-purple + label:after,
[type="radio"].with-gap.col-d-1-purple:checked + label:after,
[type="radio"].col-d-1-purple:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-1-purple:after,
.modal-content.col-d-1-purple,
.panel-group .panel.col-d-1-purple .panel-title,
.panel-group.full-body .panel.col-d-1-purple .panel-body {
    background-color: #8e24aa;
}

ul.stepper.stepper-col-d-1-purple .step.active:before,
ul.stepper.stepper-col-d-1-purple .step.done:before,
ul.stepper.horizontal.stepper-col-d-1-purple .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-1-purple .step.done .step-title:before   {
    background-color: #8e24aa;
}

.fc-col-d-1-purple:not([class*="lever"]) {
    border-bottom: 1px solid #8e24aa;
}
.col-d-1-purple {
    color: #8e24aa;
}
.vtabs.col-d-1-purple li.active{
    color: #8e24aa;
    border-right: 2px solid #8e24aa;
}
[type="checkbox"]:checked.col-d-1-purple + label:before {
    border-right: 2px solid #8e24aa;
    border-bottom: 2px solid #8e24aa;
}
[type="checkbox"].filled-in:checked.col-d-1-purple + label:after,
[type="radio"].with-gap.col-d-1-purple:checked + label:before,
[type="radio"].with-gap.col-d-1-purple:checked + label:after {
    border: 2px solid #8e24aa;
}
[type="radio"].col-d-1-purple:checked + label:after {
    border-color: #8e24aa;
}
.nav-tabs.col-d-1-purple > li > a:before{
    border-bottom: 2px solid #8e24aa;
}
.panel-group.col-d-1-purple {
    border: 1px solid #8e24aa;
}

.slider.thumb-bg-d-1-purple::-webkit-slider-thumb {
    background-color: #8e24aa;
}

.slider.thumb-bg-d-1-purple::-moz-range-thumb {
    background-color: #8e24aa;
}

.slider.thumb-bg-d-1-purple::-ms-thumb {
    background-color: #8e24aa;
}

.slider.slider-bg-d-1-purple::-webkit-slider-runnable-track {
    background-color: #8e24aa;
}

.slider.slider-bg-d-1-purple::-moz-range-track {
    background-color: #8e24aa;
}

.slider.slider-bg-d-1-purple::-ms-track {
    background-color: #8e24aa;
}

.bg-d-2-purple,
[type="checkbox"].filled-in:checked.col-d-2-purple + label:after,
[type="radio"].with-gap.col-d-2-purple:checked + label:after,
[type="radio"].col-d-2-purple:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-2-purple:after,
.modal-content.col-d-2-purple,
.panel-group .panel.col-d-2-purple .panel-title,
.panel-group.full-body .panel.col-d-2-purple .panel-body {
    background-color: #7b1fa2;
}

ul.stepper.stepper-col-d-2-purple .step.active:before,
ul.stepper.stepper-col-d-2-purple .step.done:before,
ul.stepper.horizontal.stepper-col-d-2-purple .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-2-purple .step.done .step-title:before  {
    background-color: #7b1fa2;
}

.fc-col-d-2-purple:not([class*="lever"]) {
    border-bottom: 1px solid #7b1fa2;
}
.col-d-2-purple {
    color: #7b1fa2;
}
.vtabs.col-d-2-purple li.active{
    color: #7b1fa2;
    border-right: 2px solid #7b1fa2;
}
[type="checkbox"]:checked.col-d-2-purple + label:before {
    border-right: 2px solid #7b1fa2;
    border-bottom: 2px solid #7b1fa2;
}
[type="checkbox"].filled-in:checked.col-d-2-purple + label:after,
[type="radio"].with-gap.col-d-2-purple:checked + label:before,
[type="radio"].with-gap.col-d-2-purple:checked + label:after {
    border: 2px solid #7b1fa2;
}
[type="radio"].col-d-2-purple:checked + label:after {
    border-color: #7b1fa2;
}
.nav-tabs.col-d-2-purple > li > a:before{
    border-bottom: 2px solid #7b1fa2;
}
.panel-group.col-d-2-purple {
    border: 1px solid #7b1fa2;
}

.slider.thumb-bg-d-2-purple::-webkit-slider-thumb {
    background-color: #7b1fa2;
}

.slider.thumb-bg-d-2-purple::-moz-range-thumb {
    background-color: #7b1fa2;
}

.slider.thumb-bg-d-2-purple::-ms-thumb {
    background-color: #7b1fa2;
}

.slider.slider-bg-d-2-purple::-webkit-slider-runnable-track {
    background-color: #7b1fa2;
}

.slider.slider-bg-d-2-purple::-moz-range-track {
    background-color: #7b1fa2;
}

.slider.slider-bg-d-2-purple::-ms-track {
    background-color: #7b1fa2;
}

.bg-d-3-purple,
[type="checkbox"].filled-in:checked.col-d-3-purple + label:after,
[type="radio"].with-gap.col-d-3-purple:checked + label:after,
[type="radio"].col-d-2-purple:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-3-purple:after,
.modal-content.col-d-3-purple,
.panel-group .panel.col-d-3-purple .panel-title,
.panel-group.full-body .panel.col-d-3-purple .panel-body {
    background-color: #6a1b9a;
}

ul.stepper.stepper-col-d-3-purple .step.active:before,
ul.stepper.stepper-col-d-3-purple .step.done:before,
ul.stepper.horizontal.stepper-col-d-3-purple .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-3-purple .step.done .step-title:before  {
    background-color: #6a1b9a;
}

.fc-col-d-3-purple:not([class*="lever"]) {
    border-bottom: 1px solid #6a1b9a;
}
.col-d-3-purple{
    color: #6a1b9a;
}
.vtabs.col-d-3-purple li.active{
    color: #6a1b9a;
    border-right: 2px solid #6a1b9a;
}
[type="checkbox"]:checked.col-d-3-purple + label:before {
    border-right: 2px solid #6a1b9a;
    border-bottom: 2px solid #6a1b9a;
}
[type="checkbox"].filled-in:checked.col-d-3-purple + label:after,
[type="radio"].with-gap.col-d-3-purple:checked + label:before,
[type="radio"].with-gap.col-d-3-purple:checked + label:after {
    border: 2px solid #6a1b9a;
}
[type="radio"].col-d-3-purple:checked + label:after {
    border-color: #6a1b9a;
}
.nav-tabs.col-d-3-purple > li > a:before{
    border-bottom: 2px solid #6a1b9a;
}
.panel-group.col-d-3-purple {
    border: 1px solid #6a1b9a;
}

.slider.thumb-bg-d-3-purple::-webkit-slider-thumb {
    background-color: #6a1b9a;
}

.slider.thumb-bg-d-3-purple::-moz-range-thumb {
    background-color: #6a1b9a;
}

.slider.thumb-bg-d-3-purple::-ms-thumb {
    background-color: #6a1b9a;
}

.slider.slider-bg-d-3-purple::-webkit-slider-runnable-track {
    background-color: #6a1b9a;
}

.slider.slider-bg-d-3-purple::-moz-range-track {
    background-color: #6a1b9a;
}

.slider.slider-bg-d-3-purple::-ms-track {
    background-color: #6a1b9a;
}

.bg-d-4-purple,
[type="checkbox"].filled-in:checked.col-d-4-purple + label:after,
[type="radio"].with-gap.col-d-4-purple:checked + label:after,
[type="radio"].col-d-4-purple:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-4-purple:after,
.modal-content.col-d-4-purple,
.panel-group .panel.col-d-4-purple .panel-title,
.panel-group.full-body .panel.col-d-4-purple .panel-body {
    background-color: #4a148c;
}

ul.stepper.stepper-col-d-4-purple .step.active:before,
ul.stepper.stepper-col-d-4-purple .step.done:before,
ul.stepper.horizontal.stepper-col-d-4-purple .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-4-purple .step.done .step-title:before  {
    background-color: #4a148c;
}

.fc-col-d-4-purple:not([class*="lever"]) {
    border-bottom: 1px solid #4a148c;
}
.col-d-4-purple{
    color: #4a148c;
}
.vtabs.col-d-4-purple li.active{
    color: #4a148c;
    border-right: 2px solid #4a148c;
}
[type="checkbox"]:checked.col-d-4-purple + label:before {
    border-right: 2px solid #4a148c;
    border-bottom: 2px solid #4a148c;
}
[type="checkbox"].filled-in:checked.col-d-4-purple + label:after,
[type="radio"].with-gap.col-d-4-purple:checked + label:before,
[type="radio"].with-gap.col-d-4-purple:checked + label:after {
    border: 2px solid #4a148c;
}
[type="radio"].col-d-4-purple:checked + label:after {
    border-color: #4a148c;
}
.nav-tabs.col-d-4-purple > li > a:before{
    border-bottom: 2px solid #4a148c;
}
.panel-group.col-d-4-purple {
    border: 1px solid #4a148c;
}

.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever[class*="col-purple"]:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(156, 39, 176, 0.1);
}

.switch label input[type=checkbox]:checked + .lever[class*="col-purple"] {
    background-color: rgba(156, 39, 176, 0.5);
}

.slider.thumb-bg-d-4-purple::-webkit-slider-thumb {
    background-color: #4a148c;
}

.slider.thumb-bg-d-4-purple::-moz-range-thumb {
    background-color: #4a148c;
}

.slider.thumb-bg-d-4-purple::-ms-thumb {
    background-color: #4a148c;
}

.slider.slider-bg-d-4-purple::-webkit-slider-runnable-track {
    background-color: #4a148c;
}

.slider.slider-bg-d-4-purple::-moz-range-track {
    background-color: #4a148c;
}

.slider.slider-bg-d-4-purple::-ms-track {
    background-color: #4a148c;
}
/*======================== DEEP PURPLE ========================*/
.bg-deep-purple{
    color: #FFF;
}
.modal-content.col-deep-purple:not([class*="col-white"]) .modal-body,
.modal-content.col-deep-purple:not([class*="col-white"]) .modal-footer .btn-link,
.modal-content.col-deep-purple:not([class*="col-white"]) .modal-title,
.panel-group .panel.col-deep-purple:not([class*="col-white"]) .panel-title,
.panel-group.full-body .panel.col-deep-purple:not([class*="col-white"]) .panel-body,
.bg-deep-purple.nav-tabs li a{
    color: #fff;
}
.bg-deep-purple,
.d-checkbox input[type="checkbox"].filled-in:checked.col-deep-purple + label:after,
[type="radio"].with-gap.col-deep-purple:checked + label:after,
[type="radio"].col-deep-purple:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-deep-purple:after,
.modal-content.col-deep-purple,
.panel-group .panel.col-deep-purple .panel-title,
.panel-group.full-body .panel.col-deep-purple .panel-body{
    background-color: #673AB7;
}

ul.stepper.stepper-col-deep-purple .step.active:before,
ul.stepper.stepper-col-deep-purple .step.done:before,
ul.stepper.horizontal.stepper-col-deep-purple .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-deep-purple .step.done .step-title:before{
    background-color: #673AB7;
}

.fc-col-deep-purple:not([class*="lever"]) {
    border-bottom: 1px solid #673AB7;
}
.col-deep-purple{
    color: #673AB7;
}
.vtabs.col-deep-purple li.active{
    color: #673AB7;
    border-right: 2px solid #673AB7;
}
.d-checkbox input[type="checkbox"]:checked.col-deep-purple + label:before {
    border-right: 2px solid #673AB7;
    border-bottom: 2px solid #673AB7;
}
.d-checkbox input[type="checkbox"].filled-in:checked.col-deep-purple + label:after,
[type="radio"].with-gap.col-deep-purple:checked + label:before,
[type="radio"].with-gap.col-deep-purple:checked + label:after{
    border: 2px solid #673AB7;
}
[type="radio"].col-deep-purple:checked + label:after {
    border-color: #673AB7;
}
.nav-tabs.col-deep-purple > li > a:before{
    border-bottom: 2px solid #673AB7;
}
.panel-group.col-deep-purple {
    border: 1px solid #673AB7;
}

.vtabs.col-deep-purple .flex-item.active a{
    border-right: 2px solid #673AB7;
}

.slider.thumb-bg-deep-purple::-webkit-slider-thumb {
    background-color: #673AB7;
}

.slider.thumb-bg-deep-purple::-moz-range-thumb {
    background-color: #673AB7;
}

.slider.thumb-bg-deep-purple::-ms-thumb {
    background-color: #673AB7;
}

.slider.slider-bg-deep-purple::-webkit-slider-runnable-track {
    background-color: #673AB7;
}

.slider.slider-bg-deep-purple::-moz-range-track {
    background-color: #673AB7;
}

.slider.slider-bg-deep-purple::-ms-track {
    background-color: #673AB7;
}

.bg-l-1-deep-purple,
[type="checkbox"].filled-in:checked.col-l-1-deep-purple + label:after,
[type="radio"].with-gap.col-l-1-deep-purple:checked + label:after,
[type="radio"].col-l-1-deep-purple:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-1-deep-purple:after,
.modal-content.col-l-1-deep-purple,
.panel-group .panel.col-l-1-deep-purple .panel-title,
.panel-group.full-body .panel.col-l-1-deep-purple .panel-body {
    background-color: #7e57c2;
}
ul.stepper.stepper-col-l-1-deep-purple .step.active:before,
ul.stepper.stepper-col-l-1-deep-purple .step.done:before,
ul.stepper.horizontal.stepper-col-l-1-deep-purple .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-1-deep-purple .step.done .step-title:before  {
    background-color: #7e57c2;
}


.fc-col-l-1-deep-purple:not([class*="lever"]) {
    border-bottom: 1px solid #7e57c2;
}
.col-l-1-deep-purple {
    color: #7e57c2;
}
.vtabs.col-l-1-deep-purple li.active{
    color: #7e57c2;
    border-right: 2px solid #7e57c2;
}
[type="checkbox"]:checked.col-l-1-deep-purple + label:before {
    border-right: 2px solid #7e57c2;
    border-bottom: 2px solid #7e57c2;
}
[type="checkbox"].filled-in:checked.col-l-1-deep-purple + label:after,
[type="radio"].with-gap.col-l-1-deep-purple:checked + label:before,
[type="radio"].with-gap.col-l-1-deep-purple:checked + label:after {
    border: 2px solid #7e57c2;
}
[type="radio"].col-l-1-deep-purple:checked + label:after {
    border-color: #7e57c2;
}
.nav-tabs.col-l-1-deep-purple > li > a:before{
    border-bottom: 2px solid #7e57c2;
}
.panel-group.col-l-1-deep-purple {
    border: 1px solid #7e57c2;
}

.slider.thumb-bg-l-1-deep-purple::-webkit-slider-thumb {
    background-color: #7e57c2;
}

.slider.thumb-bg-l-1-deep-purple::-moz-range-thumb {
    background-color: #7e57c2;
}

.slider.thumb-bg-l-1-deep-purple::-ms-thumb {
    background-color: #7e57c2;
}

.slider.slider-bg-l-1-deep-purple::-webkit-slider-runnable-track {
    background-color: #7e57c2;
}

.slider.slider-bg-l-1-deep-purple::-moz-range-track {
    background-color: #7e57c2;
}

.slider.slider-bg-l-1-deep-purple::-ms-track {
    background-color: #7e57c2;
}

.bg-l-2-deep-purple,
[type="checkbox"].filled-in:checked.col-l-2-deep-purple + label:after,
[type="radio"].with-gap.col-l-2-deep-purple:checked + label:after,
[type="radio"].col-l-2-deep-purple:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-2-deep-purple:after,
.modal-content.col-l-2-deep-purple,
.panel-group .panel.col-l-2-deep-purple .panel-title,
.panel-group.full-body .panel.col-l-2-deep-purple .panel-body {
    background-color: #9575cd;
}
ul.stepper.stepper-col-l-2-deep-purple .step.active:before,
ul.stepper.stepper-col-l-2-deep-purple .step.done:before,
ul.stepper.horizontal.stepper-col-l-2-deep-purple .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-2-deep-purple .step.done .step-title:before   {
    background-color: #9575cd;
}

.fc-col-l-2-deep-purple:not([class*="lever"]) {
    border-bottom: 1px solid #9575cd;
}
.col-l-2-deep-purple {
    color: #9575cd;
}
.vtabs.col-l-2-deep-purple li.active{
    color: #9575cd;
    border-right: 2px solid #9575cd;
}
[type="checkbox"]:checked.col-l-2-deep-purple + label:before {
    border-right: 2px solid #9575cd;
    border-bottom: 2px solid #9575cd;
}
[type="checkbox"].filled-in:checked.col-l-2-deep-purple + label:after,
[type="radio"].with-gap.col-l-2-deep-purple:checked + label:before,
[type="radio"].with-gap.col-l-2-deep-purple:checked + label:after {
    border: 2px solid #9575cd;
}
[type="radio"].col-l-2-deep-purple:checked + label:after {
    border-color: #9575cd;
}
.nav-tabs.col-l-2-deep-purple > li > a:before{
    border-bottom: 2px solid #9575cd;
}
.panel-group.col-l-2-deep-purple {
    border: 1px solid #9575cd;
}

.slider.thumb-bg-l-2-deep-purple::-webkit-slider-thumb {
    background-color: #9575cd;
}

.slider.thumb-bg-l-2-deep-purple::-moz-range-thumb {
    background-color: #9575cd;
}

.slider.thumb-bg-l-2-deep-purple::-ms-thumb {
    background-color: #9575cd;
}

.slider.slider-bg-l-2-deep-purple::-webkit-slider-runnable-track {
    background-color: #9575cd;
}

.slider.slider-bg-l-2-deep-purple::-moz-range-track {
    background-color: #9575cd;
}

.slider.slider-bg-l-2-deep-purple::-ms-track {
    background-color: #9575cd;
}

.bg-l-3-deep-purple,
[type="checkbox"].filled-in:checked.col-l-3-deep-purple + label:after,
[type="radio"].with-gap.col-l-3-deep-purple:checked + label:after,
[type="radio"].with-gap.col-l-3-deep-purple:checked + label:after,
[type="radio"].col-l-3-deep-purple:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-3-deep-purple:after,
.modal-content.col-l-3-deep-purple,
.panel-group .panel.col-l-3-deep-purple .panel-title,
.panel-group.full-body .panel.col-l-3-deep-purple .panel-body {
    background-color: #b39ddb;
}

ul.stepper.stepper-col-l-3-deep-purple .step.active:before,
ul.stepper.stepper-col-l-3-deep-purple .step.done:before,
ul.stepper.horizontal.stepper-col-l-3-deep-purple .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-3-deep-purple .step.done .step-title:before   {
    background-color: #b39ddb;
}

.fc-col-l-3-deep-purple:not([class*="lever"]) {
    border-bottom: 1px solid #b39ddb;
}

.col-l-3-deep-purple {
    color: #b39ddb;
}
.vtabs.col-l-3-deep-purple li.active{
    color: #b39ddb;
    border-right: 2px solid #b39ddb;
}
[type="checkbox"]:checked.col-l-3-deep-purple + label:before {
    border-right: 2px solid #b39ddb;
    border-bottom: 2px solid #b39ddb;
}
[type="checkbox"].filled-in:checked.col-l-3-deep-purple + label:after,
[type="radio"].with-gap.col-l-3-deep-purple:checked + label:before,
[type="radio"].with-gap.col-l-3-deep-purple:checked + label:after {
    border: 2px solid #b39ddb;
}
[type="radio"].col-l-3-deep-purple:checked + label:after {
    border-color: #b39ddb;
}
.nav-tabs.col-l-3-deep-purple > li > a:before{
    border-bottom: 2px solid #b39ddb;
}
.panel-group.col-l-3-deep-purple {
    border: 1px solid #b39ddb;
}

.slider.thumb-bg-l-3-deep-purple::-webkit-slider-thumb {
    background-color: #b39ddb;
}

.slider.thumb-bg-l-3-deep-purple::-moz-range-thumb {
    background-color: #b39ddb;
}

.slider.thumb-bg-l-3-deep-purple::-ms-thumb {
    background-color: #b39ddb;
}

.slider.slider-bg-l-3-deep-purple::-webkit-slider-runnable-track {
    background-color: #b39ddb;
}

.slider.slider-bg-l-3-deep-purple::-moz-range-track {
    background-color: #b39ddb;
}

.slider.slider-bg-l-3-deep-purple::-ms-track {
    background-color: #b39ddb;
}

.bg-l-4-deep-purple,
[type="checkbox"].filled-in:checked.col-l-4-deep-purple + label:after,
[type="radio"].with-gap.col-l-4-deep-purple:checked + label:after,
[type="radio"].col-l-4-deep-purple:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-4-deep-purple:after,
.modal-content.col-l-4-deep-purple,
.panel-group .panel.col-l-4-deep-purple .panel-title,
.panel-group.full-body .panel.col-l-4-deep-purple .panel-body {
    background-color: #d1c4e9;
}

ul.stepper.stepper-col-l-4-deep-purple .step.active:before,
ul.stepper.stepper-col-l-4-deep-purple .step.done:before,
ul.stepper.horizontal.stepper-col-l-4-deep-purple .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-4-deep-purple .step.done .step-title:before  {
    background-color: #d1c4e9;
}

.fc-col-l-4-deep-purple:not([class*="lever"]) {
    border-bottom: 1px solid #d1c4e9;
}
.col-l-4-deep-purple{
    color: #d1c4e9;
}
.vtabs.col-l-4-deep-purple li.active{
    color: #d1c4e9;
    border-right: 2px solid #d1c4e9;
}
[type="checkbox"]:checked.col-l-4-deep-purple + label:before {
    border-right: 2px solid #d1c4e9;
    border-bottom: 2px solid #d1c4e9;
}
[type="checkbox"].filled-in:checked.col-l-4-deep-purple + label:after,
[type="radio"].with-gap.col-l-4-deep-purple:checked + label:before,
[type="radio"].with-gap.col-l-4-deep-purple:checked + label:after {
    border: 2px solid #d1c4e9;
}
[type="radio"].col-l-4-deep-purple:checked + label:after {
    border-color: #d1c4e9;
}
.nav-tabs.col-l-4-deep-purple > li > a:before{
    border-bottom: 2px solid #d1c4e9;
}
.panel-group.col-l-4-deep-purple {
    border: 1px solid #d1c4e9;
}

.slider.thumb-bg-l-4-deep-purple::-webkit-slider-thumb {
    background-color: #d1c4e9;
}

.slider.thumb-bg-l-4-deep-purple::-moz-range-thumb {
    background-color: #d1c4e9;
}

.slider.thumb-bg-l-4-deep-purple::-ms-thumb {
    background-color: #d1c4e9;
}

.slider.slider-bg-l-4-deep-purple::-webkit-slider-runnable-track {
    background-color: #d1c4e9;
}

.slider.slider-bg-l-4-deep-purple::-moz-range-track {
    background-color: #d1c4e9;
}

.slider.slider-bg-l-4-deep-purple::-ms-track {
    background-color: #d1c4e9;
}

.bg-l-5-deep-purple ,
[type="checkbox"].filled-in:checked.col-l-5-deep-purple + label:after,
[type="radio"].with-gap.col-l-5-deep-purple:checked + label:after,
[type="radio"].col-l-5-deep-purple:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-5-deep-purple:after,
.modal-content.col-l-5-deep-purple,
.panel-group .panel.col-l-5-deep-purple .panel-title,
.panel-group.full-body .panel.col-l-5-deep-purple .panel-body {
    background-color: #ede7f6;
}

ul.stepper.stepper-col-l-5-deep-purple .step.active:before,
ul.stepper.stepper-col-l-5-deep-purple .step.done:before,
ul.stepper.horizontal.stepper-col-l-5-deep-purple .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-5-deep-purple .step.done .step-title:before   {
    background-color: #ede7f6;
}

.fc-col-l-5-deep-purple:not([class*="lever"]) {
    border-bottom: 1px solid #ede7f6;
}
.col-l-5-deep-purple {
    color: #ede7f6;
}
.vtabs.col-l-5-deep-purple li.active{
    color: #ede7f6;
    border-right: 2px solid #ede7f6;
}
[type="checkbox"]:checked.col-l-5-deep-purple + label:before {
    border-right: 2px solid #ede7f6;
    border-bottom: 2px solid #ede7f6;
}
[type="checkbox"].filled-in:checked.col-l-5-deep-purple + label:after,
[type="radio"].with-gap.col-l-5-deep-purple:checked + label:before,
[type="radio"].with-gap.col-l-5-deep-purple:checked + label:after {
    border: 2px solid #ede7f6;
}
[type="radio"].col-l-5-deep-purple:checked + label:after {
    border-color: #ede7f6;
}
.nav-tabs.col-l-5-deep-purple > li > a:before{
    border-bottom: 2px solid #ede7f6;
}
.panel-group.col-l-5-deep-purple {
    border: 1px solid #ede7f6;
}

.slider.thumb-bg-l-5-deep-purple::-webkit-slider-thumb {
    background-color: #ede7f6;
}

.slider.thumb-bg-l-5-deep-purple::-moz-range-thumb {
    background-color: #ede7f6;
}

.slider.thumb-bg-l-5-deep-purple::-ms-thumb {
    background-color: #ede7f6;
}

.slider.slider-bg-l-5-deep-purple::-webkit-slider-runnable-track {
    background-color: #ede7f6;
}

.slider.slider-bg-l-5-deep-purple::-moz-range-track {
    background-color: #ede7f6;
}

.slider.slider-bg-l-5-deep-purple::-ms-track {
    background-color: #ede7f6;
}

.bg-d-1-deep-purple,
[type="checkbox"].filled-in:checked.col-d-1-deep-purple + label:after,
[type="radio"].with-gap.col-d-1-deep-purple:checked + label:after,
[type="radio"].col-d-1-deep-purple:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-1-deep-purple:after,
.modal-content.col-d-1-deep-purple,
.panel-group .panel.col-d-1-deep-purple .panel-title,
.panel-group.full-body .panel.col-d-1-deep-purple .panel-body {
    background-color: #5e35b1;
}

ul.stepper.stepper-col-d-1-deep-purple .step.active:before,
ul.stepper.stepper-col-d-1-deep-purple .step.done:before,
ul.stepper.horizontal.stepper-col-d-1-deep-purple .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-1-deep-purple .step.done .step-title:before   {
    background-color: #5e35b1;
}

.fc-col-d-1-deep-purple:not([class*="lever"]) {
    border-bottom: 1px solid #5e35b1;
}
.col-d-1-deep-purple {
    color: #5e35b1;
}
.vtabs.col-d-1-deep-purple li.active{
    color: #5e35b1;
    border-right: 2px solid #5e35b1;
}
[type="checkbox"]:checked.col-d-1-deep-purple + label:before {
    border-right: 2px solid #5e35b1;
    border-bottom: 2px solid #5e35b1;
}
[type="checkbox"].filled-in:checked.col-d-1-deep-purple + label:after,
[type="radio"].with-gap.col-d-1-deep-purple:checked + label:before,
[type="radio"].with-gap.col-d-1-deep-purple:checked + label:after {
    border: 2px solid #5e35b1;
}
[type="radio"].col-d-1-deep-purple:checked + label:after {
    border-color: #5e35b1;
}
.nav-tabs.col-d-1-deep-purple > li > a:before{
    border-bottom: 2px solid #5e35b1;
}
.panel-group.col-d-1-deep-purple {
    border: 1px solid #5e35b1;
}

.slider.thumb-bg-d-1-deep-purple::-webkit-slider-thumb {
    background-color: #5e35b1;
}

.slider.thumb-bg-d-1-deep-purple::-moz-range-thumb {
    background-color: #5e35b1;
}

.slider.thumb-bg-d-1-deep-purple::-ms-thumb {
    background-color: #5e35b1;
}

.slider.slider-bg-d-1-deep-purple::-webkit-slider-runnable-track {
    background-color: #5e35b1;
}

.slider.slider-bg-d-1-deep-purple::-moz-range-track {
    background-color: #5e35b1;
}

.slider.slider-bg-d-1-deep-purple::-ms-track {
    background-color: #5e35b1;
}

.bg-d-2-deep-purple,
[type="checkbox"].filled-in:checked.col-d-2-deep-purple + label:after,
[type="radio"].with-gap.col-d-2-deep-purple:checked + label:after,
[type="radio"].col-d-2-deep-purple:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-2-deep-purple:after,
.modal-content.col-d-2-deep-purple,
.panel-group .panel.col-d-2-deep-purple .panel-title,
.panel-group.full-body .panel.col-d-2-deep-purple .panel-body {
    background-color: #512da8;
}

ul.stepper.stepper-col-d-2-deep-purple .step.active:before,
ul.stepper.stepper-col-d-2-deep-purple .step.done:before,
ul.stepper.horizontal.stepper-col-d-2-deep-purple .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-2-deep-purple .step.done .step-title:before  {
    background-color: #512da8;
}

.fc-col-d-2-deep-purple:not([class*="lever"]) {
    border-bottom: 1px solid #512da8;
}
.col-d-2-deep-purple {
    color: #512da8;
}
.vtabs.col-d-2-deep-purple li.active{
    color: #512da8;
    border-right: 2px solid #512da8;
}
[type="checkbox"]:checked.col-d-2-deep-purple + label:before {
    border-right: 2px solid #512da8;
    border-bottom: 2px solid #512da8;
}
[type="checkbox"].filled-in:checked.col-d-2-deep-purple + label:after,
[type="radio"].with-gap.col-d-2-deep-purple:checked + label:before,
[type="radio"].with-gap.col-d-2-deep-purple:checked + label:after {
    border: 2px solid #512da8;
}
[type="radio"].col-d-2-deep-purple:checked + label:after {
    border-color: #512da8;
}
.nav-tabs.col-d-2-deep-purple > li > a:before{
    border-bottom: 2px solid #512da8;
}
.panel-group.col-d-2-deep-purple {
    border: 1px solid #512da8;
}

.slider.thumb-bg-d-2-deep-purple::-webkit-slider-thumb {
    background-color: #512da8;
}

.slider.thumb-bg-d-2-deep-purple::-moz-range-thumb {
    background-color: #512da8;
}

.slider.thumb-bg-d-2-deep-purple::-ms-thumb {
    background-color: #512da8;
}

.slider.slider-bg-d-2-deep-purple::-webkit-slider-runnable-track {
    background-color: #512da8;
}

.slider.slider-bg-d-2-deep-purple::-moz-range-track {
    background-color: #512da8;
}

.slider.slider-bg-d-2-deep-purple::-ms-track {
    background-color: #512da8;
}

.bg-d-3-deep-purple,
[type="checkbox"].filled-in:checked.col-d-3-deep-purple + label:after,
[type="radio"].with-gap.col-d-3-deep-purple:checked + label:after,
[type="radio"].col-d-2-deep-purple:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-3-deep-purple:after,
.modal-content.col-d-3-deep-purple,
.panel-group .panel.col-d-3-deep-purple .panel-title,
.panel-group.full-body .panel.col-d-3-deep-purple .panel-body {
    background-color: #4527a0;
}

ul.stepper.stepper-col-d-3-deep-purple .step.active:before,
ul.stepper.stepper-col-d-3-deep-purple .step.done:before,
ul.stepper.horizontal.stepper-col-d-3-deep-purple .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-3-deep-purple .step.done .step-title:before  {
    background-color: #4527a0;
}

.fc-col-d-3-deep-purple:not([class*="lever"]) {
    border-bottom: 1px solid #4527a0;
}
.col-d-3-deep-purple{
    color: #4527a0;
}
.vtabs.col-d-3-deep-purple li.active{
    color: #4527a0;
    border-right: 2px solid #4527a0;
}
[type="checkbox"]:checked.col-d-3-deep-purple + label:before {
    border-right: 2px solid #4527a0;
    border-bottom: 2px solid #4527a0;
}
[type="checkbox"].filled-in:checked.col-d-3-deep-purple + label:after,
[type="radio"].with-gap.col-d-3-deep-purple:checked + label:before,
[type="radio"].with-gap.col-d-3-deep-purple:checked + label:after {
    border: 2px solid #4527a0;
}
[type="radio"].col-d-3-deep-purple:checked + label:after {
    border-color: #4527a0;
}
.nav-tabs.col-d-3-deep-purple > li > a:before{
    border-bottom: 2px solid #4527a0;
}
.panel-group.col-d-3-deep-purple {
    border: 1px solid #4527a0;
}

.slider.thumb-bg-d-3-deep-purple::-webkit-slider-thumb {
    background-color: #4527a0;
}

.slider.thumb-bg-d-3-deep-purple::-moz-range-thumb {
    background-color: #4527a0;
}

.slider.thumb-bg-d-3-deep-purple::-ms-thumb {
    background-color: #4527a0;
}

.slider.slider-bg-d-3-deep-purple::-webkit-slider-runnable-track {
    background-color: #4527a0;
}

.slider.slider-bg-d-3-deep-purple::-moz-range-track {
    background-color: #4527a0;
}

.slider.slider-bg-d-3-deep-purple::-ms-track {
    background-color: #4527a0;
}

.bg-d-4-deep-purple,
[type="checkbox"].filled-in:checked.col-d-4-deep-purple + label:after,
[type="radio"].with-gap.col-d-4-deep-purple:checked + label:after,
[type="radio"].col-d-4-deep-purple:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-4-deep-purple:after,
.modal-content.col-d-4-deep-purple,
.panel-group .panel.col-d-4-deep-purple .panel-title,
.panel-group.full-body .panel.col-d-4-deep-purple .panel-body {
    background-color: #311b92;
}

ul.stepper.stepper-col-d-4-deep-purple .step.active:before,
ul.stepper.stepper-col-d-4-deep-purple .step.done:before,
ul.stepper.horizontal.stepper-col-d-4-deep-purple .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-4-deep-purple .step.done .step-title:before  {
    background-color: #311b92;
}

.fc-col-d-4-deep-purple:not([class*="lever"]) {
    border-bottom: 1px solid #311b92;
}
.col-d-4-deep-purple{
    color: #311b92;
}
.vtabs.col-d-4-deep-purple li.active{
    color: #311b92;
    border-right: 2px solid #311b92;
}
[type="checkbox"]:checked.col-d-4-deep-purple + label:before {
    border-right: 2px solid #311b92;
    border-bottom: 2px solid #311b92;
}
[type="checkbox"].filled-in:checked.col-d-4-deep-purple + label:after,
[type="radio"].with-gap.col-d-4-deep-purple:checked + label:before,
[type="radio"].with-gap.col-d-4-deep-purple:checked + label:after {
    border: 2px solid #311b92;
}
[type="radio"].col-d-4-deep-purple:checked + label:after {
    border-color: #311b92;
}
.nav-tabs.col-d-4-deep-purple > li > a:before{
    border-bottom: 2px solid #311b92;
}
.panel-group.col-d-4-deep-purple {
    border: 1px solid #311b92;
}

.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever[class*="col-deep-purple"]:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(103, 58, 183, 0.1);
}

.switch label input[type=checkbox]:checked + .lever[class*="col-deep-purple"] {
    background-color: rgba(103, 58, 183, 0.5);
}

.slider.thumb-bg-d-4-deep-purple::-webkit-slider-thumb {
    background-color: #311b92;
}

.slider.thumb-bg-d-4-deep-purple::-moz-range-thumb {
    background-color: #311b92;
}

.slider.thumb-bg-d-4-deep-purple::-ms-thumb {
    background-color: #311b92;
}

.slider.slider-bg-d-4-deep-purple::-webkit-slider-runnable-track {
    background-color: #311b92;
}

.slider.slider-bg-d-4-deep-purple::-moz-range-track {
    background-color: #311b92;
}

.slider.slider-bg-d-4-deep-purple::-ms-track {
    background-color: #311b92;
}
/*======================== INDIGO ========================*/
.bg-indigo{
    color: #FFF;
}
.modal-content.col-indigo:not([class*="col-white"]) .modal-body,
.modal-content.col-indigo:not([class*="col-white"]) .modal-footer .btn-link,
.modal-content.col-indigo:not([class*="col-white"]) .modal-title,
.panel-group .panel.col-indigo:not([class*="col-white"]) .panel-title,
.panel-group.full-body .panel.col-indigo:not([class*="col-white"]) .panel-body,
.bg-indigo.nav-tabs li a{
    color: #fff;
}
.bg-indigo,
.d-checkbox input[type="checkbox"].filled-in:checked.col-indigo + label:after,
[type="radio"].with-gap.col-indigo:checked + label:after,
[type="radio"].col-indigo:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-indigo:after,
.modal-content.col-indigo,
.panel-group .panel.col-indigo .panel-title,
.panel-group.full-body .panel.col-indigo .panel-body{
    background-color: #3F51B5;
}

ul.stepper.stepper-col-indigo .step.active:before,
ul.stepper.stepper-col-indigo .step.done:before,
ul.stepper.horizontal.stepper-col-indigo .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-indigo .step.done .step-title:before{
    background-color: #3F51B5;
}

.fc-col-indigo:not([class*="lever"]) {
    border-bottom: 1px solid #3F51B5;
}
.col-indigo{
    color: #3F51B5;
}
.vtabs.col-indigo li.active{
    color: #3F51B5;
    border-right: 2px solid #3F51B5;
}
.d-checkbox input[type="checkbox"]:checked.col-indigo + label:before {
    border-right: 2px solid #3F51B5;
    border-bottom: 2px solid #3F51B5;
}
.d-checkbox input[type="checkbox"].filled-in:checked.col-indigo + label:after,
[type="radio"].with-gap.col-indigo:checked + label:before,
[type="radio"].with-gap.col-indigo:checked + label:after{
    border: 2px solid #3F51B5;
}
[type="radio"].col-indigo:checked + label:after {
    border-color: #3F51B5;
}
.nav-tabs.col-indigo > li > a:before{
    border-bottom: 2px solid #3F51B5;
}
.panel-group.col-indigo {
    border: 1px solid #3F51B5;
}

.vtabs.col-indigo .flex-item.active a{
    border-right: 2px solid #3F51B5;
}

.slider.thumb-bg-indigo::-webkit-slider-thumb {
    background-color: #3F51B5;
}

.slider.thumb-bg-indigo::-moz-range-thumb {
    background-color: #3F51B5;
}

.slider.thumb-bg-indigo::-ms-thumb {
    background-color: #3F51B5;
}

.slider.slider-bg-indigo::-webkit-slider-runnable-track {
    background-color: #3F51B5;
}

.slider.slider-bg-indigo::-moz-range-track {
    background-color: #3F51B5;
}

.slider.slider-bg-indigo::-ms-track {
    background-color: #3F51B5;
}

.bg-l-1-indigo,
[type="checkbox"].filled-in:checked.col-l-1-indigo + label:after,
[type="radio"].with-gap.col-l-1-indigo:checked + label:after,
[type="radio"].col-l-1-indigo:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-1-indigo:after,
.modal-content.col-l-1-indigo,
.panel-group .panel.col-l-1-indigo .panel-title,
.panel-group.full-body .panel.col-l-1-indigo .panel-body {
    background-color: #5c6bc0;
}
ul.stepper.stepper-col-l-1-indigo .step.active:before,
ul.stepper.stepper-col-l-1-indigo .step.done:before,
ul.stepper.horizontal.stepper-col-l-1-indigo .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-1-indigo .step.done .step-title:before  {
    background-color: #5c6bc0;
}


.fc-col-l-1-indigo:not([class*="lever"]) {
    border-bottom: 1px solid #5c6bc0;
}
.col-l-1-indigo {
    color: #5c6bc0;
}
.vtabs.col-l-1-indigo li.active{
    color: #5c6bc0;
    border-right: 2px solid #5c6bc0;
}
[type="checkbox"]:checked.col-l-1-indigo + label:before {
    border-right: 2px solid #5c6bc0;
    border-bottom: 2px solid #5c6bc0;
}
[type="checkbox"].filled-in:checked.col-l-1-indigo + label:after,
[type="radio"].with-gap.col-l-1-indigo:checked + label:before,
[type="radio"].with-gap.col-l-1-indigo:checked + label:after {
    border: 2px solid #5c6bc0;
}
[type="radio"].col-l-1-indigo:checked + label:after {
    border-color: #5c6bc0;
}
.nav-tabs.col-l-1-indigo > li > a:before{
    border-bottom: 2px solid #5c6bc0;
}
.panel-group.col-l-1-indigo {
    border: 1px solid #5c6bc0;
}

.slider.thumb-bg-l-1-indigo::-webkit-slider-thumb {
    background-color: #5c6bc0;
}

.slider.thumb-bg-l-1-indigo::-moz-range-thumb {
    background-color: #5c6bc0;
}

.slider.thumb-bg-l-1-indigo::-ms-thumb {
    background-color: #5c6bc0;
}

.slider.slider-bg-l-1-indigo::-webkit-slider-runnable-track {
    background-color: #5c6bc0;
}

.slider.slider-bg-l-1-indigo::-moz-range-track {
    background-color: #5c6bc0;
}

.slider.slider-bg-l-1-indigo::-ms-track {
    background-color: #5c6bc0;
}

.bg-l-2-indigo,
[type="checkbox"].filled-in:checked.col-l-2-indigo + label:after,
[type="radio"].with-gap.col-l-2-indigo:checked + label:after,
[type="radio"].col-l-2-indigo:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-2-indigo:after,
.modal-content.col-l-2-indigo,
.panel-group .panel.col-l-2-indigo .panel-title,
.panel-group.full-body .panel.col-l-2-indigo .panel-body {
    background-color: #7986cb;
}
ul.stepper.stepper-col-l-2-indigo .step.active:before,
ul.stepper.stepper-col-l-2-indigo .step.done:before,
ul.stepper.horizontal.stepper-col-l-2-indigo .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-2-indigo .step.done .step-title:before   {
    background-color: #7986cb;
}

.fc-col-l-2-indigo:not([class*="lever"]) {
    border-bottom: 1px solid #7986cb;
}
.col-l-2-indigo {
    color: #7986cb;
}
.vtabs.col-l-2-indigo li.active{
    color: #7986cb;
    border-right: 2px solid #7986cb;
}
[type="checkbox"]:checked.col-l-2-indigo + label:before {
    border-right: 2px solid #7986cb;
    border-bottom: 2px solid #7986cb;
}
[type="checkbox"].filled-in:checked.col-l-2-indigo + label:after,
[type="radio"].with-gap.col-l-2-indigo:checked + label:before,
[type="radio"].with-gap.col-l-2-indigo:checked + label:after {
    border: 2px solid #7986cb;
}
[type="radio"].col-l-2-indigo:checked + label:after {
    border-color: #7986cb;
}
.nav-tabs.col-l-2-indigo > li > a:before{
    border-bottom: 2px solid #7986cb;
}
.panel-group.col-l-2-indigo {
    border: 1px solid #7986cb;
}

.slider.thumb-bg-l-2-indigo::-webkit-slider-thumb {
    background-color: #7986cb;
}

.slider.thumb-bg-l-2-indigo::-moz-range-thumb {
    background-color: #7986cb;
}

.slider.thumb-bg-l-2-indigo::-ms-thumb {
    background-color: #7986cb;
}

.slider.slider-bg-l-2-indigo::-webkit-slider-runnable-track {
    background-color: #7986cb;
}

.slider.slider-bg-l-2-indigo::-moz-range-track {
    background-color: #7986cb;
}

.slider.slider-bg-l-2-indigo::-ms-track {
    background-color: #7986cb;
}

.bg-l-3-indigo,
[type="checkbox"].filled-in:checked.col-l-3-indigo + label:after,
[type="radio"].with-gap.col-l-3-indigo:checked + label:after,
[type="radio"].with-gap.col-l-3-indigo:checked + label:after,
[type="radio"].col-l-3-indigo:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-3-indigo:after,
.modal-content.col-l-3-indigo,
.panel-group .panel.col-l-3-indigo .panel-title,
.panel-group.full-body .panel.col-l-3-indigo .panel-body {
    background-color: #9fa8da;
}

ul.stepper.stepper-col-l-3-indigo .step.active:before,
ul.stepper.stepper-col-l-3-indigo .step.done:before,
ul.stepper.horizontal.stepper-col-l-3-indigo .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-3-indigo .step.done .step-title:before   {
    background-color: #9fa8da;
}

.fc-col-l-3-indigo:not([class*="lever"]) {
    border-bottom: 1px solid #9fa8da;
}

.col-l-3-indigo {
    color: #9fa8da;
}
.vtabs.col-l-3-indigo li.active{
    color: #9fa8da;
    border-right: 2px solid #9fa8da;
}
[type="checkbox"]:checked.col-l-3-indigo + label:before {
    border-right: 2px solid #9fa8da;
    border-bottom: 2px solid #9fa8da;
}
[type="checkbox"].filled-in:checked.col-l-3-indigo + label:after,
[type="radio"].with-gap.col-l-3-indigo:checked + label:before,
[type="radio"].with-gap.col-l-3-indigo:checked + label:after {
    border: 2px solid #9fa8da;
}
[type="radio"].col-l-3-indigo:checked + label:after {
    border-color: #9fa8da;
}
.nav-tabs.col-l-3-indigo > li > a:before{
    border-bottom: 2px solid #9fa8da;
}
.panel-group.col-l-3-indigo {
    border: 1px solid #9fa8da;
}

.slider.thumb-bg-l-3-indigo::-webkit-slider-thumb {
    background-color: #9fa8da;
}

.slider.thumb-bg-l-3-indigo::-moz-range-thumb {
    background-color: #9fa8da;
}

.slider.thumb-bg-l-3-indigo::-ms-thumb {
    background-color: #9fa8da;
}

.slider.slider-bg-l-3-indigo::-webkit-slider-runnable-track {
    background-color: #9fa8da;
}

.slider.slider-bg-l-3-indigo::-moz-range-track {
    background-color: #9fa8da;
}

.slider.slider-bg-l-3-indigo::-ms-track {
    background-color: #9fa8da;
}

.bg-l-4-indigo,
[type="checkbox"].filled-in:checked.col-l-4-indigo + label:after,
[type="radio"].with-gap.col-l-4-indigo:checked + label:after,
[type="radio"].col-l-4-indigo:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-4-indigo:after,
.modal-content.col-l-4-indigo,
.panel-group .panel.col-l-4-indigo .panel-title,
.panel-group.full-body .panel.col-l-4-indigo .panel-body {
    background-color: #c5cae9;
}

ul.stepper.stepper-col-l-4-indigo .step.active:before,
ul.stepper.stepper-col-l-4-indigo .step.done:before,
ul.stepper.horizontal.stepper-col-l-4-indigo .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-4-indigo .step.done .step-title:before  {
    background-color: #c5cae9;
}

.fc-col-l-4-indigo:not([class*="lever"]) {
    border-bottom: 1px solid #c5cae9;
}
.col-l-4-indigo{
    color: #c5cae9;
}
.vtabs.col-l-4-indigo li.active{
    color: #c5cae9;
    border-right: 2px solid #c5cae9;
}
[type="checkbox"]:checked.col-l-4-indigo + label:before {
    border-right: 2px solid #c5cae9;
    border-bottom: 2px solid #c5cae9;
}
[type="checkbox"].filled-in:checked.col-l-4-indigo + label:after,
[type="radio"].with-gap.col-l-4-indigo:checked + label:before,
[type="radio"].with-gap.col-l-4-indigo:checked + label:after {
    border: 2px solid #c5cae9;
}
[type="radio"].col-l-4-indigo:checked + label:after {
    border-color: #c5cae9;
}
.nav-tabs.col-l-4-indigo > li > a:before{
    border-bottom: 2px solid #c5cae9;
}
.panel-group.col-l-4-indigo {
    border: 1px solid #c5cae9;
}

.slider.thumb-bg-l-4-indigo::-webkit-slider-thumb {
    background-color: #c5cae9;
}

.slider.thumb-bg-l-4-indigo::-moz-range-thumb {
    background-color: #c5cae9;
}

.slider.thumb-bg-l-4-indigo::-ms-thumb {
    background-color: #c5cae9;
}

.slider.slider-bg-l-4-indigo::-webkit-slider-runnable-track {
    background-color: #c5cae9;
}

.slider.slider-bg-l-4-indigo::-moz-range-track {
    background-color: #c5cae9;
}

.slider.slider-bg-l-4-indigo::-ms-track {
    background-color: #c5cae9;
}

.bg-l-5-indigo ,
[type="checkbox"].filled-in:checked.col-l-5-indigo + label:after,
[type="radio"].with-gap.col-l-5-indigo:checked + label:after,
[type="radio"].col-l-5-indigo:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-5-indigo:after,
.modal-content.col-l-5-indigo,
.panel-group .panel.col-l-5-indigo .panel-title,
.panel-group.full-body .panel.col-l-5-indigo .panel-body {
    background-color: #e8eaf6;
}

ul.stepper.stepper-col-l-5-indigo .step.active:before,
ul.stepper.stepper-col-l-5-indigo .step.done:before,
ul.stepper.horizontal.stepper-col-l-5-indigo .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-5-indigo .step.done .step-title:before   {
    background-color: #e8eaf6;
}

.fc-col-l-5-indigo:not([class*="lever"]) {
    border-bottom: 1px solid #e8eaf6;
}
.col-l-5-indigo {
    color: #e8eaf6;
}
.vtabs.col-l-5-indigo li.active{
    color: #e8eaf6;
    border-right: 2px solid #e8eaf6;
}
[type="checkbox"]:checked.col-l-5-indigo + label:before {
    border-right: 2px solid #e8eaf6;
    border-bottom: 2px solid #e8eaf6;
}
[type="checkbox"].filled-in:checked.col-l-5-indigo + label:after,
[type="radio"].with-gap.col-l-5-indigo:checked + label:before,
[type="radio"].with-gap.col-l-5-indigo:checked + label:after {
    border: 2px solid #e8eaf6;
}
[type="radio"].col-l-5-indigo:checked + label:after {
    border-color: #e8eaf6;
}
.nav-tabs.col-l-5-indigo > li > a:before{
    border-bottom: 2px solid #e8eaf6;
}
.panel-group.col-l-5-indigo {
    border: 1px solid #e8eaf6;
}

.slider.thumb-bg-l-5-indigo::-webkit-slider-thumb {
    background-color: #e8eaf6;
}

.slider.thumb-bg-l-5-indigo::-moz-range-thumb {
    background-color: #e8eaf6;
}

.slider.thumb-bg-l-5-indigo::-ms-thumb {
    background-color: #e8eaf6;
}

.slider.slider-bg-l-5-indigo::-webkit-slider-runnable-track {
    background-color: #e8eaf6;
}

.slider.slider-bg-l-5-indigo::-moz-range-track {
    background-color: #e8eaf6;
}

.slider.slider-bg-l-5-indigo::-ms-track {
    background-color: #e8eaf6;
}

.bg-d-1-indigo,
[type="checkbox"].filled-in:checked.col-d-1-indigo + label:after,
[type="radio"].with-gap.col-d-1-indigo:checked + label:after,
[type="radio"].col-d-1-indigo:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-1-indigo:after,
.modal-content.col-d-1-indigo,
.panel-group .panel.col-d-1-indigo .panel-title,
.panel-group.full-body .panel.col-d-1-indigo .panel-body {
    background-color: #3949ab;
}

ul.stepper.stepper-col-d-1-indigo .step.active:before,
ul.stepper.stepper-col-d-1-indigo .step.done:before,
ul.stepper.horizontal.stepper-col-d-1-indigo .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-1-indigo .step.done .step-title:before   {
    background-color: #3949ab;
}

.fc-col-d-1-indigo:not([class*="lever"]) {
    border-bottom: 1px solid #3949ab;
}
.col-d-1-indigo {
    color: #3949ab;
}
.vtabs.col-d-1-indigo li.active{
    color: #3949ab;
    border-right: 2px solid #3949ab;
}
[type="checkbox"]:checked.col-d-1-indigo + label:before {
    border-right: 2px solid #3949ab;
    border-bottom: 2px solid #3949ab;
}
[type="checkbox"].filled-in:checked.col-d-1-indigo + label:after,
[type="radio"].with-gap.col-d-1-indigo:checked + label:before,
[type="radio"].with-gap.col-d-1-indigo:checked + label:after {
    border: 2px solid #3949ab;
}
[type="radio"].col-d-1-indigo:checked + label:after {
    border-color: #3949ab;
}
.nav-tabs.col-d-1-indigo > li > a:before{
    border-bottom: 2px solid #3949ab;
}
.panel-group.col-d-1-indigo {
    border: 1px solid #3949ab;
}

.slider.thumb-bg-d-1-indigo::-webkit-slider-thumb {
    background-color: #3949ab;
}

.slider.thumb-bg-d-1-indigo::-moz-range-thumb {
    background-color: #3949ab;
}

.slider.thumb-bg-d-1-indigo::-ms-thumb {
    background-color: #3949ab;
}

.slider.slider-bg-d-1-indigo::-webkit-slider-runnable-track {
    background-color: #3949ab;
}

.slider.slider-bg-d-1-indigo::-moz-range-track {
    background-color: #3949ab;
}

.slider.slider-bg-d-1-indigo::-ms-track {
    background-color: #3949ab;
}

.bg-d-2-indigo,
[type="checkbox"].filled-in:checked.col-d-2-indigo + label:after,
[type="radio"].with-gap.col-d-2-indigo:checked + label:after,
[type="radio"].col-d-2-indigo:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-2-indigo:after,
.modal-content.col-d-2-indigo,
.panel-group .panel.col-d-2-indigo .panel-title,
.panel-group.full-body .panel.col-d-2-indigo .panel-body {
    background-color: #303f9f;
}

ul.stepper.stepper-col-d-2-indigo .step.active:before,
ul.stepper.stepper-col-d-2-indigo .step.done:before,
ul.stepper.horizontal.stepper-col-d-2-indigo .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-2-indigo .step.done .step-title:before  {
    background-color: #303f9f;
}

.fc-col-d-2-indigo:not([class*="lever"]) {
    border-bottom: 1px solid #303f9f;
}
.col-d-2-indigo {
    color: #303f9f;
}
.vtabs.col-d-2-indigo li.active{
    color: #303f9f;
    border-right: 2px solid #303f9f;
}
[type="checkbox"]:checked.col-d-2-indigo + label:before {
    border-right: 2px solid #303f9f;
    border-bottom: 2px solid #303f9f;
}
[type="checkbox"].filled-in:checked.col-d-2-indigo + label:after,
[type="radio"].with-gap.col-d-2-indigo:checked + label:before,
[type="radio"].with-gap.col-d-2-indigo:checked + label:after {
    border: 2px solid #303f9f;
}
[type="radio"].col-d-2-indigo:checked + label:after {
    border-color: #303f9f;
}
.nav-tabs.col-d-2-indigo > li > a:before{
    border-bottom: 2px solid #303f9f;
}
.panel-group.col-d-2-indigo {
    border: 1px solid #303f9f;
}

.slider.thumb-bg-d-2-indigo::-webkit-slider-thumb {
    background-color: #303f9f;
}

.slider.thumb-bg-d-2-indigo::-moz-range-thumb {
    background-color: #303f9f;
}

.slider.thumb-bg-d-2-indigo::-ms-thumb {
    background-color: #303f9f;
}

.slider.slider-bg-d-2-indigo::-webkit-slider-runnable-track {
    background-color: #303f9f;
}

.slider.slider-bg-d-2-indigo::-moz-range-track {
    background-color: #303f9f;
}

.slider.slider-bg-d-2-indigo::-ms-track {
    background-color: #303f9f;
}

.bg-d-3-indigo,
[type="checkbox"].filled-in:checked.col-d-3-indigo + label:after,
[type="radio"].with-gap.col-d-3-indigo:checked + label:after,
[type="radio"].col-d-2-indigo:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-3-indigo:after,
.modal-content.col-d-3-indigo,
.panel-group .panel.col-d-3-indigo .panel-title,
.panel-group.full-body .panel.col-d-3-indigo .panel-body {
    background-color: #283593;
}

ul.stepper.stepper-col-d-3-indigo .step.active:before,
ul.stepper.stepper-col-d-3-indigo .step.done:before,
ul.stepper.horizontal.stepper-col-d-3-indigo .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-3-indigo .step.done .step-title:before  {
    background-color: #283593;
}

.fc-col-d-3-indigo:not([class*="lever"]) {
    border-bottom: 1px solid #283593;
}
.col-d-3-indigo{
    color: #283593;
}
.vtabs.col-d-3-indigo li.active{
    color: #283593;
    border-right: 2px solid #283593;
}
[type="checkbox"]:checked.col-d-3-indigo + label:before {
    border-right: 2px solid #283593;
    border-bottom: 2px solid #283593;
}
[type="checkbox"].filled-in:checked.col-d-3-indigo + label:after,
[type="radio"].with-gap.col-d-3-indigo:checked + label:before,
[type="radio"].with-gap.col-d-3-indigo:checked + label:after {
    border: 2px solid #283593;
}
[type="radio"].col-d-3-indigo:checked + label:after {
    border-color: #283593;
}
.nav-tabs.col-d-3-indigo > li > a:before{
    border-bottom: 2px solid #283593;
}
.panel-group.col-d-3-indigo {
    border: 1px solid #283593;
}

.slider.thumb-bg-d-3-indigo::-webkit-slider-thumb {
    background-color: #283593;
}

.slider.thumb-bg-d-3-indigo::-moz-range-thumb {
    background-color: #283593;
}

.slider.thumb-bg-d-3-indigo::-ms-thumb {
    background-color: #283593;
}

.slider.slider-bg-d-3-indigo::-webkit-slider-runnable-track {
    background-color: #283593;
}

.slider.slider-bg-d-3-indigo::-moz-range-track {
    background-color: #283593;
}

.slider.slider-bg-d-3-indigo::-ms-track {
    background-color: #283593;
}

.bg-d-4-indigo,
[type="checkbox"].filled-in:checked.col-d-4-indigo + label:after,
[type="radio"].with-gap.col-d-4-indigo:checked + label:after,
[type="radio"].col-d-4-indigo:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-4-indigo:after,
.modal-content.col-d-4-indigo,
.panel-group .panel.col-d-4-indigo .panel-title,
.panel-group.full-body .panel.col-d-4-indigo .panel-body {
    background-color: #1a237e;
}

ul.stepper.stepper-col-d-4-indigo .step.active:before,
ul.stepper.stepper-col-d-4-indigo .step.done:before,
ul.stepper.horizontal.stepper-col-d-4-indigo .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-4-indigo .step.done .step-title:before  {
    background-color: #1a237e;
}

.fc-col-d-4-indigo:not([class*="lever"]) {
    border-bottom: 1px solid #1a237e;
}
.col-d-4-indigo{
    color: #1a237e;
}
.vtabs.col-d-4-indigo li.active{
    color: #1a237e;
    border-right: 2px solid #1a237e;
}
[type="checkbox"]:checked.col-d-4-indigo + label:before {
    border-right: 2px solid #1a237e;
    border-bottom: 2px solid #1a237e;
}
[type="checkbox"].filled-in:checked.col-d-4-indigo + label:after,
[type="radio"].with-gap.col-d-4-indigo:checked + label:before,
[type="radio"].with-gap.col-d-4-indigo:checked + label:after {
    border: 2px solid #1a237e;
}
[type="radio"].col-d-4-indigo:checked + label:after {
    border-color: #1a237e;
}
.nav-tabs.col-d-4-indigo > li > a:before{
    border-bottom: 2px solid #1a237e;
}
.panel-group.col-d-4-indigo {
    border: 1px solid #1a237e;
}

.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever[class*="col-indigo"]:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(63, 81, 181, 0.1);
}

.switch label input[type=checkbox]:checked + .lever[class*="col-indigo"] {
    background-color: rgba(63, 81, 181, 0.5);
}

.slider.thumb-bg-d-4-indigo::-webkit-slider-thumb {
    background-color: #1a237e;
}

.slider.thumb-bg-d-4-indigo::-moz-range-thumb {
    background-color: #1a237e;
}

.slider.thumb-bg-d-4-indigo::-ms-thumb {
    background-color: #1a237e;
}

.slider.slider-bg-d-4-indigo::-webkit-slider-runnable-track {
    background-color: #1a237e;
}

.slider.slider-bg-d-4-indigo::-moz-range-track {
    background-color: #1a237e;
}

.slider.slider-bg-d-4-indigo::-ms-track {
    background-color: #1a237e;
}
/*======================== BLUE ========================*/
.bg-blue{
    color: #FFF;
}
.modal-content.col-blue:not([class*="col-white"]) .modal-body,
.modal-content.col-blue:not([class*="col-white"]) .modal-footer .btn-link,
.modal-content.col-blue:not([class*="col-white"]) .modal-title,
.panel-group .panel.col-blue:not([class*="col-white"]) .panel-title,
.panel-group.full-body .panel.col-blue:not([class*="col-white"]) .panel-body,
.bg-blue.nav-tabs li a{
    color: #fff;
}
.bg-blue,
.d-checkbox input[type="checkbox"].filled-in:checked.col-blue + label:after,
[type="radio"].with-gap.col-blue:checked + label:after,
[type="radio"].col-blue:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-blue:after,
.modal-content.col-blue,
.panel-group .panel.col-blue .panel-title,
.panel-group.full-body .panel.col-blue .panel-body{
    background-color: #2196F3;
}

ul.stepper.stepper-col-blue .step.active:before,
ul.stepper.stepper-col-blue .step.done:before,
ul.stepper.horizontal.stepper-col-blue .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-blue .step.done .step-title:before{
    background-color: #2196F3;
}

.fc-col-blue:not([class*="lever"]) {
    border-bottom: 1px solid #2196F3;
}
.col-blue{
    color: #2196F3;
}
.vtabs.col-blue li.active{
    color: #2196F3;
    border-right: 2px solid #2196F3;
}
.d-checkbox input[type="checkbox"]:checked.col-blue + label:before {
    border-right: 2px solid #2196F3;
    border-bottom: 2px solid #2196F3;
}
.d-checkbox input[type="checkbox"].filled-in:checked.col-blue + label:after,
[type="radio"].with-gap.col-blue:checked + label:before,
[type="radio"].with-gap.col-blue:checked + label:after{
    border: 2px solid #2196F3;
}
[type="radio"].col-blue:checked + label:after {
    border-color: #2196F3;
}
.nav-tabs.col-blue > li > a:before{
    border-bottom: 2px solid #2196F3;
}
.panel-group.col-blue {
    border: 1px solid #2196F3;
}

.vtabs.col-blue .flex-item.active a{
    border-right: 2px solid #2196F3;
}

.slider.thumb-bg-blue::-webkit-slider-thumb {
    background-color: #2196F3;
}

.slider.thumb-bg-blue::-moz-range-thumb {
    background-color: #2196F3;
}

.slider.thumb-bg-blue::-ms-thumb {
    background-color: #2196F3;
}

.slider.slider-bg-blue::-webkit-slider-runnable-track {
    background-color: #2196F3;
}

.slider.slider-bg-blue::-moz-range-track {
    background-color: #2196F3;
}

.slider.slider-bg-blue::-ms-track {
    background-color: #2196F3;
}

.bg-l-1-blue,
[type="checkbox"].filled-in:checked.col-l-1-blue + label:after,
[type="radio"].with-gap.col-l-1-blue:checked + label:after,
[type="radio"].col-l-1-blue:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-1-blue:after,
.modal-content.col-l-1-blue,
.panel-group .panel.col-l-1-blue .panel-title,
.panel-group.full-body .panel.col-l-1-blue .panel-body {
    background-color: #42a5f5;
}
ul.stepper.stepper-col-l-1-blue .step.active:before,
ul.stepper.stepper-col-l-1-blue .step.done:before,
ul.stepper.horizontal.stepper-col-l-1-blue .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-1-blue .step.done .step-title:before  {
    background-color: #42a5f5;
}


.fc-col-l-1-blue:not([class*="lever"]) {
    border-bottom: 1px solid #42a5f5;
}
.col-l-1-blue {
    color: #42a5f5;
}
.vtabs.col-l-1-blue li.active{
    color: #42a5f5;
    border-right: 2px solid #42a5f5;
}
[type="checkbox"]:checked.col-l-1-blue + label:before {
    border-right: 2px solid #42a5f5;
    border-bottom: 2px solid #42a5f5;
}
[type="checkbox"].filled-in:checked.col-l-1-blue + label:after,
[type="radio"].with-gap.col-l-1-blue:checked + label:before,
[type="radio"].with-gap.col-l-1-blue:checked + label:after {
    border: 2px solid #42a5f5;
}
[type="radio"].col-l-1-blue:checked + label:after {
    border-color: #42a5f5;
}
.nav-tabs.col-l-1-blue > li > a:before{
    border-bottom: 2px solid #42a5f5;
}
.panel-group.col-l-1-blue {
    border: 1px solid #42a5f5;
}

.slider.thumb-bg-l-1-blue::-webkit-slider-thumb {
    background-color: #42a5f5;
}

.slider.thumb-bg-l-1-blue::-moz-range-thumb {
    background-color: #42a5f5;
}

.slider.thumb-bg-l-1-blue::-ms-thumb {
    background-color: #42a5f5;
}

.slider.slider-bg-l-1-blue::-webkit-slider-runnable-track {
    background-color: #42a5f5;
}

.slider.slider-bg-l-1-blue::-moz-range-track {
    background-color: #42a5f5;
}

.slider.slider-bg-l-1-blue::-ms-track {
    background-color: #42a5f5;
}

.bg-l-2-blue,
[type="checkbox"].filled-in:checked.col-l-2-blue + label:after,
[type="radio"].with-gap.col-l-2-blue:checked + label:after,
[type="radio"].col-l-2-blue:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-2-blue:after,
.modal-content.col-l-2-blue,
.panel-group .panel.col-l-2-blue .panel-title,
.panel-group.full-body .panel.col-l-2-blue .panel-body {
    background-color: #64b5f6;
}
ul.stepper.stepper-col-l-2-blue .step.active:before,
ul.stepper.stepper-col-l-2-blue .step.done:before,
ul.stepper.horizontal.stepper-col-l-2-blue .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-2-blue .step.done .step-title:before   {
    background-color: #64b5f6;
}

.fc-col-l-2-blue:not([class*="lever"]) {
    border-bottom: 1px solid #64b5f6;
}
.col-l-2-blue {
    color: #64b5f6;
}
.vtabs.col-l-2-blue li.active{
    color: #64b5f6;
    border-right: 2px solid #64b5f6;
}
[type="checkbox"]:checked.col-l-2-blue + label:before {
    border-right: 2px solid #64b5f6;
    border-bottom: 2px solid #64b5f6;
}
[type="checkbox"].filled-in:checked.col-l-2-blue + label:after,
[type="radio"].with-gap.col-l-2-blue:checked + label:before,
[type="radio"].with-gap.col-l-2-blue:checked + label:after {
    border: 2px solid #64b5f6;
}
[type="radio"].col-l-2-blue:checked + label:after {
    border-color: #64b5f6;
}
.nav-tabs.col-l-2-blue > li > a:before{
    border-bottom: 2px solid #64b5f6;
}
.panel-group.col-l-2-blue {
    border: 1px solid #64b5f6;
}

.slider.thumb-bg-l-2-blue::-webkit-slider-thumb {
    background-color: #64b5f6;
}

.slider.thumb-bg-l-2-blue::-moz-range-thumb {
    background-color: #64b5f6;
}

.slider.thumb-bg-l-2-blue::-ms-thumb {
    background-color: #64b5f6;
}

.slider.slider-bg-l-2-blue::-webkit-slider-runnable-track {
    background-color: #64b5f6;
}

.slider.slider-bg-l-2-blue::-moz-range-track {
    background-color: #64b5f6;
}

.slider.slider-bg-l-2-blue::-ms-track {
    background-color: #64b5f6;
}

.bg-l-3-blue,
[type="checkbox"].filled-in:checked.col-l-3-blue + label:after,
[type="radio"].with-gap.col-l-3-blue:checked + label:after,
[type="radio"].with-gap.col-l-3-blue:checked + label:after,
[type="radio"].col-l-3-blue:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-3-blue:after,
.modal-content.col-l-3-blue,
.panel-group .panel.col-l-3-blue .panel-title,
.panel-group.full-body .panel.col-l-3-blue .panel-body {
    background-color: #90caf9;
}

ul.stepper.stepper-col-l-3-blue .step.active:before,
ul.stepper.stepper-col-l-3-blue .step.done:before,
ul.stepper.horizontal.stepper-col-l-3-blue .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-3-blue .step.done .step-title:before   {
    background-color: #90caf9;
}

.fc-col-l-3-blue:not([class*="lever"]) {
    border-bottom: 1px solid #90caf9;
}

.col-l-3-blue {
    color: #90caf9;
}
.vtabs.col-l-3-blue li.active{
    color: #90caf9;
    border-right: 2px solid #90caf9;
}
[type="checkbox"]:checked.col-l-3-blue + label:before {
    border-right: 2px solid #90caf9;
    border-bottom: 2px solid #90caf9;
}
[type="checkbox"].filled-in:checked.col-l-3-blue + label:after,
[type="radio"].with-gap.col-l-3-blue:checked + label:before,
[type="radio"].with-gap.col-l-3-blue:checked + label:after {
    border: 2px solid #90caf9;
}
[type="radio"].col-l-3-blue:checked + label:after {
    border-color: #90caf9;
}
.nav-tabs.col-l-3-blue > li > a:before{
    border-bottom: 2px solid #90caf9;
}
.panel-group.col-l-3-blue {
    border: 1px solid #90caf9;
}

.slider.thumb-bg-l-3-blue::-webkit-slider-thumb {
    background-color: #90caf9;
}

.slider.thumb-bg-l-3-blue::-moz-range-thumb {
    background-color: #90caf9;
}

.slider.thumb-bg-l-3-blue::-ms-thumb {
    background-color: #90caf9;
}

.slider.slider-bg-l-3-blue::-webkit-slider-runnable-track {
    background-color: #90caf9;
}

.slider.slider-bg-l-3-blue::-moz-range-track {
    background-color: #90caf9;
}

.slider.slider-bg-l-3-blue::-ms-track {
    background-color: #90caf9;
}

.bg-l-4-blue,
[type="checkbox"].filled-in:checked.col-l-4-blue + label:after,
[type="radio"].with-gap.col-l-4-blue:checked + label:after,
[type="radio"].col-l-4-blue:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-4-blue:after,
.modal-content.col-l-4-blue,
.panel-group .panel.col-l-4-blue .panel-title,
.panel-group.full-body .panel.col-l-4-blue .panel-body {
    background-color: #bbdefb;
}

ul.stepper.stepper-col-l-4-blue .step.active:before,
ul.stepper.stepper-col-l-4-blue .step.done:before,
ul.stepper.horizontal.stepper-col-l-4-blue .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-4-blue .step.done .step-title:before  {
    background-color: #bbdefb;
}

.fc-col-l-4-blue:not([class*="lever"]) {
    border-bottom: 1px solid #bbdefb;
}
.col-l-4-blue{
    color: #bbdefb;
}
.vtabs.col-l-4-blue li.active{
    color: #bbdefb;
    border-right: 2px solid #bbdefb;
}
[type="checkbox"]:checked.col-l-4-blue + label:before {
    border-right: 2px solid #bbdefb;
    border-bottom: 2px solid #bbdefb;
}
[type="checkbox"].filled-in:checked.col-l-4-blue + label:after,
[type="radio"].with-gap.col-l-4-blue:checked + label:before,
[type="radio"].with-gap.col-l-4-blue:checked + label:after {
    border: 2px solid #bbdefb;
}
[type="radio"].col-l-4-blue:checked + label:after {
    border-color: #bbdefb;
}
.nav-tabs.col-l-4-blue > li > a:before{
    border-bottom: 2px solid #bbdefb;
}
.panel-group.col-l-4-blue {
    border: 1px solid #bbdefb;
}

.slider.thumb-bg-l-4-blue::-webkit-slider-thumb {
    background-color: #bbdefb;
}

.slider.thumb-bg-l-4-blue::-moz-range-thumb {
    background-color: #bbdefb;
}

.slider.thumb-bg-l-4-blue::-ms-thumb {
    background-color: #bbdefb;
}

.slider.slider-bg-l-4-blue::-webkit-slider-runnable-track {
    background-color: #bbdefb;
}

.slider.slider-bg-l-4-blue::-moz-range-track {
    background-color: #bbdefb;
}

.slider.slider-bg-l-4-blue::-ms-track {
    background-color: #bbdefb;
}

.bg-l-5-blue ,
[type="checkbox"].filled-in:checked.col-l-5-blue + label:after,
[type="radio"].with-gap.col-l-5-blue:checked + label:after,
[type="radio"].col-l-5-blue:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-5-blue:after,
.modal-content.col-l-5-blue,
.panel-group .panel.col-l-5-blue .panel-title,
.panel-group.full-body .panel.col-l-5-blue .panel-body {
    background-color: #e3f2fd;
}

ul.stepper.stepper-col-l-5-blue .step.active:before,
ul.stepper.stepper-col-l-5-blue .step.done:before,
ul.stepper.horizontal.stepper-col-l-5-blue .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-5-blue .step.done .step-title:before   {
    background-color: #e3f2fd;
}

.fc-col-l-5-blue:not([class*="lever"]) {
    border-bottom: 1px solid #e3f2fd;
}
.col-l-5-blue {
    color: #e3f2fd;
}
.vtabs.col-l-5-blue li.active{
    color: #e3f2fd;
    border-right: 2px solid #e3f2fd;
}
[type="checkbox"]:checked.col-l-5-blue + label:before {
    border-right: 2px solid #e3f2fd;
    border-bottom: 2px solid #e3f2fd;
}
[type="checkbox"].filled-in:checked.col-l-5-blue + label:after,
[type="radio"].with-gap.col-l-5-blue:checked + label:before,
[type="radio"].with-gap.col-l-5-blue:checked + label:after {
    border: 2px solid #e3f2fd;
}
[type="radio"].col-l-5-blue:checked + label:after {
    border-color: #e3f2fd;
}
.nav-tabs.col-l-5-blue > li > a:before{
    border-bottom: 2px solid #e3f2fd;
}
.panel-group.col-l-5-blue {
    border: 1px solid #e3f2fd;
}

.slider.thumb-bg-l-5-blue::-webkit-slider-thumb {
    background-color: #e3f2fd;
}

.slider.thumb-bg-l-5-blue::-moz-range-thumb {
    background-color: #e3f2fd;
}

.slider.thumb-bg-l-5-blue::-ms-thumb {
    background-color: #e3f2fd;
}

.slider.slider-bg-l-5-blue::-webkit-slider-runnable-track {
    background-color: #e3f2fd;
}

.slider.slider-bg-l-5-blue::-moz-range-track {
    background-color: #e3f2fd;
}

.slider.slider-bg-l-5-blue::-ms-track {
    background-color: #e3f2fd;
}

.bg-d-1-blue,
[type="checkbox"].filled-in:checked.col-d-1-blue + label:after,
[type="radio"].with-gap.col-d-1-blue:checked + label:after,
[type="radio"].col-d-1-blue:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-1-blue:after,
.modal-content.col-d-1-blue,
.panel-group .panel.col-d-1-blue .panel-title,
.panel-group.full-body .panel.col-d-1-blue .panel-body {
    background-color: #1e88e5;
}

ul.stepper.stepper-col-d-1-blue .step.active:before,
ul.stepper.stepper-col-d-1-blue .step.done:before,
ul.stepper.horizontal.stepper-col-d-1-blue .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-1-blue .step.done .step-title:before   {
    background-color: #1e88e5;
}

.fc-col-d-1-blue:not([class*="lever"]) {
    border-bottom: 1px solid #1e88e5;
}
.col-d-1-blue {
    color: #1e88e5;
}
.vtabs.col-d-1-blue li.active{
    color: #1e88e5;
    border-right: 2px solid #1e88e5;
}
[type="checkbox"]:checked.col-d-1-blue + label:before {
    border-right: 2px solid #1e88e5;
    border-bottom: 2px solid #1e88e5;
}
[type="checkbox"].filled-in:checked.col-d-1-blue + label:after,
[type="radio"].with-gap.col-d-1-blue:checked + label:before,
[type="radio"].with-gap.col-d-1-blue:checked + label:after {
    border: 2px solid #1e88e5;
}
[type="radio"].col-d-1-blue:checked + label:after {
    border-color: #1e88e5;
}
.nav-tabs.col-d-1-blue > li > a:before{
    border-bottom: 2px solid #1e88e5;
}
.panel-group.col-d-1-blue {
    border: 1px solid #1e88e5;
}

.slider.thumb-bg-d-1-blue::-webkit-slider-thumb {
    background-color: #1e88e5;
}

.slider.thumb-bg-d-1-blue::-moz-range-thumb {
    background-color: #1e88e5;
}

.slider.thumb-bg-d-1-blue::-ms-thumb {
    background-color: #1e88e5;
}

.slider.slider-bg-d-1-blue::-webkit-slider-runnable-track {
    background-color: #1e88e5;
}

.slider.slider-bg-d-1-blue::-moz-range-track {
    background-color: #1e88e5;
}

.slider.slider-bg-d-1-blue::-ms-track {
    background-color: #1e88e5;
}

.bg-d-2-blue,
[type="checkbox"].filled-in:checked.col-d-2-blue + label:after,
[type="radio"].with-gap.col-d-2-blue:checked + label:after,
[type="radio"].col-d-2-blue:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-2-blue:after,
.modal-content.col-d-2-blue,
.panel-group .panel.col-d-2-blue .panel-title,
.panel-group.full-body .panel.col-d-2-blue .panel-body {
    background-color: #1976d2;
}

ul.stepper.stepper-col-d-2-blue .step.active:before,
ul.stepper.stepper-col-d-2-blue .step.done:before,
ul.stepper.horizontal.stepper-col-d-2-blue .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-2-blue .step.done .step-title:before  {
    background-color: #1976d2;
}

.fc-col-d-2-blue:not([class*="lever"]) {
    border-bottom: 1px solid #1976d2;
}
.col-d-2-blue {
    color: #1976d2;
}
.vtabs.col-d-2-blue li.active{
    color: #1976d2;
    border-right: 2px solid #1976d2;
}
[type="checkbox"]:checked.col-d-2-blue + label:before {
    border-right: 2px solid #1976d2;
    border-bottom: 2px solid #1976d2;
}
[type="checkbox"].filled-in:checked.col-d-2-blue + label:after,
[type="radio"].with-gap.col-d-2-blue:checked + label:before,
[type="radio"].with-gap.col-d-2-blue:checked + label:after {
    border: 2px solid #1976d2;
}
[type="radio"].col-d-2-blue:checked + label:after {
    border-color: #1976d2;
}
.nav-tabs.col-d-2-blue > li > a:before{
    border-bottom: 2px solid #1976d2;
}
.panel-group.col-d-2-blue {
    border: 1px solid #1976d2;
}

.slider.thumb-bg-d-2-blue::-webkit-slider-thumb {
    background-color: #1976d2;
}

.slider.thumb-bg-d-2-blue::-moz-range-thumb {
    background-color: #1976d2;
}

.slider.thumb-bg-d-2-blue::-ms-thumb {
    background-color: #1976d2;
}

.slider.slider-bg-d-2-blue::-webkit-slider-runnable-track {
    background-color: #1976d2;
}

.slider.slider-bg-d-2-blue::-moz-range-track {
    background-color: #1976d2;
}

.slider.slider-bg-d-2-blue::-ms-track {
    background-color: #1976d2;
}

.bg-d-3-blue,
[type="checkbox"].filled-in:checked.col-d-3-blue + label:after,
[type="radio"].with-gap.col-d-3-blue:checked + label:after,
[type="radio"].col-d-2-blue:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-3-blue:after,
.modal-content.col-d-3-blue,
.panel-group .panel.col-d-3-blue .panel-title,
.panel-group.full-body .panel.col-d-3-blue .panel-body {
    background-color: #1565c0;
}

ul.stepper.stepper-col-d-3-blue .step.active:before,
ul.stepper.stepper-col-d-3-blue .step.done:before,
ul.stepper.horizontal.stepper-col-d-3-blue .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-3-blue .step.done .step-title:before  {
    background-color: #1565c0;
}

.fc-col-d-3-blue:not([class*="lever"]) {
    border-bottom: 1px solid #1565c0;
}
.col-d-3-blue{
    color: #1565c0;
}
.vtabs.col-d-3-blue li.active{
    color: #1565c0;
    border-right: 2px solid #1565c0;
}
[type="checkbox"]:checked.col-d-3-blue + label:before {
    border-right: 2px solid #1565c0;
    border-bottom: 2px solid #1565c0;
}
[type="checkbox"].filled-in:checked.col-d-3-blue + label:after,
[type="radio"].with-gap.col-d-3-blue:checked + label:before,
[type="radio"].with-gap.col-d-3-blue:checked + label:after {
    border: 2px solid #1565c0;
}
[type="radio"].col-d-3-blue:checked + label:after {
    border-color: #1565c0;
}
.nav-tabs.col-d-3-blue > li > a:before{
    border-bottom: 2px solid #1565c0;
}
.panel-group.col-d-3-blue {
    border: 1px solid #1565c0;
}

.slider.thumb-bg-d-3-blue::-webkit-slider-thumb {
    background-color: #1565c0;
}

.slider.thumb-bg-d-3-blue::-moz-range-thumb {
    background-color: #1565c0;
}

.slider.thumb-bg-d-3-blue::-ms-thumb {
    background-color: #1565c0;
}

.slider.slider-bg-d-3-blue::-webkit-slider-runnable-track {
    background-color: #1565c0;
}

.slider.slider-bg-d-3-blue::-moz-range-track {
    background-color: #1565c0;
}

.slider.slider-bg-d-3-blue::-ms-track {
    background-color: #1565c0;
}

.bg-d-4-blue,
[type="checkbox"].filled-in:checked.col-d-4-blue + label:after,
[type="radio"].with-gap.col-d-4-blue:checked + label:after,
[type="radio"].col-d-4-blue:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-4-blue:after,
.modal-content.col-d-4-blue,
.panel-group .panel.col-d-4-blue .panel-title,
.panel-group.full-body .panel.col-d-4-blue .panel-body {
    background-color: #0d47a1;
}

ul.stepper.stepper-col-d-4-blue .step.active:before,
ul.stepper.stepper-col-d-4-blue .step.done:before,
ul.stepper.horizontal.stepper-col-d-4-blue .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-4-blue .step.done .step-title:before  {
    background-color: #0d47a1;
}

.fc-col-d-4-blue:not([class*="lever"]) {
    border-bottom: 1px solid #0d47a1;
}
.col-d-4-blue{
    color: #0d47a1;
}
.vtabs.col-d-4-blue li.active{
    color: #0d47a1;
    border-right: 2px solid #0d47a1;
}
[type="checkbox"]:checked.col-d-4-blue + label:before {
    border-right: 2px solid #0d47a1;
    border-bottom: 2px solid #0d47a1;
}
[type="checkbox"].filled-in:checked.col-d-4-blue + label:after,
[type="radio"].with-gap.col-d-4-blue:checked + label:before,
[type="radio"].with-gap.col-d-4-blue:checked + label:after {
    border: 2px solid #0d47a1;
}
[type="radio"].col-d-4-blue:checked + label:after {
    border-color: #0d47a1;
}
.nav-tabs.col-d-4-blue > li > a:before{
    border-bottom: 2px solid #0d47a1;
}
.panel-group.col-d-4-blue {
    border: 1px solid #0d47a1;
}

.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever[class*="col-blue"]:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(33, 150, 243, 0.1);
}

.switch label input[type=checkbox]:checked + .lever[class*="col-blue"] {
    background-color: rgba(33, 150, 243, 0.5);
}

.slider.thumb-bg-d-4-blue::-webkit-slider-thumb {
    background-color: #0d47a1;
}

.slider.thumb-bg-d-4-blue::-moz-range-thumb {
    background-color: #0d47a1;
}

.slider.thumb-bg-d-4-blue::-ms-thumb {
    background-color: #0d47a1;
}

.slider.slider-bg-d-4-blue::-webkit-slider-runnable-track {
    background-color: #0d47a1;
}

.slider.slider-bg-d-4-blue::-moz-range-track {
    background-color: #0d47a1;
}

.slider.slider-bg-d-4-blue::-ms-track {
    background-color: #0d47a1;
}
/*======================== LIGHT BLUE ========================*/
.bg-light-blue{
    color: #FFF;
}
.modal-content.col-light-blue:not([class*="col-white"]) .modal-body,
.modal-content.col-light-blue:not([class*="col-white"]) .modal-footer .btn-link,
.modal-content.col-light-blue:not([class*="col-white"]) .modal-title,
.panel-group .panel.col-light-blue:not([class*="col-white"]) .panel-title,
.panel-group.full-body .panel.col-light-blue:not([class*="col-white"]) .panel-body,
.bg-light-blue.nav-tabs li a{
    color: #fff;
}
.bg-light-blue,
.d-checkbox input[type="checkbox"].filled-in:checked.col-light-blue + label:after,
[type="radio"].with-gap.col-light-blue:checked + label:after,
[type="radio"].col-light-blue:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-light-blue:after,
.modal-content.col-light-blue,
.panel-group .panel.col-light-blue .panel-title,
.panel-group.full-body .panel.col-light-blue .panel-body{
    background-color: #03A9F4;
}

ul.stepper.stepper-col-light-blue .step.active:before,
ul.stepper.stepper-col-light-blue .step.done:before,
ul.stepper.horizontal.stepper-col-light-blue .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-light-blue .step.done .step-title:before{
    background-color: #03A9F4;
}

.fc-col-light-blue:not([class*="lever"]) {
    border-bottom: 1px solid #03A9F4;
}
.col-light-blue{
    color: #03A9F4;
}
.vtabs.col-light-blue li.active{
    color: #03A9F4;
    border-right: 2px solid #03A9F4;
}
.d-checkbox input[type="checkbox"]:checked.col-light-blue + label:before {
    border-right: 2px solid #03A9F4;
    border-bottom: 2px solid #03A9F4;
}
.d-checkbox input[type="checkbox"].filled-in:checked.col-light-blue + label:after,
[type="radio"].with-gap.col-light-blue:checked + label:before,
[type="radio"].with-gap.col-light-blue:checked + label:after{
    border: 2px solid #03A9F4;
}
[type="radio"].col-light-blue:checked + label:after {
    border-color: #03A9F4;
}
.nav-tabs.col-light-blue > li > a:before{
    border-bottom: 2px solid #03A9F4;
}
.panel-group.col-light-blue {
    border: 1px solid #03A9F4;
}

.vtabs.col-light-blue .flex-item.active a{
    border-right: 2px solid #03A9F4;
}

.slider.thumb-bg-light-blue::-webkit-slider-thumb {
    background-color: #03A9F4;
}

.slider.thumb-bg-light-blue::-moz-range-thumb {
    background-color: #03A9F4;
}

.slider.thumb-bg-light-blue::-ms-thumb {
    background-color: #03A9F4;
}

.slider.slider-bg-light-blue::-webkit-slider-runnable-track {
    background-color: #03A9F4;
}

.slider.slider-bg-light-blue::-moz-range-track {
    background-color: #03A9F4;
}

.slider.slider-bg-light-blue::-ms-track {
    background-color: #03A9F4;
}

.bg-l-1-light-blue,
[type="checkbox"].filled-in:checked.col-l-1-light-blue + label:after,
[type="radio"].with-gap.col-l-1-light-blue:checked + label:after,
[type="radio"].col-l-1-light-blue:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-1-light-blue:after,
.modal-content.col-l-1-light-blue,
.panel-group .panel.col-l-1-light-blue .panel-title,
.panel-group.full-body .panel.col-l-1-light-blue .panel-body {
    background-color: #29b6f6;
}
ul.stepper.stepper-col-l-1-light-blue .step.active:before,
ul.stepper.stepper-col-l-1-light-blue .step.done:before,
ul.stepper.horizontal.stepper-col-l-1-light-blue .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-1-light-blue .step.done .step-title:before  {
    background-color: #29b6f6;
}


.fc-col-l-1-light-blue:not([class*="lever"]) {
    border-bottom: 1px solid #29b6f6;
}
.col-l-1-light-blue {
    color: #29b6f6;
}
.vtabs.col-l-1-light-blue li.active{
    color: #29b6f6;
    border-right: 2px solid #29b6f6;
}
[type="checkbox"]:checked.col-l-1-light-blue + label:before {
    border-right: 2px solid #29b6f6;
    border-bottom: 2px solid #29b6f6;
}
[type="checkbox"].filled-in:checked.col-l-1-light-blue + label:after,
[type="radio"].with-gap.col-l-1-light-blue:checked + label:before,
[type="radio"].with-gap.col-l-1-light-blue:checked + label:after {
    border: 2px solid #29b6f6;
}
[type="radio"].col-l-1-light-blue:checked + label:after {
    border-color: #29b6f6;
}
.nav-tabs.col-l-1-light-blue > li > a:before{
    border-bottom: 2px solid #29b6f6;
}
.panel-group.col-l-1-light-blue {
    border: 1px solid #29b6f6;
}

.slider.thumb-bg-l-1-light-blue::-webkit-slider-thumb {
    background-color: #29b6f6;
}

.slider.thumb-bg-l-1-light-blue::-moz-range-thumb {
    background-color: #29b6f6;
}

.slider.thumb-bg-l-1-light-blue::-ms-thumb {
    background-color: #29b6f6;
}

.slider.slider-bg-l-1-light-blue::-webkit-slider-runnable-track {
    background-color: #29b6f6;
}

.slider.slider-bg-l-1-light-blue::-moz-range-track {
    background-color: #29b6f6;
}

.slider.slider-bg-l-1-light-blue::-ms-track {
    background-color: #29b6f6;
}

.bg-l-2-light-blue,
[type="checkbox"].filled-in:checked.col-l-2-light-blue + label:after,
[type="radio"].with-gap.col-l-2-light-blue:checked + label:after,
[type="radio"].col-l-2-light-blue:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-2-light-blue:after,
.modal-content.col-l-2-light-blue,
.panel-group .panel.col-l-2-light-blue .panel-title,
.panel-group.full-body .panel.col-l-2-light-blue .panel-body {
    background-color: #4fc3f7;
}
ul.stepper.stepper-col-l-2-light-blue .step.active:before,
ul.stepper.stepper-col-l-2-light-blue .step.done:before,
ul.stepper.horizontal.stepper-col-l-2-light-blue .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-2-light-blue .step.done .step-title:before   {
    background-color: #4fc3f7;
}

.fc-col-l-2-light-blue:not([class*="lever"]) {
    border-bottom: 1px solid #4fc3f7;
}
.col-l-2-light-blue {
    color: #4fc3f7;
}
.vtabs.col-l-2-light-blue li.active{
    color: #4fc3f7;
    border-right: 2px solid #4fc3f7;
}
[type="checkbox"]:checked.col-l-2-light-blue + label:before {
    border-right: 2px solid #4fc3f7;
    border-bottom: 2px solid #4fc3f7;
}
[type="checkbox"].filled-in:checked.col-l-2-light-blue + label:after,
[type="radio"].with-gap.col-l-2-light-blue:checked + label:before,
[type="radio"].with-gap.col-l-2-light-blue:checked + label:after {
    border: 2px solid #4fc3f7;
}
[type="radio"].col-l-2-light-blue:checked + label:after {
    border-color: #4fc3f7;
}
.nav-tabs.col-l-2-light-blue > li > a:before{
    border-bottom: 2px solid #4fc3f7;
}
.panel-group.col-l-2-light-blue {
    border: 1px solid #4fc3f7;
}

.slider.thumb-bg-l-2-light-blue::-webkit-slider-thumb {
    background-color: #4fc3f7;
}

.slider.thumb-bg-l-2-light-blue::-moz-range-thumb {
    background-color: #4fc3f7;
}

.slider.thumb-bg-l-2-light-blue::-ms-thumb {
    background-color: #4fc3f7;
}

.slider.slider-bg-l-2-light-blue::-webkit-slider-runnable-track {
    background-color: #4fc3f7;
}

.slider.slider-bg-l-2-light-blue::-moz-range-track {
    background-color: #4fc3f7;
}

.slider.slider-bg-l-2-light-blue::-ms-track {
    background-color: #4fc3f7;
}

.bg-l-3-light-blue,
[type="checkbox"].filled-in:checked.col-l-3-light-blue + label:after,
[type="radio"].with-gap.col-l-3-light-blue:checked + label:after,
[type="radio"].with-gap.col-l-3-light-blue:checked + label:after,
[type="radio"].col-l-3-light-blue:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-3-light-blue:after,
.modal-content.col-l-3-light-blue,
.panel-group .panel.col-l-3-light-blue .panel-title,
.panel-group.full-body .panel.col-l-3-light-blue .panel-body {
    background-color: #81d4fa;
}

ul.stepper.stepper-col-l-3-light-blue .step.active:before,
ul.stepper.stepper-col-l-3-light-blue .step.done:before,
ul.stepper.horizontal.stepper-col-l-3-light-blue .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-3-light-blue .step.done .step-title:before   {
    background-color: #81d4fa;
}

.fc-col-l-3-light-blue:not([class*="lever"]) {
    border-bottom: 1px solid #81d4fa;
}

.col-l-3-light-blue {
    color: #81d4fa;
}
.vtabs.col-l-3-light-blue li.active{
    color: #81d4fa;
    border-right: 2px solid #81d4fa;
}
[type="checkbox"]:checked.col-l-3-light-blue + label:before {
    border-right: 2px solid #81d4fa;
    border-bottom: 2px solid #81d4fa;
}
[type="checkbox"].filled-in:checked.col-l-3-light-blue + label:after,
[type="radio"].with-gap.col-l-3-light-blue:checked + label:before,
[type="radio"].with-gap.col-l-3-light-blue:checked + label:after {
    border: 2px solid #81d4fa;
}
[type="radio"].col-l-3-light-blue:checked + label:after {
    border-color: #81d4fa;
}
.nav-tabs.col-l-3-light-blue > li > a:before{
    border-bottom: 2px solid #81d4fa;
}
.panel-group.col-l-3-light-blue {
    border: 1px solid #81d4fa;
}

.slider.thumb-bg-l-3-light-blue::-webkit-slider-thumb {
    background-color: #81d4fa;
}

.slider.thumb-bg-l-3-light-blue::-moz-range-thumb {
    background-color: #81d4fa;
}

.slider.thumb-bg-l-3-light-blue::-ms-thumb {
    background-color: #81d4fa;
}

.slider.slider-bg-l-3-light-blue::-webkit-slider-runnable-track {
    background-color: #81d4fa;
}

.slider.slider-bg-l-3-light-blue::-moz-range-track {
    background-color: #81d4fa;
}

.slider.slider-bg-l-3-light-blue::-ms-track {
    background-color: #81d4fa;
}

.bg-l-4-light-blue,
[type="checkbox"].filled-in:checked.col-l-4-light-blue + label:after,
[type="radio"].with-gap.col-l-4-light-blue:checked + label:after,
[type="radio"].col-l-4-light-blue:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-4-light-blue:after,
.modal-content.col-l-4-light-blue,
.panel-group .panel.col-l-4-light-blue .panel-title,
.panel-group.full-body .panel.col-l-4-light-blue .panel-body {
    background-color: #b3e5fc;
}

ul.stepper.stepper-col-l-4-light-blue .step.active:before,
ul.stepper.stepper-col-l-4-light-blue .step.done:before,
ul.stepper.horizontal.stepper-col-l-4-light-blue .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-4-light-blue .step.done .step-title:before  {
    background-color: #b3e5fc;
}

.fc-col-l-4-light-blue:not([class*="lever"]) {
    border-bottom: 1px solid #b3e5fc;
}
.col-l-4-light-blue{
    color: #b3e5fc;
}
.vtabs.col-l-4-light-blue li.active{
    color: #b3e5fc;
    border-right: 2px solid #b3e5fc;
}
[type="checkbox"]:checked.col-l-4-light-blue + label:before {
    border-right: 2px solid #b3e5fc;
    border-bottom: 2px solid #b3e5fc;
}
[type="checkbox"].filled-in:checked.col-l-4-light-blue + label:after,
[type="radio"].with-gap.col-l-4-light-blue:checked + label:before,
[type="radio"].with-gap.col-l-4-light-blue:checked + label:after {
    border: 2px solid #b3e5fc;
}
[type="radio"].col-l-4-light-blue:checked + label:after {
    border-color: #b3e5fc;
}
.nav-tabs.col-l-4-light-blue > li > a:before{
    border-bottom: 2px solid #b3e5fc;
}
.panel-group.col-l-4-light-blue {
    border: 1px solid #b3e5fc;
}

.slider.thumb-bg-l-4-light-blue::-webkit-slider-thumb {
    background-color: #b3e5fc;
}

.slider.thumb-bg-l-4-light-blue::-moz-range-thumb {
    background-color: #b3e5fc;
}

.slider.thumb-bg-l-4-light-blue::-ms-thumb {
    background-color: #b3e5fc;
}

.slider.slider-bg-l-4-light-blue::-webkit-slider-runnable-track {
    background-color: #b3e5fc;
}

.slider.slider-bg-l-4-light-blue::-moz-range-track {
    background-color: #b3e5fc;
}

.slider.slider-bg-l-4-light-blue::-ms-track {
    background-color: #b3e5fc;
}

.bg-l-5-light-blue ,
[type="checkbox"].filled-in:checked.col-l-5-light-blue + label:after,
[type="radio"].with-gap.col-l-5-light-blue:checked + label:after,
[type="radio"].col-l-5-light-blue:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-5-light-blue:after,
.modal-content.col-l-5-light-blue,
.panel-group .panel.col-l-5-light-blue .panel-title,
.panel-group.full-body .panel.col-l-5-light-blue .panel-body {
    background-color: #e1f5fe;
}

ul.stepper.stepper-col-l-5-light-blue .step.active:before,
ul.stepper.stepper-col-l-5-light-blue .step.done:before,
ul.stepper.horizontal.stepper-col-l-5-light-blue .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-5-light-blue .step.done .step-title:before   {
    background-color: #e1f5fe;
}

.fc-col-l-5-light-blue:not([class*="lever"]) {
    border-bottom: 1px solid #e1f5fe;
}
.col-l-5-light-blue {
    color: #e1f5fe;
}
.vtabs.col-l-5-light-blue li.active{
    color: #e1f5fe;
    border-right: 2px solid #e1f5fe;
}
[type="checkbox"]:checked.col-l-5-light-blue + label:before {
    border-right: 2px solid #e1f5fe;
    border-bottom: 2px solid #e1f5fe;
}
[type="checkbox"].filled-in:checked.col-l-5-light-blue + label:after,
[type="radio"].with-gap.col-l-5-light-blue:checked + label:before,
[type="radio"].with-gap.col-l-5-light-blue:checked + label:after {
    border: 2px solid #e1f5fe;
}
[type="radio"].col-l-5-light-blue:checked + label:after {
    border-color: #e1f5fe;
}
.nav-tabs.col-l-5-light-blue > li > a:before{
    border-bottom: 2px solid #e1f5fe;
}
.panel-group.col-l-5-light-blue {
    border: 1px solid #e1f5fe;
}

.slider.thumb-bg-l-5-light-blue::-webkit-slider-thumb {
    background-color: #e1f5fe;
}

.slider.thumb-bg-l-5-light-blue::-moz-range-thumb {
    background-color: #e1f5fe;
}

.slider.thumb-bg-l-5-light-blue::-ms-thumb {
    background-color: #e1f5fe;
}

.slider.slider-bg-l-5-light-blue::-webkit-slider-runnable-track {
    background-color: #e1f5fe;
}

.slider.slider-bg-l-5-light-blue::-moz-range-track {
    background-color: #e1f5fe;
}

.slider.slider-bg-l-5-light-blue::-ms-track {
    background-color: #e1f5fe;
}

.bg-d-1-light-blue,
[type="checkbox"].filled-in:checked.col-d-1-light-blue + label:after,
[type="radio"].with-gap.col-d-1-light-blue:checked + label:after,
[type="radio"].col-d-1-light-blue:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-1-light-blue:after,
.modal-content.col-d-1-light-blue,
.panel-group .panel.col-d-1-light-blue .panel-title,
.panel-group.full-body .panel.col-d-1-light-blue .panel-body {
    background-color: #039be5;
}

ul.stepper.stepper-col-d-1-light-blue .step.active:before,
ul.stepper.stepper-col-d-1-light-blue .step.done:before,
ul.stepper.horizontal.stepper-col-d-1-light-blue .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-1-light-blue .step.done .step-title:before   {
    background-color: #039be5;
}

.fc-col-d-1-light-blue:not([class*="lever"]) {
    border-bottom: 1px solid #039be5;
}
.col-d-1-light-blue {
    color: #039be5;
}
.vtabs.col-d-1-light-blue li.active{
    color: #039be5;
    border-right: 2px solid #039be5;
}
[type="checkbox"]:checked.col-d-1-light-blue + label:before {
    border-right: 2px solid #039be5;
    border-bottom: 2px solid #039be5;
}
[type="checkbox"].filled-in:checked.col-d-1-light-blue + label:after,
[type="radio"].with-gap.col-d-1-light-blue:checked + label:before,
[type="radio"].with-gap.col-d-1-light-blue:checked + label:after {
    border: 2px solid #039be5;
}
[type="radio"].col-d-1-light-blue:checked + label:after {
    border-color: #039be5;
}
.nav-tabs.col-d-1-light-blue > li > a:before{
    border-bottom: 2px solid #039be5;
}
.panel-group.col-d-1-light-blue {
    border: 1px solid #039be5;
}

.slider.thumb-bg-d-1-light-blue::-webkit-slider-thumb {
    background-color: #039be5;
}

.slider.thumb-bg-d-1-light-blue::-moz-range-thumb {
    background-color: #039be5;
}

.slider.thumb-bg-d-1-light-blue::-ms-thumb {
    background-color: #039be5;
}

.slider.slider-bg-d-1-light-blue::-webkit-slider-runnable-track {
    background-color: #039be5;
}

.slider.slider-bg-d-1-light-blue::-moz-range-track {
    background-color: #039be5;
}

.slider.slider-bg-d-1-light-blue::-ms-track {
    background-color: #039be5;
}

.bg-d-2-light-blue,
[type="checkbox"].filled-in:checked.col-d-2-light-blue + label:after,
[type="radio"].with-gap.col-d-2-light-blue:checked + label:after,
[type="radio"].col-d-2-light-blue:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-2-light-blue:after,
.modal-content.col-d-2-light-blue,
.panel-group .panel.col-d-2-light-blue .panel-title,
.panel-group.full-body .panel.col-d-2-light-blue .panel-body {
    background-color: #0288d1;
}

ul.stepper.stepper-col-d-2-light-blue .step.active:before,
ul.stepper.stepper-col-d-2-light-blue .step.done:before,
ul.stepper.horizontal.stepper-col-d-2-light-blue .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-2-light-blue .step.done .step-title:before  {
    background-color: #0288d1;
}

.fc-col-d-2-light-blue:not([class*="lever"]) {
    border-bottom: 1px solid #0288d1;
}
.col-d-2-light-blue {
    color: #0288d1;
}
.vtabs.col-d-2-light-blue li.active{
    color: #0288d1;
    border-right: 2px solid #0288d1;
}
[type="checkbox"]:checked.col-d-2-light-blue + label:before {
    border-right: 2px solid #0288d1;
    border-bottom: 2px solid #0288d1;
}
[type="checkbox"].filled-in:checked.col-d-2-light-blue + label:after,
[type="radio"].with-gap.col-d-2-light-blue:checked + label:before,
[type="radio"].with-gap.col-d-2-light-blue:checked + label:after {
    border: 2px solid #0288d1;
}
[type="radio"].col-d-2-light-blue:checked + label:after {
    border-color: #0288d1;
}
.nav-tabs.col-d-2-light-blue > li > a:before{
    border-bottom: 2px solid #0288d1;
}
.panel-group.col-d-2-light-blue {
    border: 1px solid #0288d1;
}

.slider.thumb-bg-d-2-light-blue::-webkit-slider-thumb {
    background-color: #0288d1;
}

.slider.thumb-bg-d-2-light-blue::-moz-range-thumb {
    background-color: #0288d1;
}

.slider.thumb-bg-d-2-light-blue::-ms-thumb {
    background-color: #0288d1;
}

.slider.slider-bg-d-2-light-blue::-webkit-slider-runnable-track {
    background-color: #0288d1;
}

.slider.slider-bg-d-2-light-blue::-moz-range-track {
    background-color: #0288d1;
}

.slider.slider-bg-d-2-light-blue::-ms-track {
    background-color: #0288d1;
}

.bg-d-3-light-blue,
[type="checkbox"].filled-in:checked.col-d-3-light-blue + label:after,
[type="radio"].with-gap.col-d-3-light-blue:checked + label:after,
[type="radio"].col-d-2-light-blue:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-3-light-blue:after,
.modal-content.col-d-3-light-blue,
.panel-group .panel.col-d-3-light-blue .panel-title,
.panel-group.full-body .panel.col-d-3-light-blue .panel-body {
    background-color: #0277bd;
}

ul.stepper.stepper-col-d-3-light-blue .step.active:before,
ul.stepper.stepper-col-d-3-light-blue .step.done:before,
ul.stepper.horizontal.stepper-col-d-3-light-blue .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-3-light-blue .step.done .step-title:before  {
    background-color: #0277bd;
}

.fc-col-d-3-light-blue:not([class*="lever"]) {
    border-bottom: 1px solid #0277bd;
}
.col-d-3-light-blue{
    color: #0277bd;
}
.vtabs.col-d-3-light-blue li.active{
    color: #0277bd;
    border-right: 2px solid #0277bd;
}
[type="checkbox"]:checked.col-d-3-light-blue + label:before {
    border-right: 2px solid #0277bd;
    border-bottom: 2px solid #0277bd;
}
[type="checkbox"].filled-in:checked.col-d-3-light-blue + label:after,
[type="radio"].with-gap.col-d-3-light-blue:checked + label:before,
[type="radio"].with-gap.col-d-3-light-blue:checked + label:after {
    border: 2px solid #0277bd;
}
[type="radio"].col-d-3-light-blue:checked + label:after {
    border-color: #0277bd;
}
.nav-tabs.col-d-3-light-blue > li > a:before{
    border-bottom: 2px solid #0277bd;
}
.panel-group.col-d-3-light-blue {
    border: 1px solid #0277bd;
}

.slider.thumb-bg-d-3-light-blue::-webkit-slider-thumb {
    background-color: #0277bd;
}

.slider.thumb-bg-d-3-light-blue::-moz-range-thumb {
    background-color: #0277bd;
}

.slider.thumb-bg-d-3-light-blue::-ms-thumb {
    background-color: #0277bd;
}

.slider.slider-bg-d-3-light-blue::-webkit-slider-runnable-track {
    background-color: #0277bd;
}

.slider.slider-bg-d-3-light-blue::-moz-range-track {
    background-color: #0277bd;
}

.slider.slider-bg-d-3-light-blue::-ms-track {
    background-color: #0277bd;
}

.bg-d-4-light-blue,
[type="checkbox"].filled-in:checked.col-d-4-light-blue + label:after,
[type="radio"].with-gap.col-d-4-light-blue:checked + label:after,
[type="radio"].col-d-4-light-blue:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-4-light-blue:after,
.modal-content.col-d-4-light-blue,
.panel-group .panel.col-d-4-light-blue .panel-title,
.panel-group.full-body .panel.col-d-4-light-blue .panel-body {
    background-color: #01579b;
}

ul.stepper.stepper-col-d-4-light-blue .step.active:before,
ul.stepper.stepper-col-d-4-light-blue .step.done:before,
ul.stepper.horizontal.stepper-col-d-4-light-blue .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-4-light-blue .step.done .step-title:before  {
    background-color: #01579b;
}

.fc-col-d-4-light-blue:not([class*="lever"]) {
    border-bottom: 1px solid #01579b;
}
.col-d-4-light-blue{
    color: #01579b;
}
.vtabs.col-d-4-light-blue li.active{
    color: #01579b;
    border-right: 2px solid #01579b;
}
[type="checkbox"]:checked.col-d-4-light-blue + label:before {
    border-right: 2px solid #01579b;
    border-bottom: 2px solid #01579b;
}
[type="checkbox"].filled-in:checked.col-d-4-light-blue + label:after,
[type="radio"].with-gap.col-d-4-light-blue:checked + label:before,
[type="radio"].with-gap.col-d-4-light-blue:checked + label:after {
    border: 2px solid #01579b;
}
[type="radio"].col-d-4-light-blue:checked + label:after {
    border-color: #01579b;
}
.nav-tabs.col-d-4-light-blue > li > a:before{
    border-bottom: 2px solid #01579b;
}
.panel-group.col-d-4-light-blue {
    border: 1px solid #01579b;
}

.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever[class*="col-light-blue"]:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(3, 169, 244, 0.1);
}

.switch label input[type=checkbox]:checked + .lever[class*="col-light-blue"] {
    background-color: rgba(3, 169, 244, 0.5);
}

.slider.thumb-bg-d-4-light-blue::-webkit-slider-thumb {
    background-color: #01579b;
}

.slider.thumb-bg-d-4-light-blue::-moz-range-thumb {
    background-color: #01579b;
}

.slider.thumb-bg-d-4-light-blue::-ms-thumb {
    background-color: #01579b;
}

.slider.slider-bg-d-4-light-blue::-webkit-slider-runnable-track {
    background-color: #01579b;
}

.slider.slider-bg-d-4-light-blue::-moz-range-track {
    background-color: #01579b;
}

.slider.slider-bg-d-4-light-blue::-ms-track {
    background-color: #01579b;
}
/*======================== CYAN ========================*/
.bg-cyan{
    color: #FFF;
}
.modal-content.col-cyan:not([class*="col-white"]) .modal-body,
.modal-content.col-cyan:not([class*="col-white"]) .modal-footer .btn-link,
.modal-content.col-cyan:not([class*="col-white"]) .modal-title,
.panel-group .panel.col-cyan:not([class*="col-white"]) .panel-title,
.panel-group.full-body .panel.col-cyan:not([class*="col-white"]) .panel-body,
.bg-cyan.nav-tabs li a{
    color: #fff;
}
.bg-cyan,
.d-checkbox input[type="checkbox"].filled-in:checked.col-cyan + label:after,
[type="radio"].with-gap.col-cyan:checked + label:after,
[type="radio"].col-cyan:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-cyan:after,
.modal-content.col-cyan,
.panel-group .panel.col-cyan .panel-title,
.panel-group.full-body .panel.col-cyan .panel-body{
    background-color: #00BCD4;
}

ul.stepper.stepper-col-cyan .step.active:before,
ul.stepper.stepper-col-cyan .step.done:before,
ul.stepper.horizontal.stepper-col-cyan .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-cyan .step.done .step-title:before{
    background-color: #00BCD4;
}

.fc-col-cyan:not([class*="lever"]) {
    border-bottom: 1px solid #00BCD4;
}
.col-cyan{
    color: #00BCD4;
}
.vtabs.col-cyan li.active{
    color: #00BCD4;
    border-right: 2px solid #00BCD4;
}
.d-checkbox input[type="checkbox"]:checked.col-cyan + label:before {
    border-right: 2px solid #00BCD4;
    border-bottom: 2px solid #00BCD4;
}
.d-checkbox input[type="checkbox"].filled-in:checked.col-cyan + label:after,
[type="radio"].with-gap.col-cyan:checked + label:before,
[type="radio"].with-gap.col-cyan:checked + label:after{
    border: 2px solid #00BCD4;
}
[type="radio"].col-cyan:checked + label:after {
    border-color: #00BCD4;
}
.nav-tabs.col-cyan > li > a:before{
    border-bottom: 2px solid #00BCD4;
}
.panel-group.col-cyan {
    border: 1px solid #00BCD4;
}

.vtabs.col-cyan .flex-item.active a{
    border-right: 2px solid #00BCD4;
}

.slider.thumb-bg-cyan::-webkit-slider-thumb {
    background-color: #00BCD4;
}

.slider.thumb-bg-cyan::-moz-range-thumb {
    background-color: #00BCD4;
}

.slider.thumb-bg-cyan::-ms-thumb {
    background-color: #00BCD4;
}

.slider.slider-bg-cyan::-webkit-slider-runnable-track {
    background-color: #00BCD4;
}

.slider.slider-bg-cyan::-moz-range-track {
    background-color: #00BCD4;
}

.slider.slider-bg-cyan::-ms-track {
    background-color: #00BCD4;
}

.bg-l-1-cyan,
[type="checkbox"].filled-in:checked.col-l-1-cyan + label:after,
[type="radio"].with-gap.col-l-1-cyan:checked + label:after,
[type="radio"].col-l-1-cyan:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-1-cyan:after,
.modal-content.col-l-1-cyan,
.panel-group .panel.col-l-1-cyan .panel-title,
.panel-group.full-body .panel.col-l-1-cyan .panel-body {
    background-color: #26c6da;
}
ul.stepper.stepper-col-l-1-cyan .step.active:before,
ul.stepper.stepper-col-l-1-cyan .step.done:before,
ul.stepper.horizontal.stepper-col-l-1-cyan .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-1-cyan .step.done .step-title:before  {
    background-color: #26c6da;
}


.fc-col-l-1-cyan:not([class*="lever"]) {
    border-bottom: 1px solid #26c6da;
}
.col-l-1-cyan {
    color: #26c6da;
}
.vtabs.col-l-1-cyan li.active{
    color: #26c6da;
    border-right: 2px solid #26c6da;
}
[type="checkbox"]:checked.col-l-1-cyan + label:before {
    border-right: 2px solid #26c6da;
    border-bottom: 2px solid #26c6da;
}
[type="checkbox"].filled-in:checked.col-l-1-cyan + label:after,
[type="radio"].with-gap.col-l-1-cyan:checked + label:before,
[type="radio"].with-gap.col-l-1-cyan:checked + label:after {
    border: 2px solid #26c6da;
}
[type="radio"].col-l-1-cyan:checked + label:after {
    border-color: #26c6da;
}
.nav-tabs.col-l-1-cyan > li > a:before{
    border-bottom: 2px solid #26c6da;
}
.panel-group.col-l-1-cyan {
    border: 1px solid #26c6da;
}

.slider.thumb-bg-l-1-cyan::-webkit-slider-thumb {
    background-color: #26c6da;
}

.slider.thumb-bg-l-1-cyan::-moz-range-thumb {
    background-color: #26c6da;
}

.slider.thumb-bg-l-1-cyan::-ms-thumb {
    background-color: #26c6da;
}

.slider.slider-bg-l-1-cyan::-webkit-slider-runnable-track {
    background-color: #26c6da;
}

.slider.slider-bg-l-1-cyan::-moz-range-track {
    background-color: #26c6da;
}

.slider.slider-bg-l-1-cyan::-ms-track {
    background-color: #26c6da;
}

.bg-l-2-cyan,
[type="checkbox"].filled-in:checked.col-l-2-cyan + label:after,
[type="radio"].with-gap.col-l-2-cyan:checked + label:after,
[type="radio"].col-l-2-cyan:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-2-cyan:after,
.modal-content.col-l-2-cyan,
.panel-group .panel.col-l-2-cyan .panel-title,
.panel-group.full-body .panel.col-l-2-cyan .panel-body {
    background-color: #4dd0e1;
}
ul.stepper.stepper-col-l-2-cyan .step.active:before,
ul.stepper.stepper-col-l-2-cyan .step.done:before,
ul.stepper.horizontal.stepper-col-l-2-cyan .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-2-cyan .step.done .step-title:before   {
    background-color: #4dd0e1;
}

.fc-col-l-2-cyan:not([class*="lever"]) {
    border-bottom: 1px solid #4dd0e1;
}
.col-l-2-cyan {
    color: #4dd0e1;
}
.vtabs.col-l-2-cyan li.active{
    color: #4dd0e1;
    border-right: 2px solid #4dd0e1;
}
[type="checkbox"]:checked.col-l-2-cyan + label:before {
    border-right: 2px solid #4dd0e1;
    border-bottom: 2px solid #4dd0e1;
}
[type="checkbox"].filled-in:checked.col-l-2-cyan + label:after,
[type="radio"].with-gap.col-l-2-cyan:checked + label:before,
[type="radio"].with-gap.col-l-2-cyan:checked + label:after {
    border: 2px solid #4dd0e1;
}
[type="radio"].col-l-2-cyan:checked + label:after {
    border-color: #4dd0e1;
}
.nav-tabs.col-l-2-cyan > li > a:before{
    border-bottom: 2px solid #4dd0e1;
}
.panel-group.col-l-2-cyan {
    border: 1px solid #4dd0e1;
}

.slider.thumb-bg-l-2-cyan::-webkit-slider-thumb {
    background-color: #4dd0e1;
}

.slider.thumb-bg-l-2-cyan::-moz-range-thumb {
    background-color: #4dd0e1;
}

.slider.thumb-bg-l-2-cyan::-ms-thumb {
    background-color: #4dd0e1;
}

.slider.slider-bg-l-2-cyan::-webkit-slider-runnable-track {
    background-color: #4dd0e1;
}

.slider.slider-bg-l-2-cyan::-moz-range-track {
    background-color: #4dd0e1;
}

.slider.slider-bg-l-2-cyan::-ms-track {
    background-color: #4dd0e1;
}

.bg-l-3-cyan,
[type="checkbox"].filled-in:checked.col-l-3-cyan + label:after,
[type="radio"].with-gap.col-l-3-cyan:checked + label:after,
[type="radio"].with-gap.col-l-3-cyan:checked + label:after,
[type="radio"].col-l-3-cyan:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-3-cyan:after,
.modal-content.col-l-3-cyan,
.panel-group .panel.col-l-3-cyan .panel-title,
.panel-group.full-body .panel.col-l-3-cyan .panel-body {
    background-color: #80deea;
}

ul.stepper.stepper-col-l-3-cyan .step.active:before,
ul.stepper.stepper-col-l-3-cyan .step.done:before,
ul.stepper.horizontal.stepper-col-l-3-cyan .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-3-cyan .step.done .step-title:before   {
    background-color: #80deea;
}

.fc-col-l-3-cyan:not([class*="lever"]) {
    border-bottom: 1px solid #80deea;
}

.col-l-3-cyan {
    color: #80deea;
}
.vtabs.col-l-3-cyan li.active{
    color: #80deea;
    border-right: 2px solid #80deea;
}
[type="checkbox"]:checked.col-l-3-cyan + label:before {
    border-right: 2px solid #80deea;
    border-bottom: 2px solid #80deea;
}
[type="checkbox"].filled-in:checked.col-l-3-cyan + label:after,
[type="radio"].with-gap.col-l-3-cyan:checked + label:before,
[type="radio"].with-gap.col-l-3-cyan:checked + label:after {
    border: 2px solid #80deea;
}
[type="radio"].col-l-3-cyan:checked + label:after {
    border-color: #80deea;
}
.nav-tabs.col-l-3-cyan > li > a:before{
    border-bottom: 2px solid #80deea;
}
.panel-group.col-l-3-cyan {
    border: 1px solid #80deea;
}

.slider.thumb-bg-l-3-cyan::-webkit-slider-thumb {
    background-color: #80deea;
}

.slider.thumb-bg-l-3-cyan::-moz-range-thumb {
    background-color: #80deea;
}

.slider.thumb-bg-l-3-cyan::-ms-thumb {
    background-color: #80deea;
}

.slider.slider-bg-l-3-cyan::-webkit-slider-runnable-track {
    background-color: #80deea;
}

.slider.slider-bg-l-3-cyan::-moz-range-track {
    background-color: #80deea;
}

.slider.slider-bg-l-3-cyan::-ms-track {
    background-color: #80deea;
}

.bg-l-4-cyan,
[type="checkbox"].filled-in:checked.col-l-4-cyan + label:after,
[type="radio"].with-gap.col-l-4-cyan:checked + label:after,
[type="radio"].col-l-4-cyan:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-4-cyan:after,
.modal-content.col-l-4-cyan,
.panel-group .panel.col-l-4-cyan .panel-title,
.panel-group.full-body .panel.col-l-4-cyan .panel-body {
    background-color: #b2ebf2;
}

ul.stepper.stepper-col-l-4-cyan .step.active:before,
ul.stepper.stepper-col-l-4-cyan .step.done:before,
ul.stepper.horizontal.stepper-col-l-4-cyan .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-4-cyan .step.done .step-title:before  {
    background-color: #b2ebf2;
}

.fc-col-l-4-cyan:not([class*="lever"]) {
    border-bottom: 1px solid #b2ebf2;
}
.col-l-4-cyan{
    color: #b2ebf2;
}
.vtabs.col-l-4-cyan li.active{
    color: #b2ebf2;
    border-right: 2px solid #b2ebf2;
}
[type="checkbox"]:checked.col-l-4-cyan + label:before {
    border-right: 2px solid #b2ebf2;
    border-bottom: 2px solid #b2ebf2;
}
[type="checkbox"].filled-in:checked.col-l-4-cyan + label:after,
[type="radio"].with-gap.col-l-4-cyan:checked + label:before,
[type="radio"].with-gap.col-l-4-cyan:checked + label:after {
    border: 2px solid #b2ebf2;
}
[type="radio"].col-l-4-cyan:checked + label:after {
    border-color: #b2ebf2;
}
.nav-tabs.col-l-4-cyan > li > a:before{
    border-bottom: 2px solid #b2ebf2;
}
.panel-group.col-l-4-cyan {
    border: 1px solid #b2ebf2;
}

.slider.thumb-bg-l-4-cyan::-webkit-slider-thumb {
    background-color: #b2ebf2;
}

.slider.thumb-bg-l-4-cyan::-moz-range-thumb {
    background-color: #b2ebf2;
}

.slider.thumb-bg-l-4-cyan::-ms-thumb {
    background-color: #b2ebf2;
}

.slider.slider-bg-l-4-cyan::-webkit-slider-runnable-track {
    background-color: #b2ebf2;
}

.slider.slider-bg-l-4-cyan::-moz-range-track {
    background-color: #b2ebf2;
}

.slider.slider-bg-l-4-cyan::-ms-track {
    background-color: #b2ebf2;
}

.bg-l-5-cyan ,
[type="checkbox"].filled-in:checked.col-l-5-cyan + label:after,
[type="radio"].with-gap.col-l-5-cyan:checked + label:after,
[type="radio"].col-l-5-cyan:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-5-cyan:after,
.modal-content.col-l-5-cyan,
.panel-group .panel.col-l-5-cyan .panel-title,
.panel-group.full-body .panel.col-l-5-cyan .panel-body {
    background-color: #e0f7fa;
}

ul.stepper.stepper-col-l-5-cyan .step.active:before,
ul.stepper.stepper-col-l-5-cyan .step.done:before,
ul.stepper.horizontal.stepper-col-l-5-cyan .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-5-cyan .step.done .step-title:before   {
    background-color: #e0f7fa;
}

.fc-col-l-5-cyan:not([class*="lever"]) {
    border-bottom: 1px solid #e0f7fa;
}
.col-l-5-cyan {
    color: #e0f7fa;
}
.vtabs.col-l-5-cyan li.active{
    color: #e0f7fa;
    border-right: 2px solid #e0f7fa;
}
[type="checkbox"]:checked.col-l-5-cyan + label:before {
    border-right: 2px solid #e0f7fa;
    border-bottom: 2px solid #e0f7fa;
}
[type="checkbox"].filled-in:checked.col-l-5-cyan + label:after,
[type="radio"].with-gap.col-l-5-cyan:checked + label:before,
[type="radio"].with-gap.col-l-5-cyan:checked + label:after {
    border: 2px solid #e0f7fa;
}
[type="radio"].col-l-5-cyan:checked + label:after {
    border-color: #e0f7fa;
}
.nav-tabs.col-l-5-cyan > li > a:before{
    border-bottom: 2px solid #e0f7fa;
}
.panel-group.col-l-5-cyan {
    border: 1px solid #e0f7fa;
}

.slider.thumb-bg-l-5-cyan::-webkit-slider-thumb {
    background-color: #e0f7fa;
}

.slider.thumb-bg-l-5-cyan::-moz-range-thumb {
    background-color: #e0f7fa;
}

.slider.thumb-bg-l-5-cyan::-ms-thumb {
    background-color: #e0f7fa;
}

.slider.slider-bg-l-5-cyan::-webkit-slider-runnable-track {
    background-color: #e0f7fa;
}

.slider.slider-bg-l-5-cyan::-moz-range-track {
    background-color: #e0f7fa;
}

.slider.slider-bg-l-5-cyan::-ms-track {
    background-color: #e0f7fa;
}

.bg-d-1-cyan,
[type="checkbox"].filled-in:checked.col-d-1-cyan + label:after,
[type="radio"].with-gap.col-d-1-cyan:checked + label:after,
[type="radio"].col-d-1-cyan:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-1-cyan:after,
.modal-content.col-d-1-cyan,
.panel-group .panel.col-d-1-cyan .panel-title,
.panel-group.full-body .panel.col-d-1-cyan .panel-body {
    background-color: #00acc1;
}

ul.stepper.stepper-col-d-1-cyan .step.active:before,
ul.stepper.stepper-col-d-1-cyan .step.done:before,
ul.stepper.horizontal.stepper-col-d-1-cyan .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-1-cyan .step.done .step-title:before   {
    background-color: #00acc1;
}

.fc-col-d-1-cyan:not([class*="lever"]) {
    border-bottom: 1px solid #00acc1;
}
.col-d-1-cyan {
    color: #00acc1;
}
.vtabs.col-d-1-cyan li.active{
    color: #00acc1;
    border-right: 2px solid #00acc1;
}
[type="checkbox"]:checked.col-d-1-cyan + label:before {
    border-right: 2px solid #00acc1;
    border-bottom: 2px solid #00acc1;
}
[type="checkbox"].filled-in:checked.col-d-1-cyan + label:after,
[type="radio"].with-gap.col-d-1-cyan:checked + label:before,
[type="radio"].with-gap.col-d-1-cyan:checked + label:after {
    border: 2px solid #00acc1;
}
[type="radio"].col-d-1-cyan:checked + label:after {
    border-color: #00acc1;
}
.nav-tabs.col-d-1-cyan > li > a:before{
    border-bottom: 2px solid #00acc1;
}
.panel-group.col-d-1-cyan {
    border: 1px solid #00acc1;
}

.slider.thumb-bg-d-1-cyan::-webkit-slider-thumb {
    background-color: #00acc1;
}

.slider.thumb-bg-d-1-cyan::-moz-range-thumb {
    background-color: #00acc1;
}

.slider.thumb-bg-d-1-cyan::-ms-thumb {
    background-color: #00acc1;
}

.slider.slider-bg-d-1-cyan::-webkit-slider-runnable-track {
    background-color: #00acc1;
}

.slider.slider-bg-d-1-cyan::-moz-range-track {
    background-color: #00acc1;
}

.slider.slider-bg-d-1-cyan::-ms-track {
    background-color: #00acc1;
}

.bg-d-2-cyan,
[type="checkbox"].filled-in:checked.col-d-2-cyan + label:after,
[type="radio"].with-gap.col-d-2-cyan:checked + label:after,
[type="radio"].col-d-2-cyan:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-2-cyan:after,
.modal-content.col-d-2-cyan,
.panel-group .panel.col-d-2-cyan .panel-title,
.panel-group.full-body .panel.col-d-2-cyan .panel-body {
    background-color: #0097a7;
}

ul.stepper.stepper-col-d-2-cyan .step.active:before,
ul.stepper.stepper-col-d-2-cyan .step.done:before,
ul.stepper.horizontal.stepper-col-d-2-cyan .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-2-cyan .step.done .step-title:before  {
    background-color: #0097a7;
}

.fc-col-d-2-cyan:not([class*="lever"]) {
    border-bottom: 1px solid #0097a7;
}
.col-d-2-cyan {
    color: #0097a7;
}
.vtabs.col-d-2-cyan li.active{
    color: #0097a7;
    border-right: 2px solid #0097a7;
}
[type="checkbox"]:checked.col-d-2-cyan + label:before {
    border-right: 2px solid #0097a7;
    border-bottom: 2px solid #0097a7;
}
[type="checkbox"].filled-in:checked.col-d-2-cyan + label:after,
[type="radio"].with-gap.col-d-2-cyan:checked + label:before,
[type="radio"].with-gap.col-d-2-cyan:checked + label:after {
    border: 2px solid #0097a7;
}
[type="radio"].col-d-2-cyan:checked + label:after {
    border-color: #0097a7;
}
.nav-tabs.col-d-2-cyan > li > a:before{
    border-bottom: 2px solid #0097a7;
}
.panel-group.col-d-2-cyan {
    border: 1px solid #0097a7;
}

.slider.thumb-bg-d-2-cyan::-webkit-slider-thumb {
    background-color: #0097a7;
}

.slider.thumb-bg-d-2-cyan::-moz-range-thumb {
    background-color: #0097a7;
}

.slider.thumb-bg-d-2-cyan::-ms-thumb {
    background-color: #0097a7;
}

.slider.slider-bg-d-2-cyan::-webkit-slider-runnable-track {
    background-color: #0097a7;
}

.slider.slider-bg-d-2-cyan::-moz-range-track {
    background-color: #0097a7;
}

.slider.slider-bg-d-2-cyan::-ms-track {
    background-color: #0097a7;
}

.bg-d-3-cyan,
[type="checkbox"].filled-in:checked.col-d-3-cyan + label:after,
[type="radio"].with-gap.col-d-3-cyan:checked + label:after,
[type="radio"].col-d-2-cyan:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-3-cyan:after,
.modal-content.col-d-3-cyan,
.panel-group .panel.col-d-3-cyan .panel-title,
.panel-group.full-body .panel.col-d-3-cyan .panel-body {
    background-color: #00838f;
}

ul.stepper.stepper-col-d-3-cyan .step.active:before,
ul.stepper.stepper-col-d-3-cyan .step.done:before,
ul.stepper.horizontal.stepper-col-d-3-cyan .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-3-cyan .step.done .step-title:before  {
    background-color: #00838f;
}

.fc-col-d-3-cyan:not([class*="lever"]) {
    border-bottom: 1px solid #00838f;
}
.col-d-3-cyan{
    color: #00838f;
}
.vtabs.col-d-3-cyan li.active{
    color: #00838f;
    border-right: 2px solid #00838f;
}
[type="checkbox"]:checked.col-d-3-cyan + label:before {
    border-right: 2px solid #00838f;
    border-bottom: 2px solid #00838f;
}
[type="checkbox"].filled-in:checked.col-d-3-cyan + label:after,
[type="radio"].with-gap.col-d-3-cyan:checked + label:before,
[type="radio"].with-gap.col-d-3-cyan:checked + label:after {
    border: 2px solid #00838f;
}
[type="radio"].col-d-3-cyan:checked + label:after {
    border-color: #00838f;
}
.nav-tabs.col-d-3-cyan > li > a:before{
    border-bottom: 2px solid #00838f;
}
.panel-group.col-d-3-cyan {
    border: 1px solid #00838f;
}

.slider.thumb-bg-d-3-cyan::-webkit-slider-thumb {
    background-color: #00838f;
}

.slider.thumb-bg-d-3-cyan::-moz-range-thumb {
    background-color: #00838f;
}

.slider.thumb-bg-d-3-cyan::-ms-thumb {
    background-color: #00838f;
}

.slider.slider-bg-d-3-cyan::-webkit-slider-runnable-track {
    background-color: #00838f;
}

.slider.slider-bg-d-3-cyan::-moz-range-track {
    background-color: #00838f;
}

.slider.slider-bg-d-3-cyan::-ms-track {
    background-color: #00838f;
}

.bg-d-4-cyan,
[type="checkbox"].filled-in:checked.col-d-4-cyan + label:after,
[type="radio"].with-gap.col-d-4-cyan:checked + label:after,
[type="radio"].col-d-4-cyan:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-4-cyan:after,
.modal-content.col-d-4-cyan,
.panel-group .panel.col-d-4-cyan .panel-title,
.panel-group.full-body .panel.col-d-4-cyan .panel-body {
    background-color: #006064;
}

ul.stepper.stepper-col-d-4-cyan .step.active:before,
ul.stepper.stepper-col-d-4-cyan .step.done:before,
ul.stepper.horizontal.stepper-col-d-4-cyan .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-4-cyan .step.done .step-title:before  {
    background-color: #006064;
}

.fc-col-d-4-cyan:not([class*="lever"]) {
    border-bottom: 1px solid #006064;
}
.col-d-4-cyan{
    color: #006064;
}
.vtabs.col-d-4-cyan li.active{
    color: #006064;
    border-right: 2px solid #006064;
}
[type="checkbox"]:checked.col-d-4-cyan + label:before {
    border-right: 2px solid #006064;
    border-bottom: 2px solid #006064;
}
[type="checkbox"].filled-in:checked.col-d-4-cyan + label:after,
[type="radio"].with-gap.col-d-4-cyan:checked + label:before,
[type="radio"].with-gap.col-d-4-cyan:checked + label:after {
    border: 2px solid #006064;
}
[type="radio"].col-d-4-cyan:checked + label:after {
    border-color: #006064;
}
.nav-tabs.col-d-4-cyan > li > a:before{
    border-bottom: 2px solid #006064;
}
.panel-group.col-d-4-cyan {
    border: 1px solid #006064;
}

.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever[class*="col-cyan"]:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 188, 212, 0.1);
}

.switch label input[type=checkbox]:checked + .lever[class*="col-cyan"] {
    background-color: rgba(0, 188, 212, 0.5);
}

.slider.thumb-bg-d-4-cyan::-webkit-slider-thumb {
    background-color: #006064;
}

.slider.thumb-bg-d-4-cyan::-moz-range-thumb {
    background-color: #006064;
}

.slider.thumb-bg-d-4-cyan::-ms-thumb {
    background-color: #006064;
}

.slider.slider-bg-d-4-cyan::-webkit-slider-runnable-track {
    background-color: #006064;
}

.slider.slider-bg-d-4-cyan::-moz-range-track {
    background-color: #006064;
}

.slider.slider-bg-d-4-cyan::-ms-track {
    background-color: #006064;
}
/*======================== TEAL ========================*/
.bg-teal{
    color: #FFF;
}
.modal-content.col-teal:not([class*="col-white"]) .modal-body,
.modal-content.col-teal:not([class*="col-white"]) .modal-footer .btn-link,
.modal-content.col-teal:not([class*="col-white"]) .modal-title,
.panel-group .panel.col-teal:not([class*="col-white"]) .panel-title,
.panel-group.full-body .panel.col-teal:not([class*="col-white"]) .panel-body,
.bg-teal.nav-tabs li a{
    color: #fff;
}
.bg-teal,
.d-checkbox input[type="checkbox"].filled-in:checked.col-teal + label:after,
[type="radio"].with-gap.col-teal:checked + label:after,
[type="radio"].col-teal:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-teal:after,
.modal-content.col-teal,
.panel-group .panel.col-teal .panel-title,
.panel-group.full-body .panel.col-teal .panel-body{
    background-color: #009688;
}

ul.stepper.stepper-col-teal .step.active:before,
ul.stepper.stepper-col-teal .step.done:before,
ul.stepper.horizontal.stepper-col-teal .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-teal .step.done .step-title:before{
    background-color: #009688;
}

.fc-col-teal:not([class*="lever"]) {
    border-bottom: 1px solid #009688;
}
.col-teal{
    color: #009688;
}
.vtabs.col-teal li.active{
    color: #009688;
    border-right: 2px solid #009688;
}
.d-checkbox input[type="checkbox"]:checked.col-teal + label:before {
    border-right: 2px solid #009688;
    border-bottom: 2px solid #009688;
}
.d-checkbox input[type="checkbox"].filled-in:checked.col-teal + label:after,
[type="radio"].with-gap.col-teal:checked + label:before,
[type="radio"].with-gap.col-teal:checked + label:after{
    border: 2px solid #009688;
}
[type="radio"].col-teal:checked + label:after {
    border-color: #009688;
}
.nav-tabs.col-teal > li > a:before{
    border-bottom: 2px solid #009688;
}
.panel-group.col-teal {
    border: 1px solid #009688;
}

.vtabs.col-teal .flex-item.active a{
    border-right: 2px solid #009688;
}

.slider.thumb-bg-teal::-webkit-slider-thumb {
    background-color: #009688;
}

.slider.thumb-bg-teal::-moz-range-thumb {
    background-color: #009688;
}

.slider.thumb-bg-teal::-ms-thumb {
    background-color: #009688;
}

.slider.slider-bg-teal::-webkit-slider-runnable-track {
    background-color: #009688;
}

.slider.slider-bg-teal::-moz-range-track {
    background-color: #009688;
}

.slider.slider-bg-teal::-ms-track {
    background-color: #009688;
}

.bg-l-1-teal,
[type="checkbox"].filled-in:checked.col-l-1-teal + label:after,
[type="radio"].with-gap.col-l-1-teal:checked + label:after,
[type="radio"].col-l-1-teal:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-1-teal:after,
.modal-content.col-l-1-teal,
.panel-group .panel.col-l-1-teal .panel-title,
.panel-group.full-body .panel.col-l-1-teal .panel-body {
    background-color: #26a69a;
}
ul.stepper.stepper-col-l-1-teal .step.active:before,
ul.stepper.stepper-col-l-1-teal .step.done:before,
ul.stepper.horizontal.stepper-col-l-1-teal .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-1-teal .step.done .step-title:before  {
    background-color: #26a69a;
}


.fc-col-l-1-teal:not([class*="lever"]) {
    border-bottom: 1px solid #26a69a;
}
.col-l-1-teal {
    color: #26a69a;
}
.vtabs.col-l-1-teal li.active{
    color: #26a69a;
    border-right: 2px solid #26a69a;
}
[type="checkbox"]:checked.col-l-1-teal + label:before {
    border-right: 2px solid #26a69a;
    border-bottom: 2px solid #26a69a;
}
[type="checkbox"].filled-in:checked.col-l-1-teal + label:after,
[type="radio"].with-gap.col-l-1-teal:checked + label:before,
[type="radio"].with-gap.col-l-1-teal:checked + label:after {
    border: 2px solid #26a69a;
}
[type="radio"].col-l-1-teal:checked + label:after {
    border-color: #26a69a;
}
.nav-tabs.col-l-1-teal > li > a:before{
    border-bottom: 2px solid #26a69a;
}
.panel-group.col-l-1-teal {
    border: 1px solid #26a69a;
}

.slider.thumb-bg-l-1-teal::-webkit-slider-thumb {
    background-color: #26a69a;
}

.slider.thumb-bg-l-1-teal::-moz-range-thumb {
    background-color: #26a69a;
}

.slider.thumb-bg-l-1-teal::-ms-thumb {
    background-color: #26a69a;
}

.slider.slider-bg-l-1-teal::-webkit-slider-runnable-track {
    background-color: #26a69a;
}

.slider.slider-bg-l-1-teal::-moz-range-track {
    background-color: #26a69a;
}

.slider.slider-bg-l-1-teal::-ms-track {
    background-color: #26a69a;
}

.bg-l-2-teal,
[type="checkbox"].filled-in:checked.col-l-2-teal + label:after,
[type="radio"].with-gap.col-l-2-teal:checked + label:after,
[type="radio"].col-l-2-teal:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-2-teal:after,
.modal-content.col-l-2-teal,
.panel-group .panel.col-l-2-teal .panel-title,
.panel-group.full-body .panel.col-l-2-teal .panel-body {
    background-color: #4db6ac;
}
ul.stepper.stepper-col-l-2-teal .step.active:before,
ul.stepper.stepper-col-l-2-teal .step.done:before,
ul.stepper.horizontal.stepper-col-l-2-teal .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-2-teal .step.done .step-title:before   {
    background-color: #4db6ac;
}

.fc-col-l-2-teal:not([class*="lever"]) {
    border-bottom: 1px solid #4db6ac;
}
.col-l-2-teal {
    color: #4db6ac;
}
.vtabs.col-l-2-teal li.active{
    color: #4db6ac;
    border-right: 2px solid #4db6ac;
}
[type="checkbox"]:checked.col-l-2-teal + label:before {
    border-right: 2px solid #4db6ac;
    border-bottom: 2px solid #4db6ac;
}
[type="checkbox"].filled-in:checked.col-l-2-teal + label:after,
[type="radio"].with-gap.col-l-2-teal:checked + label:before,
[type="radio"].with-gap.col-l-2-teal:checked + label:after {
    border: 2px solid #4db6ac;
}
[type="radio"].col-l-2-teal:checked + label:after {
    border-color: #4db6ac;
}
.nav-tabs.col-l-2-teal > li > a:before{
    border-bottom: 2px solid #4db6ac;
}
.panel-group.col-l-2-teal {
    border: 1px solid #4db6ac;
}

.slider.thumb-bg-l-2-teal::-webkit-slider-thumb {
    background-color: #4db6ac;
}

.slider.thumb-bg-l-2-teal::-moz-range-thumb {
    background-color: #4db6ac;
}

.slider.thumb-bg-l-2-teal::-ms-thumb {
    background-color: #4db6ac;
}

.slider.slider-bg-l-2-teal::-webkit-slider-runnable-track {
    background-color: #4db6ac;
}

.slider.slider-bg-l-2-teal::-moz-range-track {
    background-color: #4db6ac;
}

.slider.slider-bg-l-2-teal::-ms-track {
    background-color: #4db6ac;
}

.bg-l-3-teal,
[type="checkbox"].filled-in:checked.col-l-3-teal + label:after,
[type="radio"].with-gap.col-l-3-teal:checked + label:after,
[type="radio"].with-gap.col-l-3-teal:checked + label:after,
[type="radio"].col-l-3-teal:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-3-teal:after,
.modal-content.col-l-3-teal,
.panel-group .panel.col-l-3-teal .panel-title,
.panel-group.full-body .panel.col-l-3-teal .panel-body {
    background-color: #80cbc4;
}

ul.stepper.stepper-col-l-3-teal .step.active:before,
ul.stepper.stepper-col-l-3-teal .step.done:before,
ul.stepper.horizontal.stepper-col-l-3-teal .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-3-teal .step.done .step-title:before   {
    background-color: #80cbc4;
}

.fc-col-l-3-teal:not([class*="lever"]) {
    border-bottom: 1px solid #80cbc4;
}

.col-l-3-teal {
    color: #80cbc4;
}
.vtabs.col-l-3-teal li.active{
    color: #80cbc4;
    border-right: 2px solid #80cbc4;
}
[type="checkbox"]:checked.col-l-3-teal + label:before {
    border-right: 2px solid #80cbc4;
    border-bottom: 2px solid #80cbc4;
}
[type="checkbox"].filled-in:checked.col-l-3-teal + label:after,
[type="radio"].with-gap.col-l-3-teal:checked + label:before,
[type="radio"].with-gap.col-l-3-teal:checked + label:after {
    border: 2px solid #80cbc4;
}
[type="radio"].col-l-3-teal:checked + label:after {
    border-color: #80cbc4;
}
.nav-tabs.col-l-3-teal > li > a:before{
    border-bottom: 2px solid #80cbc4;
}
.panel-group.col-l-3-teal {
    border: 1px solid #80cbc4;
}

.slider.thumb-bg-l-3-teal::-webkit-slider-thumb {
    background-color: #80cbc4;
}

.slider.thumb-bg-l-3-teal::-moz-range-thumb {
    background-color: #80cbc4;
}

.slider.thumb-bg-l-3-teal::-ms-thumb {
    background-color: #80cbc4;
}

.slider.slider-bg-l-3-teal::-webkit-slider-runnable-track {
    background-color: #80cbc4;
}

.slider.slider-bg-l-3-teal::-moz-range-track {
    background-color: #80cbc4;
}

.slider.slider-bg-l-3-teal::-ms-track {
    background-color: #80cbc4;
}

.bg-l-4-teal,
[type="checkbox"].filled-in:checked.col-l-4-teal + label:after,
[type="radio"].with-gap.col-l-4-teal:checked + label:after,
[type="radio"].col-l-4-teal:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-4-teal:after,
.modal-content.col-l-4-teal,
.panel-group .panel.col-l-4-teal .panel-title,
.panel-group.full-body .panel.col-l-4-teal .panel-body {
    background-color: #b2dfdb;
}

ul.stepper.stepper-col-l-4-teal .step.active:before,
ul.stepper.stepper-col-l-4-teal .step.done:before,
ul.stepper.horizontal.stepper-col-l-4-teal .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-4-teal .step.done .step-title:before  {
    background-color: #b2dfdb;
}

.fc-col-l-4-teal:not([class*="lever"]) {
    border-bottom: 1px solid #b2dfdb;
}
.col-l-4-teal{
    color: #b2dfdb;
}
.vtabs.col-l-4-teal li.active{
    color: #b2dfdb;
    border-right: 2px solid #b2dfdb;
}
[type="checkbox"]:checked.col-l-4-teal + label:before {
    border-right: 2px solid #b2dfdb;
    border-bottom: 2px solid #b2dfdb;
}
[type="checkbox"].filled-in:checked.col-l-4-teal + label:after,
[type="radio"].with-gap.col-l-4-teal:checked + label:before,
[type="radio"].with-gap.col-l-4-teal:checked + label:after {
    border: 2px solid #b2dfdb;
}
[type="radio"].col-l-4-teal:checked + label:after {
    border-color: #b2dfdb;
}
.nav-tabs.col-l-4-teal > li > a:before{
    border-bottom: 2px solid #b2dfdb;
}
.panel-group.col-l-4-teal {
    border: 1px solid #b2dfdb;
}

.slider.thumb-bg-l-4-teal::-webkit-slider-thumb {
    background-color: #b2dfdb;
}

.slider.thumb-bg-l-4-teal::-moz-range-thumb {
    background-color: #b2dfdb;
}

.slider.thumb-bg-l-4-teal::-ms-thumb {
    background-color: #b2dfdb;
}

.slider.slider-bg-l-4-teal::-webkit-slider-runnable-track {
    background-color: #b2dfdb;
}

.slider.slider-bg-l-4-teal::-moz-range-track {
    background-color: #b2dfdb;
}

.slider.slider-bg-l-4-teal::-ms-track {
    background-color: #b2dfdb;
}

.bg-l-5-teal ,
[type="checkbox"].filled-in:checked.col-l-5-teal + label:after,
[type="radio"].with-gap.col-l-5-teal:checked + label:after,
[type="radio"].col-l-5-teal:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-5-teal:after,
.modal-content.col-l-5-teal,
.panel-group .panel.col-l-5-teal .panel-title,
.panel-group.full-body .panel.col-l-5-teal .panel-body {
    background-color: #e0f2f1;
}

ul.stepper.stepper-col-l-5-teal .step.active:before,
ul.stepper.stepper-col-l-5-teal .step.done:before,
ul.stepper.horizontal.stepper-col-l-5-teal .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-5-teal .step.done .step-title:before   {
    background-color: #e0f2f1;
}

.fc-col-l-5-teal:not([class*="lever"]) {
    border-bottom: 1px solid #e0f2f1;
}
.col-l-5-teal {
    color: #e0f2f1;
}
.vtabs.col-l-5-teal li.active{
    color: #e0f2f1;
    border-right: 2px solid #e0f2f1;
}
[type="checkbox"]:checked.col-l-5-teal + label:before {
    border-right: 2px solid #e0f2f1;
    border-bottom: 2px solid #e0f2f1;
}
[type="checkbox"].filled-in:checked.col-l-5-teal + label:after,
[type="radio"].with-gap.col-l-5-teal:checked + label:before,
[type="radio"].with-gap.col-l-5-teal:checked + label:after {
    border: 2px solid #e0f2f1;
}
[type="radio"].col-l-5-teal:checked + label:after {
    border-color: #e0f2f1;
}
.nav-tabs.col-l-5-teal > li > a:before{
    border-bottom: 2px solid #e0f2f1;
}
.panel-group.col-l-5-teal {
    border: 1px solid #e0f2f1;
}

.slider.thumb-bg-l-5-teal::-webkit-slider-thumb {
    background-color: #e0f2f1;
}

.slider.thumb-bg-l-5-teal::-moz-range-thumb {
    background-color: #e0f2f1;
}

.slider.thumb-bg-l-5-teal::-ms-thumb {
    background-color: #e0f2f1;
}

.slider.slider-bg-l-5-teal::-webkit-slider-runnable-track {
    background-color: #e0f2f1;
}

.slider.slider-bg-l-5-teal::-moz-range-track {
    background-color: #e0f2f1;
}

.slider.slider-bg-l-5-teal::-ms-track {
    background-color: #e0f2f1;
}

.bg-d-1-teal,
[type="checkbox"].filled-in:checked.col-d-1-teal + label:after,
[type="radio"].with-gap.col-d-1-teal:checked + label:after,
[type="radio"].col-d-1-teal:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-1-teal:after,
.modal-content.col-d-1-teal,
.panel-group .panel.col-d-1-teal .panel-title,
.panel-group.full-body .panel.col-d-1-teal .panel-body {
    background-color: #00897b;
}

ul.stepper.stepper-col-d-1-teal .step.active:before,
ul.stepper.stepper-col-d-1-teal .step.done:before,
ul.stepper.horizontal.stepper-col-d-1-teal .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-1-teal .step.done .step-title:before   {
    background-color: #00897b;
}

.fc-col-d-1-teal:not([class*="lever"]) {
    border-bottom: 1px solid #00897b;
}
.col-d-1-teal {
    color: #00897b;
}
.vtabs.col-d-1-teal li.active{
    color: #00897b;
    border-right: 2px solid #00897b;
}
[type="checkbox"]:checked.col-d-1-teal + label:before {
    border-right: 2px solid #00897b;
    border-bottom: 2px solid #00897b;
}
[type="checkbox"].filled-in:checked.col-d-1-teal + label:after,
[type="radio"].with-gap.col-d-1-teal:checked + label:before,
[type="radio"].with-gap.col-d-1-teal:checked + label:after {
    border: 2px solid #00897b;
}
[type="radio"].col-d-1-teal:checked + label:after {
    border-color: #00897b;
}
.nav-tabs.col-d-1-teal > li > a:before{
    border-bottom: 2px solid #00897b;
}
.panel-group.col-d-1-teal {
    border: 1px solid #00897b;
}

.slider.thumb-bg-d-1-teal::-webkit-slider-thumb {
    background-color: #00897b;
}

.slider.thumb-bg-d-1-teal::-moz-range-thumb {
    background-color: #00897b;
}

.slider.thumb-bg-d-1-teal::-ms-thumb {
    background-color: #00897b;
}

.slider.slider-bg-d-1-teal::-webkit-slider-runnable-track {
    background-color: #00897b;
}

.slider.slider-bg-d-1-teal::-moz-range-track {
    background-color: #00897b;
}

.slider.slider-bg-d-1-teal::-ms-track {
    background-color: #00897b;
}

.bg-d-2-teal,
[type="checkbox"].filled-in:checked.col-d-2-teal + label:after,
[type="radio"].with-gap.col-d-2-teal:checked + label:after,
[type="radio"].col-d-2-teal:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-2-teal:after,
.modal-content.col-d-2-teal,
.panel-group .panel.col-d-2-teal .panel-title,
.panel-group.full-body .panel.col-d-2-teal .panel-body {
    background-color: #00796b;
}

ul.stepper.stepper-col-d-2-teal .step.active:before,
ul.stepper.stepper-col-d-2-teal .step.done:before,
ul.stepper.horizontal.stepper-col-d-2-teal .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-2-teal .step.done .step-title:before  {
    background-color: #00796b;
}

.fc-col-d-2-teal:not([class*="lever"]) {
    border-bottom: 1px solid #00796b;
}
.col-d-2-teal {
    color: #00796b;
}
.vtabs.col-d-2-teal li.active{
    color: #00796b;
    border-right: 2px solid #00796b;
}
[type="checkbox"]:checked.col-d-2-teal + label:before {
    border-right: 2px solid #00796b;
    border-bottom: 2px solid #00796b;
}
[type="checkbox"].filled-in:checked.col-d-2-teal + label:after,
[type="radio"].with-gap.col-d-2-teal:checked + label:before,
[type="radio"].with-gap.col-d-2-teal:checked + label:after {
    border: 2px solid #00796b;
}
[type="radio"].col-d-2-teal:checked + label:after {
    border-color: #00796b;
}
.nav-tabs.col-d-2-teal > li > a:before{
    border-bottom: 2px solid #00796b;
}
.panel-group.col-d-2-teal {
    border: 1px solid #00796b;
}

.slider.thumb-bg-d-2-teal::-webkit-slider-thumb {
    background-color: #00796b;
}

.slider.thumb-bg-d-2-teal::-moz-range-thumb {
    background-color: #00796b;
}

.slider.thumb-bg-d-2-teal::-ms-thumb {
    background-color: #00796b;
}

.slider.slider-bg-d-2-teal::-webkit-slider-runnable-track {
    background-color: #00796b;
}

.slider.slider-bg-d-2-teal::-moz-range-track {
    background-color: #00796b;
}

.slider.slider-bg-d-2-teal::-ms-track {
    background-color: #00796b;
}

.bg-d-3-teal,
[type="checkbox"].filled-in:checked.col-d-3-teal + label:after,
[type="radio"].with-gap.col-d-3-teal:checked + label:after,
[type="radio"].col-d-2-teal:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-3-teal:after,
.modal-content.col-d-3-teal,
.panel-group .panel.col-d-3-teal .panel-title,
.panel-group.full-body .panel.col-d-3-teal .panel-body {
    background-color: #00695c;
}

ul.stepper.stepper-col-d-3-teal .step.active:before,
ul.stepper.stepper-col-d-3-teal .step.done:before,
ul.stepper.horizontal.stepper-col-d-3-teal .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-3-teal .step.done .step-title:before  {
    background-color: #00695c;
}

.fc-col-d-3-teal:not([class*="lever"]) {
    border-bottom: 1px solid #00695c;
}
.col-d-3-teal{
    color: #00695c;
}
.vtabs.col-d-3-teal li.active{
    color: #00695c;
    border-right: 2px solid #00695c;
}
[type="checkbox"]:checked.col-d-3-teal + label:before {
    border-right: 2px solid #00695c;
    border-bottom: 2px solid #00695c;
}
[type="checkbox"].filled-in:checked.col-d-3-teal + label:after,
[type="radio"].with-gap.col-d-3-teal:checked + label:before,
[type="radio"].with-gap.col-d-3-teal:checked + label:after {
    border: 2px solid #00695c;
}
[type="radio"].col-d-3-teal:checked + label:after {
    border-color: #00695c;
}
.nav-tabs.col-d-3-teal > li > a:before{
    border-bottom: 2px solid #00695c;
}
.panel-group.col-d-3-teal {
    border: 1px solid #00695c;
}

.slider.thumb-bg-d-3-teal::-webkit-slider-thumb {
    background-color: #00695c;
}

.slider.thumb-bg-d-3-teal::-moz-range-thumb {
    background-color: #00695c;
}

.slider.thumb-bg-d-3-teal::-ms-thumb {
    background-color: #00695c;
}

.slider.slider-bg-d-3-teal::-webkit-slider-runnable-track {
    background-color: #00695c;
}

.slider.slider-bg-d-3-teal::-moz-range-track {
    background-color: #00695c;
}

.slider.slider-bg-d-3-teal::-ms-track {
    background-color: #00695c;
}

.bg-d-4-teal,
[type="checkbox"].filled-in:checked.col-d-4-teal + label:after,
[type="radio"].with-gap.col-d-4-teal:checked + label:after,
[type="radio"].col-d-4-teal:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-4-teal:after,
.modal-content.col-d-4-teal,
.panel-group .panel.col-d-4-teal .panel-title,
.panel-group.full-body .panel.col-d-4-teal .panel-body {
    background-color: #004d40;
}

ul.stepper.stepper-col-d-4-teal .step.active:before,
ul.stepper.stepper-col-d-4-teal .step.done:before,
ul.stepper.horizontal.stepper-col-d-4-teal .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-4-teal .step.done .step-title:before  {
    background-color: #004d40;
}

.fc-col-d-4-teal:not([class*="lever"]) {
    border-bottom: 1px solid #004d40;
}
.col-d-4-teal{
    color: #004d40;
}
.vtabs.col-d-4-teal li.active{
    color: #004d40;
    border-right: 2px solid #004d40;
}
[type="checkbox"]:checked.col-d-4-teal + label:before {
    border-right: 2px solid #004d40;
    border-bottom: 2px solid #004d40;
}
[type="checkbox"].filled-in:checked.col-d-4-teal + label:after,
[type="radio"].with-gap.col-d-4-teal:checked + label:before,
[type="radio"].with-gap.col-d-4-teal:checked + label:after {
    border: 2px solid #004d40;
}
[type="radio"].col-d-4-teal:checked + label:after {
    border-color: #004d40;
}
.nav-tabs.col-d-4-teal > li > a:before{
    border-bottom: 2px solid #004d40;
}
.panel-group.col-d-4-teal {
    border: 1px solid #004d40;
}

.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever[class*="col-teal"]:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 150, 136, 0.1);
}

.switch label input[type=checkbox]:checked + .lever[class*="col-teal"] {
    background-color: rgba(0, 150, 136, 0.5);
}

.slider.thumb-bg-d-4-teal::-webkit-slider-thumb {
    background-color: #004d40;
}

.slider.thumb-bg-d-4-teal::-moz-range-thumb {
    background-color: #004d40;
}

.slider.thumb-bg-d-4-teal::-ms-thumb {
    background-color: #004d40;
}

.slider.slider-bg-d-4-teal::-webkit-slider-runnable-track {
    background-color: #004d40;
}

.slider.slider-bg-d-4-teal::-moz-range-track {
    background-color: #004d40;
}

.slider.slider-bg-d-4-teal::-ms-track {
    background-color: #004d40;
}
/*======================== GREEN ========================*/
.bg-green{
    color: #FFF;
}
.modal-content.col-green:not([class*="col-white"]) .modal-body,
.modal-content.col-green:not([class*="col-white"]) .modal-footer .btn-link,
.modal-content.col-green:not([class*="col-white"]) .modal-title,
.panel-group .panel.col-green:not([class*="col-white"]) .panel-title,
.panel-group.full-body .panel.col-green:not([class*="col-white"]) .panel-body,
.bg-green.nav-tabs li a{
    color: #fff;
}
.bg-green,
.d-checkbox input[type="checkbox"].filled-in:checked.col-green + label:after,
[type="radio"].with-gap.col-green:checked + label:after,
[type="radio"].col-green:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-green:after,
.modal-content.col-green,
.panel-group .panel.col-green .panel-title,
.panel-group.full-body .panel.col-green .panel-body{
    background-color: #4CAF50;
}

ul.stepper.stepper-col-green .step.active:before,
ul.stepper.stepper-col-green .step.done:before,
ul.stepper.horizontal.stepper-col-green .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-green .step.done .step-title:before{
    background-color: #4CAF50;
}

.fc-col-green:not([class*="lever"]) {
    border-bottom: 1px solid #4CAF50;
}
.col-green{
    color: #4CAF50;
}
.vtabs.col-green li.active{
    color: #4CAF50;
    border-right: 2px solid #4CAF50;
}
.d-checkbox input[type="checkbox"]:checked.col-green + label:before {
    border-right: 2px solid #4CAF50;
    border-bottom: 2px solid #4CAF50;
}
.d-checkbox input[type="checkbox"].filled-in:checked.col-green + label:after,
[type="radio"].with-gap.col-green:checked + label:before,
[type="radio"].with-gap.col-green:checked + label:after{
    border: 2px solid #4CAF50;
}
[type="radio"].col-green:checked + label:after {
    border-color: #4CAF50;
}
.nav-tabs.col-green > li > a:before{
    border-bottom: 2px solid #4CAF50;
}
.panel-group.col-green {
    border: 1px solid #4CAF50;
}

.vtabs.col-green .flex-item.active a{
    border-right: 2px solid #4CAF50;
}

.slider.thumb-bg-green::-webkit-slider-thumb {
    background-color: #4CAF50;
}

.slider.thumb-bg-green::-moz-range-thumb {
    background-color: #4CAF50;
}

.slider.thumb-bg-green::-ms-thumb {
    background-color: #4CAF50;
}

.slider.slider-bg-green::-webkit-slider-runnable-track {
    background-color: #4CAF50;
}

.slider.slider-bg-green::-moz-range-track {
    background-color: #4CAF50;
}

.slider.slider-bg-green::-ms-track {
    background-color: #4CAF50;
}

.bg-l-1-green,
[type="checkbox"].filled-in:checked.col-l-1-green + label:after,
[type="radio"].with-gap.col-l-1-green:checked + label:after,
[type="radio"].col-l-1-green:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-1-green:after,
.modal-content.col-l-1-green,
.panel-group .panel.col-l-1-green .panel-title,
.panel-group.full-body .panel.col-l-1-green .panel-body {
    background-color: #66bb6a;
}
ul.stepper.stepper-col-l-1-green .step.active:before,
ul.stepper.stepper-col-l-1-green .step.done:before,
ul.stepper.horizontal.stepper-col-l-1-green .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-1-green .step.done .step-title:before  {
    background-color: #66bb6a;
}


.fc-col-l-1-green:not([class*="lever"]) {
    border-bottom: 1px solid #66bb6a;
}
.col-l-1-green {
    color: #66bb6a;
}
.vtabs.col-l-1-green li.active{
    color: #66bb6a;
    border-right: 2px solid #66bb6a;
}
[type="checkbox"]:checked.col-l-1-green + label:before {
    border-right: 2px solid #66bb6a;
    border-bottom: 2px solid #66bb6a;
}
[type="checkbox"].filled-in:checked.col-l-1-green + label:after,
[type="radio"].with-gap.col-l-1-green:checked + label:before,
[type="radio"].with-gap.col-l-1-green:checked + label:after {
    border: 2px solid #66bb6a;
}
[type="radio"].col-l-1-green:checked + label:after {
    border-color: #66bb6a;
}
.nav-tabs.col-l-1-green > li > a:before{
    border-bottom: 2px solid #66bb6a;
}
.panel-group.col-l-1-green {
    border: 1px solid #66bb6a;
}

.slider.thumb-bg-l-1-green::-webkit-slider-thumb {
    background-color: #66bb6a;
}

.slider.thumb-bg-l-1-green::-moz-range-thumb {
    background-color: #66bb6a;
}

.slider.thumb-bg-l-1-green::-ms-thumb {
    background-color: #66bb6a;
}

.slider.slider-bg-l-1-green::-webkit-slider-runnable-track {
    background-color: #66bb6a;
}

.slider.slider-bg-l-1-green::-moz-range-track {
    background-color: #66bb6a;
}

.slider.slider-bg-l-1-green::-ms-track {
    background-color: #66bb6a;
}

.bg-l-2-green,
[type="checkbox"].filled-in:checked.col-l-2-green + label:after,
[type="radio"].with-gap.col-l-2-green:checked + label:after,
[type="radio"].col-l-2-green:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-2-green:after,
.modal-content.col-l-2-green,
.panel-group .panel.col-l-2-green .panel-title,
.panel-group.full-body .panel.col-l-2-green .panel-body {
    background-color: #81c784;
}
ul.stepper.stepper-col-l-2-green .step.active:before,
ul.stepper.stepper-col-l-2-green .step.done:before,
ul.stepper.horizontal.stepper-col-l-2-green .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-2-green .step.done .step-title:before   {
    background-color: #81c784;
}

.fc-col-l-2-green:not([class*="lever"]) {
    border-bottom: 1px solid #81c784;
}
.col-l-2-green {
    color: #81c784;
}
.vtabs.col-l-2-green li.active{
    color: #81c784;
    border-right: 2px solid #81c784;
}
[type="checkbox"]:checked.col-l-2-green + label:before {
    border-right: 2px solid #81c784;
    border-bottom: 2px solid #81c784;
}
[type="checkbox"].filled-in:checked.col-l-2-green + label:after,
[type="radio"].with-gap.col-l-2-green:checked + label:before,
[type="radio"].with-gap.col-l-2-green:checked + label:after {
    border: 2px solid #81c784;
}
[type="radio"].col-l-2-green:checked + label:after {
    border-color: #81c784;
}
.nav-tabs.col-l-2-green > li > a:before{
    border-bottom: 2px solid #81c784;
}
.panel-group.col-l-2-green {
    border: 1px solid #81c784;
}

.slider.thumb-bg-l-2-green::-webkit-slider-thumb {
    background-color: #81c784;
}

.slider.thumb-bg-l-2-green::-moz-range-thumb {
    background-color: #81c784;
}

.slider.thumb-bg-l-2-green::-ms-thumb {
    background-color: #81c784;
}

.slider.slider-bg-l-2-green::-webkit-slider-runnable-track {
    background-color: #81c784;
}

.slider.slider-bg-l-2-green::-moz-range-track {
    background-color: #81c784;
}

.slider.slider-bg-l-2-green::-ms-track {
    background-color: #81c784;
}

.bg-l-3-green,
[type="checkbox"].filled-in:checked.col-l-3-green + label:after,
[type="radio"].with-gap.col-l-3-green:checked + label:after,
[type="radio"].with-gap.col-l-3-green:checked + label:after,
[type="radio"].col-l-3-green:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-3-green:after,
.modal-content.col-l-3-green,
.panel-group .panel.col-l-3-green .panel-title,
.panel-group.full-body .panel.col-l-3-green .panel-body {
    background-color: #a5d6a7;
}

ul.stepper.stepper-col-l-3-green .step.active:before,
ul.stepper.stepper-col-l-3-green .step.done:before,
ul.stepper.horizontal.stepper-col-l-3-green .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-3-green .step.done .step-title:before   {
    background-color: #a5d6a7;
}

.fc-col-l-3-green:not([class*="lever"]) {
    border-bottom: 1px solid #a5d6a7;
}

.col-l-3-green {
    color: #a5d6a7;
}
.vtabs.col-l-3-green li.active{
    color: #a5d6a7;
    border-right: 2px solid #a5d6a7;
}
[type="checkbox"]:checked.col-l-3-green + label:before {
    border-right: 2px solid #a5d6a7;
    border-bottom: 2px solid #a5d6a7;
}
[type="checkbox"].filled-in:checked.col-l-3-green + label:after,
[type="radio"].with-gap.col-l-3-green:checked + label:before,
[type="radio"].with-gap.col-l-3-green:checked + label:after {
    border: 2px solid #a5d6a7;
}
[type="radio"].col-l-3-green:checked + label:after {
    border-color: #a5d6a7;
}
.nav-tabs.col-l-3-green > li > a:before{
    border-bottom: 2px solid #a5d6a7;
}
.panel-group.col-l-3-green {
    border: 1px solid #a5d6a7;
}

.slider.thumb-bg-l-3-green::-webkit-slider-thumb {
    background-color: #a5d6a7;
}

.slider.thumb-bg-l-3-green::-moz-range-thumb {
    background-color: #a5d6a7;
}

.slider.thumb-bg-l-3-green::-ms-thumb {
    background-color: #a5d6a7;
}

.slider.slider-bg-l-3-green::-webkit-slider-runnable-track {
    background-color: #a5d6a7;
}

.slider.slider-bg-l-3-green::-moz-range-track {
    background-color: #a5d6a7;
}

.slider.slider-bg-l-3-green::-ms-track {
    background-color: #a5d6a7;
}

.bg-l-4-green,
[type="checkbox"].filled-in:checked.col-l-4-green + label:after,
[type="radio"].with-gap.col-l-4-green:checked + label:after,
[type="radio"].col-l-4-green:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-4-green:after,
.modal-content.col-l-4-green,
.panel-group .panel.col-l-4-green .panel-title,
.panel-group.full-body .panel.col-l-4-green .panel-body {
    background-color: #c8e6c9;
}

ul.stepper.stepper-col-l-4-green .step.active:before,
ul.stepper.stepper-col-l-4-green .step.done:before,
ul.stepper.horizontal.stepper-col-l-4-green .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-4-green .step.done .step-title:before  {
    background-color: #c8e6c9;
}

.fc-col-l-4-green:not([class*="lever"]) {
    border-bottom: 1px solid #c8e6c9;
}
.col-l-4-green{
    color: #c8e6c9;
}
.vtabs.col-l-4-green li.active{
    color: #c8e6c9;
    border-right: 2px solid #c8e6c9;
}
[type="checkbox"]:checked.col-l-4-green + label:before {
    border-right: 2px solid #c8e6c9;
    border-bottom: 2px solid #c8e6c9;
}
[type="checkbox"].filled-in:checked.col-l-4-green + label:after,
[type="radio"].with-gap.col-l-4-green:checked + label:before,
[type="radio"].with-gap.col-l-4-green:checked + label:after {
    border: 2px solid #c8e6c9;
}
[type="radio"].col-l-4-green:checked + label:after {
    border-color: #c8e6c9;
}
.nav-tabs.col-l-4-green > li > a:before{
    border-bottom: 2px solid #c8e6c9;
}
.panel-group.col-l-4-green {
    border: 1px solid #c8e6c9;
}

.slider.thumb-bg-l-4-green::-webkit-slider-thumb {
    background-color: #c8e6c9;
}

.slider.thumb-bg-l-4-green::-moz-range-thumb {
    background-color: #c8e6c9;
}

.slider.thumb-bg-l-4-green::-ms-thumb {
    background-color: #c8e6c9;
}

.slider.slider-bg-l-4-green::-webkit-slider-runnable-track {
    background-color: #c8e6c9;
}

.slider.slider-bg-l-4-green::-moz-range-track {
    background-color: #c8e6c9;
}

.slider.slider-bg-l-4-green::-ms-track {
    background-color: #c8e6c9;
}

.bg-l-5-green ,
[type="checkbox"].filled-in:checked.col-l-5-green + label:after,
[type="radio"].with-gap.col-l-5-green:checked + label:after,
[type="radio"].col-l-5-green:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-5-green:after,
.modal-content.col-l-5-green,
.panel-group .panel.col-l-5-green .panel-title,
.panel-group.full-body .panel.col-l-5-green .panel-body {
    background-color: #e8f5e9;
}

ul.stepper.stepper-col-l-5-green .step.active:before,
ul.stepper.stepper-col-l-5-green .step.done:before,
ul.stepper.horizontal.stepper-col-l-5-green .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-5-green .step.done .step-title:before   {
    background-color: #e8f5e9;
}

.fc-col-l-5-green:not([class*="lever"]) {
    border-bottom: 1px solid #e8f5e9;
}
.col-l-5-green {
    color: #e8f5e9;
}
.vtabs.col-l-5-green li.active{
    color: #e8f5e9;
    border-right: 2px solid #e8f5e9;
}
[type="checkbox"]:checked.col-l-5-green + label:before {
    border-right: 2px solid #e8f5e9;
    border-bottom: 2px solid #e8f5e9;
}
[type="checkbox"].filled-in:checked.col-l-5-green + label:after,
[type="radio"].with-gap.col-l-5-green:checked + label:before,
[type="radio"].with-gap.col-l-5-green:checked + label:after {
    border: 2px solid #e8f5e9;
}
[type="radio"].col-l-5-green:checked + label:after {
    border-color: #e8f5e9;
}
.nav-tabs.col-l-5-green > li > a:before{
    border-bottom: 2px solid #e8f5e9;
}
.panel-group.col-l-5-green {
    border: 1px solid #e8f5e9;
}

.slider.thumb-bg-l-5-green::-webkit-slider-thumb {
    background-color: #e8f5e9;
}

.slider.thumb-bg-l-5-green::-moz-range-thumb {
    background-color: #e8f5e9;
}

.slider.thumb-bg-l-5-green::-ms-thumb {
    background-color: #e8f5e9;
}

.slider.slider-bg-l-5-green::-webkit-slider-runnable-track {
    background-color: #e8f5e9;
}

.slider.slider-bg-l-5-green::-moz-range-track {
    background-color: #e8f5e9;
}

.slider.slider-bg-l-5-green::-ms-track {
    background-color: #e8f5e9;
}

.bg-d-1-green,
[type="checkbox"].filled-in:checked.col-d-1-green + label:after,
[type="radio"].with-gap.col-d-1-green:checked + label:after,
[type="radio"].col-d-1-green:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-1-green:after,
.modal-content.col-d-1-green,
.panel-group .panel.col-d-1-green .panel-title,
.panel-group.full-body .panel.col-d-1-green .panel-body {
    background-color: #43a047;
}

ul.stepper.stepper-col-d-1-green .step.active:before,
ul.stepper.stepper-col-d-1-green .step.done:before,
ul.stepper.horizontal.stepper-col-d-1-green .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-1-green .step.done .step-title:before   {
    background-color: #43a047;
}

.fc-col-d-1-green:not([class*="lever"]) {
    border-bottom: 1px solid #43a047;
}
.col-d-1-green {
    color: #43a047;
}
.vtabs.col-d-1-green li.active{
    color: #43a047;
    border-right: 2px solid #43a047;
}
[type="checkbox"]:checked.col-d-1-green + label:before {
    border-right: 2px solid #43a047;
    border-bottom: 2px solid #43a047;
}
[type="checkbox"].filled-in:checked.col-d-1-green + label:after,
[type="radio"].with-gap.col-d-1-green:checked + label:before,
[type="radio"].with-gap.col-d-1-green:checked + label:after {
    border: 2px solid #43a047;
}
[type="radio"].col-d-1-green:checked + label:after {
    border-color: #43a047;
}
.nav-tabs.col-d-1-green > li > a:before{
    border-bottom: 2px solid #43a047;
}
.panel-group.col-d-1-green {
    border: 1px solid #43a047;
}

.slider.thumb-bg-d-1-green::-webkit-slider-thumb {
    background-color: #43a047;
}

.slider.thumb-bg-d-1-green::-moz-range-thumb {
    background-color: #43a047;
}

.slider.thumb-bg-d-1-green::-ms-thumb {
    background-color: #43a047;
}

.slider.slider-bg-d-1-green::-webkit-slider-runnable-track {
    background-color: #43a047;
}

.slider.slider-bg-d-1-green::-moz-range-track {
    background-color: #43a047;
}

.slider.slider-bg-d-1-green::-ms-track {
    background-color: #43a047;
}

.bg-d-2-green,
[type="checkbox"].filled-in:checked.col-d-2-green + label:after,
[type="radio"].with-gap.col-d-2-green:checked + label:after,
[type="radio"].col-d-2-green:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-2-green:after,
.modal-content.col-d-2-green,
.panel-group .panel.col-d-2-green .panel-title,
.panel-group.full-body .panel.col-d-2-green .panel-body {
    background-color: #388e3c;
}

ul.stepper.stepper-col-d-2-green .step.active:before,
ul.stepper.stepper-col-d-2-green .step.done:before,
ul.stepper.horizontal.stepper-col-d-2-green .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-2-green .step.done .step-title:before  {
    background-color: #388e3c;
}

.fc-col-d-2-green:not([class*="lever"]) {
    border-bottom: 1px solid #388e3c;
}
.col-d-2-green {
    color: #388e3c;
}
.vtabs.col-d-2-green li.active{
    color: #388e3c;
    border-right: 2px solid #388e3c;
}
[type="checkbox"]:checked.col-d-2-green + label:before {
    border-right: 2px solid #388e3c;
    border-bottom: 2px solid #388e3c;
}
[type="checkbox"].filled-in:checked.col-d-2-green + label:after,
[type="radio"].with-gap.col-d-2-green:checked + label:before,
[type="radio"].with-gap.col-d-2-green:checked + label:after {
    border: 2px solid #388e3c;
}
[type="radio"].col-d-2-green:checked + label:after {
    border-color: #388e3c;
}
.nav-tabs.col-d-2-green > li > a:before{
    border-bottom: 2px solid #388e3c;
}
.panel-group.col-d-2-green {
    border: 1px solid #388e3c;
}

.slider.thumb-bg-d-2-green::-webkit-slider-thumb {
    background-color: #388e3c;
}

.slider.thumb-bg-d-2-green::-moz-range-thumb {
    background-color: #388e3c;
}

.slider.thumb-bg-d-2-green::-ms-thumb {
    background-color: #388e3c;
}

.slider.slider-bg-d-2-green::-webkit-slider-runnable-track {
    background-color: #388e3c;
}

.slider.slider-bg-d-2-green::-moz-range-track {
    background-color: #388e3c;
}

.slider.slider-bg-d-2-green::-ms-track {
    background-color: #388e3c;
}

.bg-d-3-green,
[type="checkbox"].filled-in:checked.col-d-3-green + label:after,
[type="radio"].with-gap.col-d-3-green:checked + label:after,
[type="radio"].col-d-2-green:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-3-green:after,
.modal-content.col-d-3-green,
.panel-group .panel.col-d-3-green .panel-title,
.panel-group.full-body .panel.col-d-3-green .panel-body {
    background-color: #2e7d32;
}

ul.stepper.stepper-col-d-3-green .step.active:before,
ul.stepper.stepper-col-d-3-green .step.done:before,
ul.stepper.horizontal.stepper-col-d-3-green .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-3-green .step.done .step-title:before  {
    background-color: #2e7d32;
}

.fc-col-d-3-green:not([class*="lever"]) {
    border-bottom: 1px solid #2e7d32;
}
.col-d-3-green{
    color: #2e7d32;
}
.vtabs.col-d-3-green li.active{
    color: #2e7d32;
    border-right: 2px solid #2e7d32;
}
[type="checkbox"]:checked.col-d-3-green + label:before {
    border-right: 2px solid #2e7d32;
    border-bottom: 2px solid #2e7d32;
}
[type="checkbox"].filled-in:checked.col-d-3-green + label:after,
[type="radio"].with-gap.col-d-3-green:checked + label:before,
[type="radio"].with-gap.col-d-3-green:checked + label:after {
    border: 2px solid #2e7d32;
}
[type="radio"].col-d-3-green:checked + label:after {
    border-color: #2e7d32;
}
.nav-tabs.col-d-3-green > li > a:before{
    border-bottom: 2px solid #2e7d32;
}
.panel-group.col-d-3-green {
    border: 1px solid #2e7d32;
}

.slider.thumb-bg-d-3-green::-webkit-slider-thumb {
    background-color: #2e7d32;
}

.slider.thumb-bg-d-3-green::-moz-range-thumb {
    background-color: #2e7d32;
}

.slider.thumb-bg-d-3-green::-ms-thumb {
    background-color: #2e7d32;
}

.slider.slider-bg-d-3-green::-webkit-slider-runnable-track {
    background-color: #2e7d32;
}

.slider.slider-bg-d-3-green::-moz-range-track {
    background-color: #2e7d32;
}

.slider.slider-bg-d-3-green::-ms-track {
    background-color: #2e7d32;
}

.bg-d-4-green,
[type="checkbox"].filled-in:checked.col-d-4-green + label:after,
[type="radio"].with-gap.col-d-4-green:checked + label:after,
[type="radio"].col-d-4-green:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-4-green:after,
.modal-content.col-d-4-green,
.panel-group .panel.col-d-4-green .panel-title,
.panel-group.full-body .panel.col-d-4-green .panel-body {
    background-color: #1b5e20;
}

ul.stepper.stepper-col-d-4-green .step.active:before,
ul.stepper.stepper-col-d-4-green .step.done:before,
ul.stepper.horizontal.stepper-col-d-4-green .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-4-green .step.done .step-title:before  {
    background-color: #1b5e20;
}

.fc-col-d-4-green:not([class*="lever"]) {
    border-bottom: 1px solid #1b5e20;
}
.col-d-4-green{
    color: #1b5e20;
}
.vtabs.col-d-4-green li.active{
    color: #1b5e20;
    border-right: 2px solid #1b5e20;
}
[type="checkbox"]:checked.col-d-4-green + label:before {
    border-right: 2px solid #1b5e20;
    border-bottom: 2px solid #1b5e20;
}
[type="checkbox"].filled-in:checked.col-d-4-green + label:after,
[type="radio"].with-gap.col-d-4-green:checked + label:before,
[type="radio"].with-gap.col-d-4-green:checked + label:after {
    border: 2px solid #1b5e20;
}
[type="radio"].col-d-4-green:checked + label:after {
    border-color: #1b5e20;
}
.nav-tabs.col-d-4-green > li > a:before{
    border-bottom: 2px solid #1b5e20;
}
.panel-group.col-d-4-green {
    border: 1px solid #1b5e20;
}

.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever[class*="col-green"]:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(76, 175, 80, 0.1);
}

.switch label input[type=checkbox]:checked + .lever[class*="col-green"] {
    background-color: rgba(76, 175, 80, 0.5);
}

.slider.thumb-bg-d-4-green::-webkit-slider-thumb {
    background-color: #1b5e20;
}

.slider.thumb-bg-d-4-green::-moz-range-thumb {
    background-color: #1b5e20;
}

.slider.thumb-bg-d-4-green::-ms-thumb {
    background-color: #1b5e20;
}

.slider.slider-bg-d-4-green::-webkit-slider-runnable-track {
    background-color: #1b5e20;
}

.slider.slider-bg-d-4-green::-moz-range-track {
    background-color: #1b5e20;
}

.slider.slider-bg-d-4-green::-ms-track {
    background-color: #1b5e20;
}
/*======================== LIGHT GREEN ========================*/
.bg-light-green{
    color: #FFF;
}
.modal-content.col-light-green:not([class*="col-white"]) .modal-body,
.modal-content.col-light-green:not([class*="col-white"]) .modal-footer .btn-link,
.modal-content.col-light-green:not([class*="col-white"]) .modal-title,
.panel-group .panel.col-light-green:not([class*="col-white"]) .panel-title,
.panel-group.full-body .panel.col-light-green:not([class*="col-white"]) .panel-body,
.bg-light-green.nav-tabs li a{
    color: #fff;
}
.bg-light-green,
.d-checkbox input[type="checkbox"].filled-in:checked.col-light-green + label:after,
[type="radio"].with-gap.col-light-green:checked + label:after,
[type="radio"].col-light-green:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-light-green:after,
.modal-content.col-light-green,
.panel-group .panel.col-light-green .panel-title,
.panel-group.full-body .panel.col-light-green .panel-body{
    background-color: #8BC34A;
}

ul.stepper.stepper-col-light-green .step.active:before,
ul.stepper.stepper-col-light-green .step.done:before,
ul.stepper.horizontal.stepper-col-light-green .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-light-green .step.done .step-title:before{
    background-color: #8BC34A;
}

.fc-col-light-green:not([class*="lever"]) {
    border-bottom: 1px solid #8BC34A;
}
.col-light-green{
    color: #8BC34A;
}
.vtabs.col-light-green li.active{
    color: #8BC34A;
    border-right: 2px solid #8BC34A;
}
.d-checkbox input[type="checkbox"]:checked.col-light-green + label:before {
    border-right: 2px solid #8BC34A;
    border-bottom: 2px solid #8BC34A;
}
.d-checkbox input[type="checkbox"].filled-in:checked.col-light-green + label:after,
[type="radio"].with-gap.col-light-green:checked + label:before,
[type="radio"].with-gap.col-light-green:checked + label:after{
    border: 2px solid #8BC34A;
}
[type="radio"].col-light-green:checked + label:after {
    border-color: #8BC34A;
}
.nav-tabs.col-light-green > li > a:before{
    border-bottom: 2px solid #8BC34A;
}
.panel-group.col-light-green {
    border: 1px solid #8BC34A;
}

.vtabs.col-light-green .flex-item.active a{
    border-right: 2px solid #8BC34A;
}

.slider.thumb-bg-light-green::-webkit-slider-thumb {
    background-color: #8BC34A;
}

.slider.thumb-bg-light-green::-moz-range-thumb {
    background-color: #8BC34A;
}

.slider.thumb-bg-light-green::-ms-thumb {
    background-color: #8BC34A;
}

.slider.slider-bg-light-green::-webkit-slider-runnable-track {
    background-color: #8BC34A;
}

.slider.slider-bg-light-green::-moz-range-track {
    background-color: #8BC34A;
}

.slider.slider-bg-light-green::-ms-track {
    background-color: #8BC34A;
}

.bg-l-1-light-green,
[type="checkbox"].filled-in:checked.col-l-1-light-green + label:after,
[type="radio"].with-gap.col-l-1-light-green:checked + label:after,
[type="radio"].col-l-1-light-green:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-1-light-green:after,
.modal-content.col-l-1-light-green,
.panel-group .panel.col-l-1-light-green .panel-title,
.panel-group.full-body .panel.col-l-1-light-green .panel-body {
    background-color: #9ccc65;
}
ul.stepper.stepper-col-l-1-light-green .step.active:before,
ul.stepper.stepper-col-l-1-light-green .step.done:before,
ul.stepper.horizontal.stepper-col-l-1-light-green .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-1-light-green .step.done .step-title:before  {
    background-color: #9ccc65;
}


.fc-col-l-1-light-green:not([class*="lever"]) {
    border-bottom: 1px solid #9ccc65;
}
.col-l-1-light-green {
    color: #9ccc65;
}
.vtabs.col-l-1-light-green li.active{
    color: #9ccc65;
    border-right: 2px solid #9ccc65;
}
[type="checkbox"]:checked.col-l-1-light-green + label:before {
    border-right: 2px solid #9ccc65;
    border-bottom: 2px solid #9ccc65;
}
[type="checkbox"].filled-in:checked.col-l-1-light-green + label:after,
[type="radio"].with-gap.col-l-1-light-green:checked + label:before,
[type="radio"].with-gap.col-l-1-light-green:checked + label:after {
    border: 2px solid #9ccc65;
}
[type="radio"].col-l-1-light-green:checked + label:after {
    border-color: #9ccc65;
}
.nav-tabs.col-l-1-light-green > li > a:before{
    border-bottom: 2px solid #9ccc65;
}
.panel-group.col-l-1-light-green {
    border: 1px solid #9ccc65;
}

.slider.thumb-bg-l-1-light-green::-webkit-slider-thumb {
    background-color: #9ccc65;
}

.slider.thumb-bg-l-1-light-green::-moz-range-thumb {
    background-color: #9ccc65;
}

.slider.thumb-bg-l-1-light-green::-ms-thumb {
    background-color: #9ccc65;
}

.slider.slider-bg-l-1-light-green::-webkit-slider-runnable-track {
    background-color: #9ccc65;
}

.slider.slider-bg-l-1-light-green::-moz-range-track {
    background-color: #9ccc65;
}

.slider.slider-bg-l-1-light-green::-ms-track {
    background-color: #9ccc65;
}

.bg-l-2-light-green,
[type="checkbox"].filled-in:checked.col-l-2-light-green + label:after,
[type="radio"].with-gap.col-l-2-light-green:checked + label:after,
[type="radio"].col-l-2-light-green:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-2-light-green:after,
.modal-content.col-l-2-light-green,
.panel-group .panel.col-l-2-light-green .panel-title,
.panel-group.full-body .panel.col-l-2-light-green .panel-body {
    background-color: #aed581;
}
ul.stepper.stepper-col-l-2-light-green .step.active:before,
ul.stepper.stepper-col-l-2-light-green .step.done:before,
ul.stepper.horizontal.stepper-col-l-2-light-green .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-2-light-green .step.done .step-title:before   {
    background-color: #aed581;
}

.fc-col-l-2-light-green:not([class*="lever"]) {
    border-bottom: 1px solid #aed581;
}
.col-l-2-light-green {
    color: #aed581;
}
.vtabs.col-l-2-light-green li.active{
    color: #aed581;
    border-right: 2px solid #aed581;
}
[type="checkbox"]:checked.col-l-2-light-green + label:before {
    border-right: 2px solid #aed581;
    border-bottom: 2px solid #aed581;
}
[type="checkbox"].filled-in:checked.col-l-2-light-green + label:after,
[type="radio"].with-gap.col-l-2-light-green:checked + label:before,
[type="radio"].with-gap.col-l-2-light-green:checked + label:after {
    border: 2px solid #aed581;
}
[type="radio"].col-l-2-light-green:checked + label:after {
    border-color: #aed581;
}
.nav-tabs.col-l-2-light-green > li > a:before{
    border-bottom: 2px solid #aed581;
}
.panel-group.col-l-2-light-green {
    border: 1px solid #aed581;
}

.slider.thumb-bg-l-2-light-green::-webkit-slider-thumb {
    background-color: #aed581;
}

.slider.thumb-bg-l-2-light-green::-moz-range-thumb {
    background-color: #aed581;
}

.slider.thumb-bg-l-2-light-green::-ms-thumb {
    background-color: #aed581;
}

.slider.slider-bg-l-2-light-green::-webkit-slider-runnable-track {
    background-color: #aed581;
}

.slider.slider-bg-l-2-light-green::-moz-range-track {
    background-color: #aed581;
}

.slider.slider-bg-l-2-light-green::-ms-track {
    background-color: #aed581;
}

.bg-l-3-light-green,
[type="checkbox"].filled-in:checked.col-l-3-light-green + label:after,
[type="radio"].with-gap.col-l-3-light-green:checked + label:after,
[type="radio"].with-gap.col-l-3-light-green:checked + label:after,
[type="radio"].col-l-3-light-green:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-3-light-green:after,
.modal-content.col-l-3-light-green,
.panel-group .panel.col-l-3-light-green .panel-title,
.panel-group.full-body .panel.col-l-3-light-green .panel-body {
    background-color: #c5e1a5;
}

ul.stepper.stepper-col-l-3-light-green .step.active:before,
ul.stepper.stepper-col-l-3-light-green .step.done:before,
ul.stepper.horizontal.stepper-col-l-3-light-green .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-3-light-green .step.done .step-title:before   {
    background-color: #c5e1a5;
}

.fc-col-l-3-light-green:not([class*="lever"]) {
    border-bottom: 1px solid #c5e1a5;
}

.col-l-3-light-green {
    color: #c5e1a5;
}
.vtabs.col-l-3-light-green li.active{
    color: #c5e1a5;
    border-right: 2px solid #c5e1a5;
}
[type="checkbox"]:checked.col-l-3-light-green + label:before {
    border-right: 2px solid #c5e1a5;
    border-bottom: 2px solid #c5e1a5;
}
[type="checkbox"].filled-in:checked.col-l-3-light-green + label:after,
[type="radio"].with-gap.col-l-3-light-green:checked + label:before,
[type="radio"].with-gap.col-l-3-light-green:checked + label:after {
    border: 2px solid #c5e1a5;
}
[type="radio"].col-l-3-light-green:checked + label:after {
    border-color: #c5e1a5;
}
.nav-tabs.col-l-3-light-green > li > a:before{
    border-bottom: 2px solid #c5e1a5;
}
.panel-group.col-l-3-light-green {
    border: 1px solid #c5e1a5;
}

.slider.thumb-bg-l-3-light-green::-webkit-slider-thumb {
    background-color: #c5e1a5;
}

.slider.thumb-bg-l-3-light-green::-moz-range-thumb {
    background-color: #c5e1a5;
}

.slider.thumb-bg-l-3-light-green::-ms-thumb {
    background-color: #c5e1a5;
}

.slider.slider-bg-l-3-light-green::-webkit-slider-runnable-track {
    background-color: #c5e1a5;
}

.slider.slider-bg-l-3-light-green::-moz-range-track {
    background-color: #c5e1a5;
}

.slider.slider-bg-l-3-light-green::-ms-track {
    background-color: #c5e1a5;
}

.bg-l-4-light-green,
[type="checkbox"].filled-in:checked.col-l-4-light-green + label:after,
[type="radio"].with-gap.col-l-4-light-green:checked + label:after,
[type="radio"].col-l-4-light-green:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-4-light-green:after,
.modal-content.col-l-4-light-green,
.panel-group .panel.col-l-4-light-green .panel-title,
.panel-group.full-body .panel.col-l-4-light-green .panel-body {
    background-color: #dcedc8;
}

ul.stepper.stepper-col-l-4-light-green .step.active:before,
ul.stepper.stepper-col-l-4-light-green .step.done:before,
ul.stepper.horizontal.stepper-col-l-4-light-green .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-4-light-green .step.done .step-title:before  {
    background-color: #dcedc8;
}

.fc-col-l-4-light-green:not([class*="lever"]) {
    border-bottom: 1px solid #dcedc8;
}
.col-l-4-light-green{
    color: #dcedc8;
}
.vtabs.col-l-4-light-green li.active{
    color: #dcedc8;
    border-right: 2px solid #dcedc8;
}
[type="checkbox"]:checked.col-l-4-light-green + label:before {
    border-right: 2px solid #dcedc8;
    border-bottom: 2px solid #dcedc8;
}
[type="checkbox"].filled-in:checked.col-l-4-light-green + label:after,
[type="radio"].with-gap.col-l-4-light-green:checked + label:before,
[type="radio"].with-gap.col-l-4-light-green:checked + label:after {
    border: 2px solid #dcedc8;
}
[type="radio"].col-l-4-light-green:checked + label:after {
    border-color: #dcedc8;
}
.nav-tabs.col-l-4-light-green > li > a:before{
    border-bottom: 2px solid #dcedc8;
}
.panel-group.col-l-4-light-green {
    border: 1px solid #dcedc8;
}

.slider.thumb-bg-l-4-light-green::-webkit-slider-thumb {
    background-color: #dcedc8;
}

.slider.thumb-bg-l-4-light-green::-moz-range-thumb {
    background-color: #dcedc8;
}

.slider.thumb-bg-l-4-light-green::-ms-thumb {
    background-color: #dcedc8;
}

.slider.slider-bg-l-4-light-green::-webkit-slider-runnable-track {
    background-color: #dcedc8;
}

.slider.slider-bg-l-4-light-green::-moz-range-track {
    background-color: #dcedc8;
}

.slider.slider-bg-l-4-light-green::-ms-track {
    background-color: #dcedc8;
}

.bg-l-5-light-green ,
[type="checkbox"].filled-in:checked.col-l-5-light-green + label:after,
[type="radio"].with-gap.col-l-5-light-green:checked + label:after,
[type="radio"].col-l-5-light-green:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-5-light-green:after,
.modal-content.col-l-5-light-green,
.panel-group .panel.col-l-5-light-green .panel-title,
.panel-group.full-body .panel.col-l-5-light-green .panel-body {
    background-color: #f1f8e9;
}

ul.stepper.stepper-col-l-5-light-green .step.active:before,
ul.stepper.stepper-col-l-5-light-green .step.done:before,
ul.stepper.horizontal.stepper-col-l-5-light-green .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-5-light-green .step.done .step-title:before   {
    background-color: #f1f8e9;
}

.fc-col-l-5-light-green:not([class*="lever"]) {
    border-bottom: 1px solid #f1f8e9;
}
.col-l-5-light-green {
    color: #f1f8e9;
}
.vtabs.col-l-5-light-green li.active{
    color: #f1f8e9;
    border-right: 2px solid #f1f8e9;
}
[type="checkbox"]:checked.col-l-5-light-green + label:before {
    border-right: 2px solid #f1f8e9;
    border-bottom: 2px solid #f1f8e9;
}
[type="checkbox"].filled-in:checked.col-l-5-light-green + label:after,
[type="radio"].with-gap.col-l-5-light-green:checked + label:before,
[type="radio"].with-gap.col-l-5-light-green:checked + label:after {
    border: 2px solid #f1f8e9;
}
[type="radio"].col-l-5-light-green:checked + label:after {
    border-color: #f1f8e9;
}
.nav-tabs.col-l-5-light-green > li > a:before{
    border-bottom: 2px solid #f1f8e9;
}
.panel-group.col-l-5-light-green {
    border: 1px solid #f1f8e9;
}

.slider.thumb-bg-l-5-light-green::-webkit-slider-thumb {
    background-color: #f1f8e9;
}

.slider.thumb-bg-l-5-light-green::-moz-range-thumb {
    background-color: #f1f8e9;
}

.slider.thumb-bg-l-5-light-green::-ms-thumb {
    background-color: #f1f8e9;
}

.slider.slider-bg-l-5-light-green::-webkit-slider-runnable-track {
    background-color: #f1f8e9;
}

.slider.slider-bg-l-5-light-green::-moz-range-track {
    background-color: #f1f8e9;
}

.slider.slider-bg-l-5-light-green::-ms-track {
    background-color: #f1f8e9;
}

.bg-d-1-light-green,
[type="checkbox"].filled-in:checked.col-d-1-light-green + label:after,
[type="radio"].with-gap.col-d-1-light-green:checked + label:after,
[type="radio"].col-d-1-light-green:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-1-light-green:after,
.modal-content.col-d-1-light-green,
.panel-group .panel.col-d-1-light-green .panel-title,
.panel-group.full-body .panel.col-d-1-light-green .panel-body {
    background-color: #7cb342;
}

ul.stepper.stepper-col-d-1-light-green .step.active:before,
ul.stepper.stepper-col-d-1-light-green .step.done:before,
ul.stepper.horizontal.stepper-col-d-1-light-green .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-1-light-green .step.done .step-title:before   {
    background-color: #7cb342;
}

.fc-col-d-1-light-green:not([class*="lever"]) {
    border-bottom: 1px solid #7cb342;
}
.col-d-1-light-green {
    color: #7cb342;
}
.vtabs.col-d-1-light-green li.active{
    color: #7cb342;
    border-right: 2px solid #7cb342;
}
[type="checkbox"]:checked.col-d-1-light-green + label:before {
    border-right: 2px solid #7cb342;
    border-bottom: 2px solid #7cb342;
}
[type="checkbox"].filled-in:checked.col-d-1-light-green + label:after,
[type="radio"].with-gap.col-d-1-light-green:checked + label:before,
[type="radio"].with-gap.col-d-1-light-green:checked + label:after {
    border: 2px solid #7cb342;
}
[type="radio"].col-d-1-light-green:checked + label:after {
    border-color: #7cb342;
}
.nav-tabs.col-d-1-light-green > li > a:before{
    border-bottom: 2px solid #7cb342;
}
.panel-group.col-d-1-light-green {
    border: 1px solid #7cb342;
}

.slider.thumb-bg-d-1-light-green::-webkit-slider-thumb {
    background-color: #7cb342;
}

.slider.thumb-bg-d-1-light-green::-moz-range-thumb {
    background-color: #7cb342;
}

.slider.thumb-bg-d-1-light-green::-ms-thumb {
    background-color: #7cb342;
}

.slider.slider-bg-d-1-light-green::-webkit-slider-runnable-track {
    background-color: #7cb342;
}

.slider.slider-bg-d-1-light-green::-moz-range-track {
    background-color: #7cb342;
}

.slider.slider-bg-d-1-light-green::-ms-track {
    background-color: #7cb342;
}

.bg-d-2-light-green,
[type="checkbox"].filled-in:checked.col-d-2-light-green + label:after,
[type="radio"].with-gap.col-d-2-light-green:checked + label:after,
[type="radio"].col-d-2-light-green:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-2-light-green:after,
.modal-content.col-d-2-light-green,
.panel-group .panel.col-d-2-light-green .panel-title,
.panel-group.full-body .panel.col-d-2-light-green .panel-body {
    background-color: #689f38;
}

ul.stepper.stepper-col-d-2-light-green .step.active:before,
ul.stepper.stepper-col-d-2-light-green .step.done:before,
ul.stepper.horizontal.stepper-col-d-2-light-green .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-2-light-green .step.done .step-title:before  {
    background-color: #689f38;
}

.fc-col-d-2-light-green:not([class*="lever"]) {
    border-bottom: 1px solid #689f38;
}
.col-d-2-light-green {
    color: #689f38;
}
.vtabs.col-d-2-light-green li.active{
    color: #689f38;
    border-right: 2px solid #689f38;
}
[type="checkbox"]:checked.col-d-2-light-green + label:before {
    border-right: 2px solid #689f38;
    border-bottom: 2px solid #689f38;
}
[type="checkbox"].filled-in:checked.col-d-2-light-green + label:after,
[type="radio"].with-gap.col-d-2-light-green:checked + label:before,
[type="radio"].with-gap.col-d-2-light-green:checked + label:after {
    border: 2px solid #689f38;
}
[type="radio"].col-d-2-light-green:checked + label:after {
    border-color: #689f38;
}
.nav-tabs.col-d-2-light-green > li > a:before{
    border-bottom: 2px solid #689f38;
}
.panel-group.col-d-2-light-green {
    border: 1px solid #689f38;
}

.slider.thumb-bg-d-2-light-green::-webkit-slider-thumb {
    background-color: #689f38;
}

.slider.thumb-bg-d-2-light-green::-moz-range-thumb {
    background-color: #689f38;
}

.slider.thumb-bg-d-2-light-green::-ms-thumb {
    background-color: #689f38;
}

.slider.slider-bg-d-2-light-green::-webkit-slider-runnable-track {
    background-color: #689f38;
}

.slider.slider-bg-d-2-light-green::-moz-range-track {
    background-color: #689f38;
}

.slider.slider-bg-d-2-light-green::-ms-track {
    background-color: #689f38;
}

.bg-d-3-light-green,
[type="checkbox"].filled-in:checked.col-d-3-light-green + label:after,
[type="radio"].with-gap.col-d-3-light-green:checked + label:after,
[type="radio"].col-d-2-light-green:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-3-light-green:after,
.modal-content.col-d-3-light-green,
.panel-group .panel.col-d-3-light-green .panel-title,
.panel-group.full-body .panel.col-d-3-light-green .panel-body {
    background-color: #558b2f;
}

ul.stepper.stepper-col-d-3-light-green .step.active:before,
ul.stepper.stepper-col-d-3-light-green .step.done:before,
ul.stepper.horizontal.stepper-col-d-3-light-green .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-3-light-green .step.done .step-title:before  {
    background-color: #558b2f;
}

.fc-col-d-3-light-green:not([class*="lever"]) {
    border-bottom: 1px solid #558b2f;
}
.col-d-3-light-green{
    color: #558b2f;
}
.vtabs.col-d-3-light-green li.active{
    color: #558b2f;
    border-right: 2px solid #558b2f;
}
[type="checkbox"]:checked.col-d-3-light-green + label:before {
    border-right: 2px solid #558b2f;
    border-bottom: 2px solid #558b2f;
}
[type="checkbox"].filled-in:checked.col-d-3-light-green + label:after,
[type="radio"].with-gap.col-d-3-light-green:checked + label:before,
[type="radio"].with-gap.col-d-3-light-green:checked + label:after {
    border: 2px solid #558b2f;
}
[type="radio"].col-d-3-light-green:checked + label:after {
    border-color: #558b2f;
}
.nav-tabs.col-d-3-light-green > li > a:before{
    border-bottom: 2px solid #558b2f;
}
.panel-group.col-d-3-light-green {
    border: 1px solid #558b2f;
}

.slider.thumb-bg-d-3-light-green::-webkit-slider-thumb {
    background-color: #558b2f;
}

.slider.thumb-bg-d-3-light-green::-moz-range-thumb {
    background-color: #558b2f;
}

.slider.thumb-bg-d-3-light-green::-ms-thumb {
    background-color: #558b2f;
}

.slider.slider-bg-d-3-light-green::-webkit-slider-runnable-track {
    background-color: #558b2f;
}

.slider.slider-bg-d-3-light-green::-moz-range-track {
    background-color: #558b2f;
}

.slider.slider-bg-d-3-light-green::-ms-track {
    background-color: #558b2f;
}

.bg-d-4-light-green,
[type="checkbox"].filled-in:checked.col-d-4-light-green + label:after,
[type="radio"].with-gap.col-d-4-light-green:checked + label:after,
[type="radio"].col-d-4-light-green:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-4-light-green:after,
.modal-content.col-d-4-light-green,
.panel-group .panel.col-d-4-light-green .panel-title,
.panel-group.full-body .panel.col-d-4-light-green .panel-body {
    background-color: #33691e;
}

ul.stepper.stepper-col-d-4-light-green .step.active:before,
ul.stepper.stepper-col-d-4-light-green .step.done:before,
ul.stepper.horizontal.stepper-col-d-4-light-green .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-4-light-green .step.done .step-title:before  {
    background-color: #33691e;
}

.fc-col-d-4-light-green:not([class*="lever"]) {
    border-bottom: 1px solid #33691e;
}
.col-d-4-light-green{
    color: #33691e;
}
.vtabs.col-d-4-light-green li.active{
    color: #33691e;
    border-right: 2px solid #33691e;
}
[type="checkbox"]:checked.col-d-4-light-green + label:before {
    border-right: 2px solid #33691e;
    border-bottom: 2px solid #33691e;
}
[type="checkbox"].filled-in:checked.col-d-4-light-green + label:after,
[type="radio"].with-gap.col-d-4-light-green:checked + label:before,
[type="radio"].with-gap.col-d-4-light-green:checked + label:after {
    border: 2px solid #33691e;
}
[type="radio"].col-d-4-light-green:checked + label:after {
    border-color: #33691e;
}
.nav-tabs.col-d-4-light-green > li > a:before{
    border-bottom: 2px solid #33691e;
}
.panel-group.col-d-4-light-green {
    border: 1px solid #33691e;
}

.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever[class*="col-light-green"]:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(139, 195, 74, 0.1);
}

.switch label input[type=checkbox]:checked + .lever[class*="col-light-green"] {
    background-color: rgba(139, 195, 74, 0.5);
}

.slider.thumb-bg-d-4-light-green::-webkit-slider-thumb {
    background-color: #33691e;
}

.slider.thumb-bg-d-4-light-green::-moz-range-thumb {
    background-color: #33691e;
}

.slider.thumb-bg-d-4-light-green::-ms-thumb {
    background-color: #33691e;
}

.slider.slider-bg-d-4-light-green::-webkit-slider-runnable-track {
    background-color: #33691e;
}

.slider.slider-bg-d-4-light-green::-moz-range-track {
    background-color: #33691e;
}

.slider.slider-bg-d-4-light-green::-ms-track {
    background-color: #33691e;
}
/*======================== LIME ========================*/
.bg-lime{
    color: #FFF;
}
.modal-content.col-lime:not([class*="col-white"]) .modal-body,
.modal-content.col-lime:not([class*="col-white"]) .modal-footer .btn-link,
.modal-content.col-lime:not([class*="col-white"]) .modal-title,
.panel-group .panel.col-lime:not([class*="col-white"]) .panel-title,
.panel-group.full-body .panel.col-lime:not([class*="col-white"]) .panel-body,
.bg-lime.nav-tabs li a{
    color: #fff;
}
.bg-lime,
.d-checkbox input[type="checkbox"].filled-in:checked.col-lime + label:after,
[type="radio"].with-gap.col-lime:checked + label:after,
[type="radio"].col-lime:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-lime:after,
.modal-content.col-lime,
.panel-group .panel.col-lime .panel-title,
.panel-group.full-body .panel.col-lime .panel-body{
    background-color: #CDDC39;
}

ul.stepper.stepper-col-lime .step.active:before,
ul.stepper.stepper-col-lime .step.done:before,
ul.stepper.horizontal.stepper-col-lime .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-lime .step.done .step-title:before{
    background-color: #CDDC39;
}

.fc-col-lime:not([class*="lever"]) {
    border-bottom: 1px solid #CDDC39;
}
.col-lime{
    color: #CDDC39;
}
.vtabs.col-lime li.active{
    color: #CDDC39;
    border-right: 2px solid #CDDC39;
}
.d-checkbox input[type="checkbox"]:checked.col-lime + label:before {
    border-right: 2px solid #CDDC39;
    border-bottom: 2px solid #CDDC39;
}
.d-checkbox input[type="checkbox"].filled-in:checked.col-lime + label:after,
[type="radio"].with-gap.col-lime:checked + label:before,
[type="radio"].with-gap.col-lime:checked + label:after{
    border: 2px solid #CDDC39;
}
[type="radio"].col-lime:checked + label:after {
    border-color: #CDDC39;
}
.nav-tabs.col-lime > li > a:before{
    border-bottom: 2px solid #CDDC39;
}
.panel-group.col-lime {
    border: 1px solid #CDDC39;
}

.vtabs.col-lime .flex-item.active a{
    border-right: 2px solid #CDDC39;
}

.slider.thumb-bg-lime::-webkit-slider-thumb {
    background-color: #CDDC39;
}

.slider.thumb-bg-lime::-moz-range-thumb {
    background-color: #CDDC39;
}

.slider.thumb-bg-lime::-ms-thumb {
    background-color: #CDDC39;
}

.slider.slider-bg-lime::-webkit-slider-runnable-track {
    background-color: #CDDC39;
}

.slider.slider-bg-lime::-moz-range-track {
    background-color: #CDDC39;
}

.slider.slider-bg-lime::-ms-track {
    background-color: #CDDC39;
}

.bg-l-1-lime,
[type="checkbox"].filled-in:checked.col-l-1-lime + label:after,
[type="radio"].with-gap.col-l-1-lime:checked + label:after,
[type="radio"].col-l-1-lime:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-1-lime:after,
.modal-content.col-l-1-lime,
.panel-group .panel.col-l-1-lime .panel-title,
.panel-group.full-body .panel.col-l-1-lime .panel-body {
    background-color: #d4e157;
}
ul.stepper.stepper-col-l-1-lime .step.active:before,
ul.stepper.stepper-col-l-1-lime .step.done:before,
ul.stepper.horizontal.stepper-col-l-1-lime .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-1-lime .step.done .step-title:before  {
    background-color: #d4e157;
}


.fc-col-l-1-lime:not([class*="lever"]) {
    border-bottom: 1px solid #d4e157;
}
.col-l-1-lime {
    color: #d4e157;
}
.vtabs.col-l-1-lime li.active{
    color: #d4e157;
    border-right: 2px solid #d4e157;
}
[type="checkbox"]:checked.col-l-1-lime + label:before {
    border-right: 2px solid #d4e157;
    border-bottom: 2px solid #d4e157;
}
[type="checkbox"].filled-in:checked.col-l-1-lime + label:after,
[type="radio"].with-gap.col-l-1-lime:checked + label:before,
[type="radio"].with-gap.col-l-1-lime:checked + label:after {
    border: 2px solid #d4e157;
}
[type="radio"].col-l-1-lime:checked + label:after {
    border-color: #d4e157;
}
.nav-tabs.col-l-1-lime > li > a:before{
    border-bottom: 2px solid #d4e157;
}
.panel-group.col-l-1-lime {
    border: 1px solid #d4e157;
}

.slider.thumb-bg-l-1-lime::-webkit-slider-thumb {
    background-color: #d4e157;
}

.slider.thumb-bg-l-1-lime::-moz-range-thumb {
    background-color: #d4e157;
}

.slider.thumb-bg-l-1-lime::-ms-thumb {
    background-color: #d4e157;
}

.slider.slider-bg-l-1-lime::-webkit-slider-runnable-track {
    background-color: #d4e157;
}

.slider.slider-bg-l-1-lime::-moz-range-track {
    background-color: #d4e157;
}

.slider.slider-bg-l-1-lime::-ms-track {
    background-color: #d4e157;
}

.bg-l-2-lime,
[type="checkbox"].filled-in:checked.col-l-2-lime + label:after,
[type="radio"].with-gap.col-l-2-lime:checked + label:after,
[type="radio"].col-l-2-lime:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-2-lime:after,
.modal-content.col-l-2-lime,
.panel-group .panel.col-l-2-lime .panel-title,
.panel-group.full-body .panel.col-l-2-lime .panel-body {
    background-color: #dce775;
}
ul.stepper.stepper-col-l-2-lime .step.active:before,
ul.stepper.stepper-col-l-2-lime .step.done:before,
ul.stepper.horizontal.stepper-col-l-2-lime .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-2-lime .step.done .step-title:before   {
    background-color: #dce775;
}

.fc-col-l-2-lime:not([class*="lever"]) {
    border-bottom: 1px solid #dce775;
}
.col-l-2-lime {
    color: #dce775;
}
.vtabs.col-l-2-lime li.active{
    color: #dce775;
    border-right: 2px solid #dce775;
}
[type="checkbox"]:checked.col-l-2-lime + label:before {
    border-right: 2px solid #dce775;
    border-bottom: 2px solid #dce775;
}
[type="checkbox"].filled-in:checked.col-l-2-lime + label:after,
[type="radio"].with-gap.col-l-2-lime:checked + label:before,
[type="radio"].with-gap.col-l-2-lime:checked + label:after {
    border: 2px solid #dce775;
}
[type="radio"].col-l-2-lime:checked + label:after {
    border-color: #dce775;
}
.nav-tabs.col-l-2-lime > li > a:before{
    border-bottom: 2px solid #dce775;
}
.panel-group.col-l-2-lime {
    border: 1px solid #dce775;
}

.slider.thumb-bg-l-2-lime::-webkit-slider-thumb {
    background-color: #dce775;
}

.slider.thumb-bg-l-2-lime::-moz-range-thumb {
    background-color: #dce775;
}

.slider.thumb-bg-l-2-lime::-ms-thumb {
    background-color: #dce775;
}

.slider.slider-bg-l-2-lime::-webkit-slider-runnable-track {
    background-color: #dce775;
}

.slider.slider-bg-l-2-lime::-moz-range-track {
    background-color: #dce775;
}

.slider.slider-bg-l-2-lime::-ms-track {
    background-color: #dce775;
}

.bg-l-3-lime,
[type="checkbox"].filled-in:checked.col-l-3-lime + label:after,
[type="radio"].with-gap.col-l-3-lime:checked + label:after,
[type="radio"].with-gap.col-l-3-lime:checked + label:after,
[type="radio"].col-l-3-lime:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-3-lime:after,
.modal-content.col-l-3-lime,
.panel-group .panel.col-l-3-lime .panel-title,
.panel-group.full-body .panel.col-l-3-lime .panel-body {
    background-color: #e6ee9c;
}

ul.stepper.stepper-col-l-3-lime .step.active:before,
ul.stepper.stepper-col-l-3-lime .step.done:before,
ul.stepper.horizontal.stepper-col-l-3-lime .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-3-lime .step.done .step-title:before   {
    background-color: #e6ee9c;
}

.fc-col-l-3-lime:not([class*="lever"]) {
    border-bottom: 1px solid #e6ee9c;
}

.col-l-3-lime {
    color: #e6ee9c;
}
.vtabs.col-l-3-lime li.active{
    color: #e6ee9c;
    border-right: 2px solid #e6ee9c;
}
[type="checkbox"]:checked.col-l-3-lime + label:before {
    border-right: 2px solid #e6ee9c;
    border-bottom: 2px solid #e6ee9c;
}
[type="checkbox"].filled-in:checked.col-l-3-lime + label:after,
[type="radio"].with-gap.col-l-3-lime:checked + label:before,
[type="radio"].with-gap.col-l-3-lime:checked + label:after {
    border: 2px solid #e6ee9c;
}
[type="radio"].col-l-3-lime:checked + label:after {
    border-color: #e6ee9c;
}
.nav-tabs.col-l-3-lime > li > a:before{
    border-bottom: 2px solid #e6ee9c;
}
.panel-group.col-l-3-lime {
    border: 1px solid #e6ee9c;
}

.slider.thumb-bg-l-3-lime::-webkit-slider-thumb {
    background-color: #e6ee9c;
}

.slider.thumb-bg-l-3-lime::-moz-range-thumb {
    background-color: #e6ee9c;
}

.slider.thumb-bg-l-3-lime::-ms-thumb {
    background-color: #e6ee9c;
}

.slider.slider-bg-l-3-lime::-webkit-slider-runnable-track {
    background-color: #e6ee9c;
}

.slider.slider-bg-l-3-lime::-moz-range-track {
    background-color: #e6ee9c;
}

.slider.slider-bg-l-3-lime::-ms-track {
    background-color: #e6ee9c;
}

.bg-l-4-lime,
[type="checkbox"].filled-in:checked.col-l-4-lime + label:after,
[type="radio"].with-gap.col-l-4-lime:checked + label:after,
[type="radio"].col-l-4-lime:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-4-lime:after,
.modal-content.col-l-4-lime,
.panel-group .panel.col-l-4-lime .panel-title,
.panel-group.full-body .panel.col-l-4-lime .panel-body {
    background-color: #f0f4c3;
}

ul.stepper.stepper-col-l-4-lime .step.active:before,
ul.stepper.stepper-col-l-4-lime .step.done:before,
ul.stepper.horizontal.stepper-col-l-4-lime .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-4-lime .step.done .step-title:before  {
    background-color: #f0f4c3;
}

.fc-col-l-4-lime:not([class*="lever"]) {
    border-bottom: 1px solid #f0f4c3;
}
.col-l-4-lime{
    color: #f0f4c3;
}
.vtabs.col-l-4-lime li.active{
    color: #f0f4c3;
    border-right: 2px solid #f0f4c3;
}
[type="checkbox"]:checked.col-l-4-lime + label:before {
    border-right: 2px solid #f0f4c3;
    border-bottom: 2px solid #f0f4c3;
}
[type="checkbox"].filled-in:checked.col-l-4-lime + label:after,
[type="radio"].with-gap.col-l-4-lime:checked + label:before,
[type="radio"].with-gap.col-l-4-lime:checked + label:after {
    border: 2px solid #f0f4c3;
}
[type="radio"].col-l-4-lime:checked + label:after {
    border-color: #f0f4c3;
}
.nav-tabs.col-l-4-lime > li > a:before{
    border-bottom: 2px solid #f0f4c3;
}
.panel-group.col-l-4-lime {
    border: 1px solid #f0f4c3;
}

.slider.thumb-bg-l-4-lime::-webkit-slider-thumb {
    background-color: #f0f4c3;
}

.slider.thumb-bg-l-4-lime::-moz-range-thumb {
    background-color: #f0f4c3;
}

.slider.thumb-bg-l-4-lime::-ms-thumb {
    background-color: #f0f4c3;
}

.slider.slider-bg-l-4-lime::-webkit-slider-runnable-track {
    background-color: #f0f4c3;
}

.slider.slider-bg-l-4-lime::-moz-range-track {
    background-color: #f0f4c3;
}

.slider.slider-bg-l-4-lime::-ms-track {
    background-color: #f0f4c3;
}

.bg-l-5-lime ,
[type="checkbox"].filled-in:checked.col-l-5-lime + label:after,
[type="radio"].with-gap.col-l-5-lime:checked + label:after,
[type="radio"].col-l-5-lime:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-5-lime:after,
.modal-content.col-l-5-lime,
.panel-group .panel.col-l-5-lime .panel-title,
.panel-group.full-body .panel.col-l-5-lime .panel-body {
    background-color: #f9fbe7;
}

ul.stepper.stepper-col-l-5-lime .step.active:before,
ul.stepper.stepper-col-l-5-lime .step.done:before,
ul.stepper.horizontal.stepper-col-l-5-lime .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-5-lime .step.done .step-title:before   {
    background-color: #f9fbe7;
}

.fc-col-l-5-lime:not([class*="lever"]) {
    border-bottom: 1px solid #f9fbe7;
}
.col-l-5-lime {
    color: #f9fbe7;
}
.vtabs.col-l-5-lime li.active{
    color: #f9fbe7;
    border-right: 2px solid #f9fbe7;
}
[type="checkbox"]:checked.col-l-5-lime + label:before {
    border-right: 2px solid #f9fbe7;
    border-bottom: 2px solid #f9fbe7;
}
[type="checkbox"].filled-in:checked.col-l-5-lime + label:after,
[type="radio"].with-gap.col-l-5-lime:checked + label:before,
[type="radio"].with-gap.col-l-5-lime:checked + label:after {
    border: 2px solid #f9fbe7;
}
[type="radio"].col-l-5-lime:checked + label:after {
    border-color: #f9fbe7;
}
.nav-tabs.col-l-5-lime > li > a:before{
    border-bottom: 2px solid #f9fbe7;
}
.panel-group.col-l-5-lime {
    border: 1px solid #f9fbe7;
}

.slider.thumb-bg-l-5-lime::-webkit-slider-thumb {
    background-color: #f9fbe7;
}

.slider.thumb-bg-l-5-lime::-moz-range-thumb {
    background-color: #f9fbe7;
}

.slider.thumb-bg-l-5-lime::-ms-thumb {
    background-color: #f9fbe7;
}

.slider.slider-bg-l-5-lime::-webkit-slider-runnable-track {
    background-color: #f9fbe7;
}

.slider.slider-bg-l-5-lime::-moz-range-track {
    background-color: #f9fbe7;
}

.slider.slider-bg-l-5-lime::-ms-track {
    background-color: #f9fbe7;
}

.bg-d-1-lime,
[type="checkbox"].filled-in:checked.col-d-1-lime + label:after,
[type="radio"].with-gap.col-d-1-lime:checked + label:after,
[type="radio"].col-d-1-lime:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-1-lime:after,
.modal-content.col-d-1-lime,
.panel-group .panel.col-d-1-lime .panel-title,
.panel-group.full-body .panel.col-d-1-lime .panel-body {
    background-color: #c0ca33;
}

ul.stepper.stepper-col-d-1-lime .step.active:before,
ul.stepper.stepper-col-d-1-lime .step.done:before,
ul.stepper.horizontal.stepper-col-d-1-lime .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-1-lime .step.done .step-title:before   {
    background-color: #c0ca33;
}

.fc-col-d-1-lime:not([class*="lever"]) {
    border-bottom: 1px solid #c0ca33;
}
.col-d-1-lime {
    color: #c0ca33;
}
.vtabs.col-d-1-lime li.active{
    color: #c0ca33;
    border-right: 2px solid #c0ca33;
}
[type="checkbox"]:checked.col-d-1-lime + label:before {
    border-right: 2px solid #c0ca33;
    border-bottom: 2px solid #c0ca33;
}
[type="checkbox"].filled-in:checked.col-d-1-lime + label:after,
[type="radio"].with-gap.col-d-1-lime:checked + label:before,
[type="radio"].with-gap.col-d-1-lime:checked + label:after {
    border: 2px solid #c0ca33;
}
[type="radio"].col-d-1-lime:checked + label:after {
    border-color: #c0ca33;
}
.nav-tabs.col-d-1-lime > li > a:before{
    border-bottom: 2px solid #c0ca33;
}
.panel-group.col-d-1-lime {
    border: 1px solid #c0ca33;
}

.slider.thumb-bg-d-1-lime::-webkit-slider-thumb {
    background-color: #c0ca33;
}

.slider.thumb-bg-d-1-lime::-moz-range-thumb {
    background-color: #c0ca33;
}

.slider.thumb-bg-d-1-lime::-ms-thumb {
    background-color: #c0ca33;
}

.slider.slider-bg-d-1-lime::-webkit-slider-runnable-track {
    background-color: #c0ca33;
}

.slider.slider-bg-d-1-lime::-moz-range-track {
    background-color: #c0ca33;
}

.slider.slider-bg-d-1-lime::-ms-track {
    background-color: #c0ca33;
}

.bg-d-2-lime,
[type="checkbox"].filled-in:checked.col-d-2-lime + label:after,
[type="radio"].with-gap.col-d-2-lime:checked + label:after,
[type="radio"].col-d-2-lime:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-2-lime:after,
.modal-content.col-d-2-lime,
.panel-group .panel.col-d-2-lime .panel-title,
.panel-group.full-body .panel.col-d-2-lime .panel-body {
    background-color: #afb42b;
}

ul.stepper.stepper-col-d-2-lime .step.active:before,
ul.stepper.stepper-col-d-2-lime .step.done:before,
ul.stepper.horizontal.stepper-col-d-2-lime .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-2-lime .step.done .step-title:before  {
    background-color: #afb42b;
}

.fc-col-d-2-lime:not([class*="lever"]) {
    border-bottom: 1px solid #afb42b;
}
.col-d-2-lime {
    color: #afb42b;
}
.vtabs.col-d-2-lime li.active{
    color: #afb42b;
    border-right: 2px solid #afb42b;
}
[type="checkbox"]:checked.col-d-2-lime + label:before {
    border-right: 2px solid #afb42b;
    border-bottom: 2px solid #afb42b;
}
[type="checkbox"].filled-in:checked.col-d-2-lime + label:after,
[type="radio"].with-gap.col-d-2-lime:checked + label:before,
[type="radio"].with-gap.col-d-2-lime:checked + label:after {
    border: 2px solid #afb42b;
}
[type="radio"].col-d-2-lime:checked + label:after {
    border-color: #afb42b;
}
.nav-tabs.col-d-2-lime > li > a:before{
    border-bottom: 2px solid #afb42b;
}
.panel-group.col-d-2-lime {
    border: 1px solid #afb42b;
}

.slider.thumb-bg-d-2-lime::-webkit-slider-thumb {
    background-color: #afb42b;
}

.slider.thumb-bg-d-2-lime::-moz-range-thumb {
    background-color: #afb42b;
}

.slider.thumb-bg-d-2-lime::-ms-thumb {
    background-color: #afb42b;
}

.slider.slider-bg-d-2-lime::-webkit-slider-runnable-track {
    background-color: #afb42b;
}

.slider.slider-bg-d-2-lime::-moz-range-track {
    background-color: #afb42b;
}

.slider.slider-bg-d-2-lime::-ms-track {
    background-color: #afb42b;
}

.bg-d-3-lime,
[type="checkbox"].filled-in:checked.col-d-3-lime + label:after,
[type="radio"].with-gap.col-d-3-lime:checked + label:after,
[type="radio"].col-d-2-lime:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-3-lime:after,
.modal-content.col-d-3-lime,
.panel-group .panel.col-d-3-lime .panel-title,
.panel-group.full-body .panel.col-d-3-lime .panel-body {
    background-color: #9e9d24;
}

ul.stepper.stepper-col-d-3-lime .step.active:before,
ul.stepper.stepper-col-d-3-lime .step.done:before,
ul.stepper.horizontal.stepper-col-d-3-lime .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-3-lime .step.done .step-title:before  {
    background-color: #9e9d24;
}

.fc-col-d-3-lime:not([class*="lever"]) {
    border-bottom: 1px solid #9e9d24;
}
.col-d-3-lime{
    color: #9e9d24;
}
.vtabs.col-d-3-lime li.active{
    color: #9e9d24;
    border-right: 2px solid #9e9d24;
}
[type="checkbox"]:checked.col-d-3-lime + label:before {
    border-right: 2px solid #9e9d24;
    border-bottom: 2px solid #9e9d24;
}
[type="checkbox"].filled-in:checked.col-d-3-lime + label:after,
[type="radio"].with-gap.col-d-3-lime:checked + label:before,
[type="radio"].with-gap.col-d-3-lime:checked + label:after {
    border: 2px solid #9e9d24;
}
[type="radio"].col-d-3-lime:checked + label:after {
    border-color: #9e9d24;
}
.nav-tabs.col-d-3-lime > li > a:before{
    border-bottom: 2px solid #9e9d24;
}
.panel-group.col-d-3-lime {
    border: 1px solid #9e9d24;
}

.slider.thumb-bg-d-3-lime::-webkit-slider-thumb {
    background-color: #9e9d24;
}

.slider.thumb-bg-d-3-lime::-moz-range-thumb {
    background-color: #9e9d24;
}

.slider.thumb-bg-d-3-lime::-ms-thumb {
    background-color: #9e9d24;
}

.slider.slider-bg-d-3-lime::-webkit-slider-runnable-track {
    background-color: #9e9d24;
}

.slider.slider-bg-d-3-lime::-moz-range-track {
    background-color: #9e9d24;
}

.slider.slider-bg-d-3-lime::-ms-track {
    background-color: #9e9d24;
}

.bg-d-4-lime,
[type="checkbox"].filled-in:checked.col-d-4-lime + label:after,
[type="radio"].with-gap.col-d-4-lime:checked + label:after,
[type="radio"].col-d-4-lime:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-4-lime:after,
.modal-content.col-d-4-lime,
.panel-group .panel.col-d-4-lime .panel-title,
.panel-group.full-body .panel.col-d-4-lime .panel-body {
    background-color: #827717;
}

ul.stepper.stepper-col-d-4-lime .step.active:before,
ul.stepper.stepper-col-d-4-lime .step.done:before,
ul.stepper.horizontal.stepper-col-d-4-lime .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-4-lime .step.done .step-title:before  {
    background-color: #827717;
}

.fc-col-d-4-lime:not([class*="lever"]) {
    border-bottom: 1px solid #827717;
}
.col-d-4-lime{
    color: #827717;
}
.vtabs.col-d-4-lime li.active{
    color: #827717;
    border-right: 2px solid #827717;
}
[type="checkbox"]:checked.col-d-4-lime + label:before {
    border-right: 2px solid #827717;
    border-bottom: 2px solid #827717;
}
[type="checkbox"].filled-in:checked.col-d-4-lime + label:after,
[type="radio"].with-gap.col-d-4-lime:checked + label:before,
[type="radio"].with-gap.col-d-4-lime:checked + label:after {
    border: 2px solid #827717;
}
[type="radio"].col-d-4-lime:checked + label:after {
    border-color: #827717;
}
.nav-tabs.col-d-4-lime > li > a:before{
    border-bottom: 2px solid #827717;
}
.panel-group.col-d-4-lime {
    border: 1px solid #827717;
}

.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever[class*="col-lime"]:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(205, 220, 57, 0.1);
}

.switch label input[type=checkbox]:checked + .lever[class*="col-lime"] {
    background-color: rgba(205, 220, 57, 0.5);
}

.slider.thumb-bg-d-4-lime::-webkit-slider-thumb {
    background-color: #827717;
}

.slider.thumb-bg-d-4-lime::-moz-range-thumb {
    background-color: #827717;
}

.slider.thumb-bg-d-4-lime::-ms-thumb {
    background-color: #827717;
}

.slider.slider-bg-d-4-lime::-webkit-slider-runnable-track {
    background-color: #827717;
}

.slider.slider-bg-d-4-lime::-moz-range-track {
    background-color: #827717;
}

.slider.slider-bg-d-4-lime::-ms-track {
    background-color: #827717;
}
/*======================== YELLOW ========================*/
.bg-yellow{
    color: #FFF;
}
.modal-content.col-yellow:not([class*="col-white"]) .modal-body,
.modal-content.col-yellow:not([class*="col-white"]) .modal-footer .btn-link,
.modal-content.col-yellow:not([class*="col-white"]) .modal-title,
.panel-group .panel.col-yellow:not([class*="col-white"]) .panel-title,
.panel-group.full-body .panel.col-yellow:not([class*="col-white"]) .panel-body,
.bg-yellow.nav-tabs li a{
    color: #fff;
}
.bg-yellow,
.d-checkbox input[type="checkbox"].filled-in:checked.col-yellow + label:after,
[type="radio"].with-gap.col-yellow:checked + label:after,
[type="radio"].col-yellow:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-yellow:after,
.modal-content.col-yellow,
.panel-group .panel.col-yellow .panel-title,
.panel-group.full-body .panel.col-yellow .panel-body{
    background-color: #FFEB3B;
}

ul.stepper.stepper-col-yellow .step.active:before,
ul.stepper.stepper-col-yellow .step.done:before,
ul.stepper.horizontal.stepper-col-yellow .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-yellow .step.done .step-title:before{
    background-color: #FFEB3B;
}

.fc-col-yellow:not([class*="lever"]) {
    border-bottom: 1px solid #FFEB3B;
}
.col-yellow{
    color: #FFEB3B;
}
.vtabs.col-yellow li.active{
    color: #FFEB3B;
    border-right: 2px solid #FFEB3B;
}
.d-checkbox input[type="checkbox"]:checked.col-yellow + label:before {
    border-right: 2px solid #FFEB3B;
    border-bottom: 2px solid #FFEB3B;
}
.d-checkbox input[type="checkbox"].filled-in:checked.col-yellow + label:after,
[type="radio"].with-gap.col-yellow:checked + label:before,
[type="radio"].with-gap.col-yellow:checked + label:after{
    border: 2px solid #FFEB3B;
}
[type="radio"].col-yellow:checked + label:after {
    border-color: #FFEB3B;
}
.nav-tabs.col-yellow > li > a:before{
    border-bottom: 2px solid #FFEB3B;
}
.panel-group.col-yellow {
    border: 1px solid #FFEB3B;
}

.vtabs.col-yellow .flex-item.active a{
    border-right: 2px solid #FFEB3B;
}

.slider.thumb-bg-yellow::-webkit-slider-thumb {
    background-color: #FFEB3B;
}

.slider.thumb-bg-yellow::-moz-range-thumb {
    background-color: #FFEB3B;
}

.slider.thumb-bg-yellow::-ms-thumb {
    background-color: #FFEB3B;
}

.slider.slider-bg-yellow::-webkit-slider-runnable-track {
    background-color: #FFEB3B;
}

.slider.slider-bg-yellow::-moz-range-track {
    background-color: #FFEB3B;
}

.slider.slider-bg-yellow::-ms-track {
    background-color: #FFEB3B;
}

.bg-l-1-yellow,
[type="checkbox"].filled-in:checked.col-l-1-yellow + label:after,
[type="radio"].with-gap.col-l-1-yellow:checked + label:after,
[type="radio"].col-l-1-yellow:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-1-yellow:after,
.modal-content.col-l-1-yellow,
.panel-group .panel.col-l-1-yellow .panel-title,
.panel-group.full-body .panel.col-l-1-yellow .panel-body {
    background-color: #ffee58;
}
ul.stepper.stepper-col-l-1-yellow .step.active:before,
ul.stepper.stepper-col-l-1-yellow .step.done:before,
ul.stepper.horizontal.stepper-col-l-1-yellow .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-1-yellow .step.done .step-title:before  {
    background-color: #ffee58;
}


.fc-col-l-1-yellow:not([class*="lever"]) {
    border-bottom: 1px solid #ffee58;
}
.col-l-1-yellow {
    color: #ffee58;
}
.vtabs.col-l-1-yellow li.active{
    color: #ffee58;
    border-right: 2px solid #ffee58;
}
[type="checkbox"]:checked.col-l-1-yellow + label:before {
    border-right: 2px solid #ffee58;
    border-bottom: 2px solid #ffee58;
}
[type="checkbox"].filled-in:checked.col-l-1-yellow + label:after,
[type="radio"].with-gap.col-l-1-yellow:checked + label:before,
[type="radio"].with-gap.col-l-1-yellow:checked + label:after {
    border: 2px solid #ffee58;
}
[type="radio"].col-l-1-yellow:checked + label:after {
    border-color: #ffee58;
}
.nav-tabs.col-l-1-yellow > li > a:before{
    border-bottom: 2px solid #ffee58;
}
.panel-group.col-l-1-yellow {
    border: 1px solid #ffee58;
}

.slider.thumb-bg-l-1-yellow::-webkit-slider-thumb {
    background-color: #ffee58;
}

.slider.thumb-bg-l-1-yellow::-moz-range-thumb {
    background-color: #ffee58;
}

.slider.thumb-bg-l-1-yellow::-ms-thumb {
    background-color: #ffee58;
}

.slider.slider-bg-l-1-yellow::-webkit-slider-runnable-track {
    background-color: #ffee58;
}

.slider.slider-bg-l-1-yellow::-moz-range-track {
    background-color: #ffee58;
}

.slider.slider-bg-l-1-yellow::-ms-track {
    background-color: #ffee58;
}

.bg-l-2-yellow,
[type="checkbox"].filled-in:checked.col-l-2-yellow + label:after,
[type="radio"].with-gap.col-l-2-yellow:checked + label:after,
[type="radio"].col-l-2-yellow:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-2-yellow:after,
.modal-content.col-l-2-yellow,
.panel-group .panel.col-l-2-yellow .panel-title,
.panel-group.full-body .panel.col-l-2-yellow .panel-body {
    background-color: #dce775;
}
ul.stepper.stepper-col-l-2-yellow .step.active:before,
ul.stepper.stepper-col-l-2-yellow .step.done:before,
ul.stepper.horizontal.stepper-col-l-2-yellow .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-2-yellow .step.done .step-title:before   {
    background-color: #dce775;
}

.fc-col-l-2-yellow:not([class*="lever"]) {
    border-bottom: 1px solid #dce775;
}
.col-l-2-yellow {
    color: #dce775;
}
.vtabs.col-l-2-yellow li.active{
    color: #dce775;
    border-right: 2px solid #dce775;
}
[type="checkbox"]:checked.col-l-2-yellow + label:before {
    border-right: 2px solid #dce775;
    border-bottom: 2px solid #dce775;
}
[type="checkbox"].filled-in:checked.col-l-2-yellow + label:after,
[type="radio"].with-gap.col-l-2-yellow:checked + label:before,
[type="radio"].with-gap.col-l-2-yellow:checked + label:after {
    border: 2px solid #dce775;
}
[type="radio"].col-l-2-yellow:checked + label:after {
    border-color: #dce775;
}
.nav-tabs.col-l-2-yellow > li > a:before{
    border-bottom: 2px solid #dce775;
}
.panel-group.col-l-2-yellow {
    border: 1px solid #dce775;
}

.slider.thumb-bg-l-2-yellow::-webkit-slider-thumb {
    background-color: #dce775;
}

.slider.thumb-bg-l-2-yellow::-moz-range-thumb {
    background-color: #dce775;
}

.slider.thumb-bg-l-2-yellow::-ms-thumb {
    background-color: #dce775;
}

.slider.slider-bg-l-2-yellow::-webkit-slider-runnable-track {
    background-color: #dce775;
}

.slider.slider-bg-l-2-yellow::-moz-range-track {
    background-color: #dce775;
}

.slider.slider-bg-l-2-yellow::-ms-track {
    background-color: #dce775;
}

.bg-l-3-yellow,
[type="checkbox"].filled-in:checked.col-l-3-yellow + label:after,
[type="radio"].with-gap.col-l-3-yellow:checked + label:after,
[type="radio"].with-gap.col-l-3-yellow:checked + label:after,
[type="radio"].col-l-3-yellow:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-3-yellow:after,
.modal-content.col-l-3-yellow,
.panel-group .panel.col-l-3-yellow .panel-title,
.panel-group.full-body .panel.col-l-3-yellow .panel-body {
    background-color: #fff59d;
}

ul.stepper.stepper-col-l-3-yellow .step.active:before,
ul.stepper.stepper-col-l-3-yellow .step.done:before,
ul.stepper.horizontal.stepper-col-l-3-yellow .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-3-yellow .step.done .step-title:before   {
    background-color: #fff59d;
}

.fc-col-l-3-yellow:not([class*="lever"]) {
    border-bottom: 1px solid #fff59d;
}

.col-l-3-yellow {
    color: #fff59d;
}
.vtabs.col-l-3-yellow li.active{
    color: #fff59d;
    border-right: 2px solid #fff59d;
}
[type="checkbox"]:checked.col-l-3-yellow + label:before {
    border-right: 2px solid #fff59d;
    border-bottom: 2px solid #fff59d;
}
[type="checkbox"].filled-in:checked.col-l-3-yellow + label:after,
[type="radio"].with-gap.col-l-3-yellow:checked + label:before,
[type="radio"].with-gap.col-l-3-yellow:checked + label:after {
    border: 2px solid #fff59d;
}
[type="radio"].col-l-3-yellow:checked + label:after {
    border-color: #fff59d;
}
.nav-tabs.col-l-3-yellow > li > a:before{
    border-bottom: 2px solid #fff59d;
}
.panel-group.col-l-3-yellow {
    border: 1px solid #fff59d;
}

.slider.thumb-bg-l-3-yellow::-webkit-slider-thumb {
    background-color: #fff59d;
}

.slider.thumb-bg-l-3-yellow::-moz-range-thumb {
    background-color: #fff59d;
}

.slider.thumb-bg-l-3-yellow::-ms-thumb {
    background-color: #fff59d;
}

.slider.slider-bg-l-3-yellow::-webkit-slider-runnable-track {
    background-color: #fff59d;
}

.slider.slider-bg-l-3-yellow::-moz-range-track {
    background-color: #fff59d;
}

.slider.slider-bg-l-3-yellow::-ms-track {
    background-color: #fff59d;
}

.bg-l-4-yellow,
[type="checkbox"].filled-in:checked.col-l-4-yellow + label:after,
[type="radio"].with-gap.col-l-4-yellow:checked + label:after,
[type="radio"].col-l-4-yellow:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-4-yellow:after,
.modal-content.col-l-4-yellow,
.panel-group .panel.col-l-4-yellow .panel-title,
.panel-group.full-body .panel.col-l-4-yellow .panel-body {
    background-color: #fff9c4;
}

ul.stepper.stepper-col-l-4-yellow .step.active:before,
ul.stepper.stepper-col-l-4-yellow .step.done:before,
ul.stepper.horizontal.stepper-col-l-4-yellow .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-4-yellow .step.done .step-title:before  {
    background-color: #fff9c4;
}

.fc-col-l-4-yellow:not([class*="lever"]) {
    border-bottom: 1px solid #fff9c4;
}
.col-l-4-yellow{
    color: #fff9c4;
}
.vtabs.col-l-4-yellow li.active{
    color: #fff9c4;
    border-right: 2px solid #fff9c4;
}
[type="checkbox"]:checked.col-l-4-yellow + label:before {
    border-right: 2px solid #fff9c4;
    border-bottom: 2px solid #fff9c4;
}
[type="checkbox"].filled-in:checked.col-l-4-yellow + label:after,
[type="radio"].with-gap.col-l-4-yellow:checked + label:before,
[type="radio"].with-gap.col-l-4-yellow:checked + label:after {
    border: 2px solid #fff9c4;
}
[type="radio"].col-l-4-yellow:checked + label:after {
    border-color: #fff9c4;
}
.nav-tabs.col-l-4-yellow > li > a:before{
    border-bottom: 2px solid #fff9c4;
}
.panel-group.col-l-4-yellow {
    border: 1px solid #fff9c4;
}

.slider.thumb-bg-l-4-yellow::-webkit-slider-thumb {
    background-color: #fff9c4;
}

.slider.thumb-bg-l-4-yellow::-moz-range-thumb {
    background-color: #fff9c4;
}

.slider.thumb-bg-l-4-yellow::-ms-thumb {
    background-color: #fff9c4;
}

.slider.slider-bg-l-4-yellow::-webkit-slider-runnable-track {
    background-color: #fff9c4;
}

.slider.slider-bg-l-4-yellow::-moz-range-track {
    background-color: #fff9c4;
}

.slider.slider-bg-l-4-yellow::-ms-track {
    background-color: #fff9c4;
}

.bg-l-5-yellow ,
[type="checkbox"].filled-in:checked.col-l-5-yellow + label:after,
[type="radio"].with-gap.col-l-5-yellow:checked + label:after,
[type="radio"].col-l-5-yellow:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-5-yellow:after,
.modal-content.col-l-5-yellow,
.panel-group .panel.col-l-5-yellow .panel-title,
.panel-group.full-body .panel.col-l-5-yellow .panel-body {
    background-color: #fffde7;
}

ul.stepper.stepper-col-l-5-yellow .step.active:before,
ul.stepper.stepper-col-l-5-yellow .step.done:before,
ul.stepper.horizontal.stepper-col-l-5-yellow .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-5-yellow .step.done .step-title:before   {
    background-color: #fffde7;
}

.fc-col-l-5-yellow:not([class*="lever"]) {
    border-bottom: 1px solid #fffde7;
}
.col-l-5-yellow {
    color: #fffde7;
}
.vtabs.col-l-5-yellow li.active{
    color: #fffde7;
    border-right: 2px solid #fffde7;
}
[type="checkbox"]:checked.col-l-5-yellow + label:before {
    border-right: 2px solid #fffde7;
    border-bottom: 2px solid #fffde7;
}
[type="checkbox"].filled-in:checked.col-l-5-yellow + label:after,
[type="radio"].with-gap.col-l-5-yellow:checked + label:before,
[type="radio"].with-gap.col-l-5-yellow:checked + label:after {
    border: 2px solid #fffde7;
}
[type="radio"].col-l-5-yellow:checked + label:after {
    border-color: #fffde7;
}
.nav-tabs.col-l-5-yellow > li > a:before{
    border-bottom: 2px solid #fffde7;
}
.panel-group.col-l-5-yellow {
    border: 1px solid #fffde7;
}

.slider.thumb-bg-l-5-yellow::-webkit-slider-thumb {
    background-color: #fffde7;
}

.slider.thumb-bg-l-5-yellow::-moz-range-thumb {
    background-color: #fffde7;
}

.slider.thumb-bg-l-5-yellow::-ms-thumb {
    background-color: #fffde7;
}

.slider.slider-bg-l-5-yellow::-webkit-slider-runnable-track {
    background-color: #fffde7;
}

.slider.slider-bg-l-5-yellow::-moz-range-track {
    background-color: #fffde7;
}

.slider.slider-bg-l-5-yellow::-ms-track {
    background-color: #fffde7;
}

.bg-d-1-yellow,
[type="checkbox"].filled-in:checked.col-d-1-yellow + label:after,
[type="radio"].with-gap.col-d-1-yellow:checked + label:after,
[type="radio"].col-d-1-yellow:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-1-yellow:after,
.modal-content.col-d-1-yellow,
.panel-group .panel.col-d-1-yellow .panel-title,
.panel-group.full-body .panel.col-d-1-yellow .panel-body {
    background-color: #fdd835;
}

ul.stepper.stepper-col-d-1-yellow .step.active:before,
ul.stepper.stepper-col-d-1-yellow .step.done:before,
ul.stepper.horizontal.stepper-col-d-1-yellow .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-1-yellow .step.done .step-title:before   {
    background-color: #fdd835;
}

.fc-col-d-1-yellow:not([class*="lever"]) {
    border-bottom: 1px solid #fdd835;
}
.col-d-1-yellow {
    color: #fdd835;
}
.vtabs.col-d-1-yellow li.active{
    color: #fdd835;
    border-right: 2px solid #fdd835;
}
[type="checkbox"]:checked.col-d-1-yellow + label:before {
    border-right: 2px solid #fdd835;
    border-bottom: 2px solid #fdd835;
}
[type="checkbox"].filled-in:checked.col-d-1-yellow + label:after,
[type="radio"].with-gap.col-d-1-yellow:checked + label:before,
[type="radio"].with-gap.col-d-1-yellow:checked + label:after {
    border: 2px solid #fdd835;
}
[type="radio"].col-d-1-yellow:checked + label:after {
    border-color: #fdd835;
}
.nav-tabs.col-d-1-yellow > li > a:before{
    border-bottom: 2px solid #fdd835;
}
.panel-group.col-d-1-yellow {
    border: 1px solid #fdd835;
}

.slider.thumb-bg-d-1-yellow::-webkit-slider-thumb {
    background-color: #fdd835;
}

.slider.thumb-bg-d-1-yellow::-moz-range-thumb {
    background-color: #fdd835;
}

.slider.thumb-bg-d-1-yellow::-ms-thumb {
    background-color: #fdd835;
}

.slider.slider-bg-d-1-yellow::-webkit-slider-runnable-track {
    background-color: #fdd835;
}

.slider.slider-bg-d-1-yellow::-moz-range-track {
    background-color: #fdd835;
}

.slider.slider-bg-d-1-yellow::-ms-track {
    background-color: #fdd835;
}

.bg-d-2-yellow,
[type="checkbox"].filled-in:checked.col-d-2-yellow + label:after,
[type="radio"].with-gap.col-d-2-yellow:checked + label:after,
[type="radio"].col-d-2-yellow:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-2-yellow:after,
.modal-content.col-d-2-yellow,
.panel-group .panel.col-d-2-yellow .panel-title,
.panel-group.full-body .panel.col-d-2-yellow .panel-body {
    background-color: #fbc02d;
}

ul.stepper.stepper-col-d-2-yellow .step.active:before,
ul.stepper.stepper-col-d-2-yellow .step.done:before,
ul.stepper.horizontal.stepper-col-d-2-yellow .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-2-yellow .step.done .step-title:before  {
    background-color: #fbc02d;
}

.fc-col-d-2-yellow:not([class*="lever"]) {
    border-bottom: 1px solid #fbc02d;
}
.col-d-2-yellow {
    color: #fbc02d;
}
.vtabs.col-d-2-yellow li.active{
    color: #fbc02d;
    border-right: 2px solid #fbc02d;
}
[type="checkbox"]:checked.col-d-2-yellow + label:before {
    border-right: 2px solid #fbc02d;
    border-bottom: 2px solid #fbc02d;
}
[type="checkbox"].filled-in:checked.col-d-2-yellow + label:after,
[type="radio"].with-gap.col-d-2-yellow:checked + label:before,
[type="radio"].with-gap.col-d-2-yellow:checked + label:after {
    border: 2px solid #fbc02d;
}
[type="radio"].col-d-2-yellow:checked + label:after {
    border-color: #fbc02d;
}
.nav-tabs.col-d-2-yellow > li > a:before{
    border-bottom: 2px solid #fbc02d;
}
.panel-group.col-d-2-yellow {
    border: 1px solid #fbc02d;
}

.slider.thumb-bg-d-2-yellow::-webkit-slider-thumb {
    background-color: #fbc02d;
}

.slider.thumb-bg-d-2-yellow::-moz-range-thumb {
    background-color: #fbc02d;
}

.slider.thumb-bg-d-2-yellow::-ms-thumb {
    background-color: #fbc02d;
}

.slider.slider-bg-d-2-yellow::-webkit-slider-runnable-track {
    background-color: #fbc02d;
}

.slider.slider-bg-d-2-yellow::-moz-range-track {
    background-color: #fbc02d;
}

.slider.slider-bg-d-2-yellow::-ms-track {
    background-color: #fbc02d;
}

.bg-d-3-yellow,
[type="checkbox"].filled-in:checked.col-d-3-yellow + label:after,
[type="radio"].with-gap.col-d-3-yellow:checked + label:after,
[type="radio"].col-d-2-yellow:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-3-yellow:after,
.modal-content.col-d-3-yellow,
.panel-group .panel.col-d-3-yellow .panel-title,
.panel-group.full-body .panel.col-d-3-yellow .panel-body {
    background-color: #f9a825;
}

ul.stepper.stepper-col-d-3-yellow .step.active:before,
ul.stepper.stepper-col-d-3-yellow .step.done:before,
ul.stepper.horizontal.stepper-col-d-3-yellow .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-3-yellow .step.done .step-title:before  {
    background-color: #f9a825;
}

.fc-col-d-3-yellow:not([class*="lever"]) {
    border-bottom: 1px solid #f9a825;
}
.col-d-3-yellow{
    color: #f9a825;
}
.vtabs.col-d-3-yellow li.active{
    color: #f9a825;
    border-right: 2px solid #f9a825;
}
[type="checkbox"]:checked.col-d-3-yellow + label:before {
    border-right: 2px solid #f9a825;
    border-bottom: 2px solid #f9a825;
}
[type="checkbox"].filled-in:checked.col-d-3-yellow + label:after,
[type="radio"].with-gap.col-d-3-yellow:checked + label:before,
[type="radio"].with-gap.col-d-3-yellow:checked + label:after {
    border: 2px solid #f9a825;
}
[type="radio"].col-d-3-yellow:checked + label:after {
    border-color: #f9a825;
}
.nav-tabs.col-d-3-yellow > li > a:before{
    border-bottom: 2px solid #f9a825;
}
.panel-group.col-d-3-yellow {
    border: 1px solid #f9a825;
}

.slider.thumb-bg-d-3-yellow::-webkit-slider-thumb {
    background-color: #f9a825;
}

.slider.thumb-bg-d-3-yellow::-moz-range-thumb {
    background-color: #f9a825;
}

.slider.thumb-bg-d-3-yellow::-ms-thumb {
    background-color: #f9a825;
}

.slider.slider-bg-d-3-yellow::-webkit-slider-runnable-track {
    background-color: #f9a825;
}

.slider.slider-bg-d-3-yellow::-moz-range-track {
    background-color: #f9a825;
}

.slider.slider-bg-d-3-yellow::-ms-track {
    background-color: #f9a825;
}

.bg-d-4-yellow,
[type="checkbox"].filled-in:checked.col-d-4-yellow + label:after,
[type="radio"].with-gap.col-d-4-yellow:checked + label:after,
[type="radio"].col-d-4-yellow:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-4-yellow:after,
.modal-content.col-d-4-yellow,
.panel-group .panel.col-d-4-yellow .panel-title,
.panel-group.full-body .panel.col-d-4-yellow .panel-body {
    background-color: #f57f17;
}

ul.stepper.stepper-col-d-4-yellow .step.active:before,
ul.stepper.stepper-col-d-4-yellow .step.done:before,
ul.stepper.horizontal.stepper-col-d-4-yellow .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-4-yellow .step.done .step-title:before  {
    background-color: #f57f17;
}

.fc-col-d-4-yellow:not([class*="lever"]) {
    border-bottom: 1px solid #f57f17;
}
.col-d-4-yellow{
    color: #f57f17;
}
.vtabs.col-d-4-yellow li.active{
    color: #f57f17;
    border-right: 2px solid #f57f17;
}
[type="checkbox"]:checked.col-d-4-yellow + label:before {
    border-right: 2px solid #f57f17;
    border-bottom: 2px solid #f57f17;
}
[type="checkbox"].filled-in:checked.col-d-4-yellow + label:after,
[type="radio"].with-gap.col-d-4-yellow:checked + label:before,
[type="radio"].with-gap.col-d-4-yellow:checked + label:after {
    border: 2px solid #f57f17;
}
[type="radio"].col-d-4-yellow:checked + label:after {
    border-color: #f57f17;
}
.nav-tabs.col-d-4-yellow > li > a:before{
    border-bottom: 2px solid #f57f17;
}
.panel-group.col-d-4-yellow {
    border: 1px solid #f57f17;
}

.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever[class*="col-yellow"]:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 232, 33, 0.1);
}

.switch label input[type=checkbox]:checked + .lever[class*="col-yellow"] {
    background-color: rgba(255, 232, 33, 0.5);
}

.slider.thumb-bg-d-4-yellow::-webkit-slider-thumb {
    background-color: #f57f17;
}

.slider.thumb-bg-d-4-yellow::-moz-range-thumb {
    background-color: #f57f17;
}

.slider.thumb-bg-d-4-yellow::-ms-thumb {
    background-color: #f57f17;
}

.slider.slider-bg-d-4-yellow::-webkit-slider-runnable-track {
    background-color: #f57f17;
}

.slider.slider-bg-d-4-yellow::-moz-range-track {
    background-color: #f57f17;
}

.slider.slider-bg-d-4-yellow::-ms-track {
    background-color: #f57f17;
}
/*======================== AMBER ========================*/
.bg-amber{
    color: #FFF;
}
.modal-content.col-amber:not([class*="col-white"]) .modal-body,
.modal-content.col-amber:not([class*="col-white"]) .modal-footer .btn-link,
.modal-content.col-amber:not([class*="col-white"]) .modal-title,
.panel-group .panel.col-amber:not([class*="col-white"]) .panel-title,
.panel-group.full-body .panel.col-amber:not([class*="col-white"]) .panel-body,
.bg-amber.nav-tabs li a{
    color: #fff;
}
.bg-amber,
.d-checkbox input[type="checkbox"].filled-in:checked.col-amber + label:after,
[type="radio"].with-gap.col-amber:checked + label:after,
[type="radio"].col-amber:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-amber:after,
.modal-content.col-amber,
.panel-group .panel.col-amber .panel-title,
.panel-group.full-body .panel.col-amber .panel-body{
    background-color: #FFC107;
}

ul.stepper.stepper-col-amber .step.active:before,
ul.stepper.stepper-col-amber .step.done:before,
ul.stepper.horizontal.stepper-col-amber .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-amber .step.done .step-title:before{
    background-color: #FFC107;
}

.fc-col-amber:not([class*="lever"]) {
    border-bottom: 1px solid #FFC107;
}
.col-amber{
    color: #FFC107;
}
.vtabs.col-amber li.active{
    color: #FFC107;
    border-right: 2px solid #FFC107;
}
.d-checkbox input[type="checkbox"]:checked.col-amber + label:before {
    border-right: 2px solid #FFC107;
    border-bottom: 2px solid #FFC107;
}
.d-checkbox input[type="checkbox"].filled-in:checked.col-amber + label:after,
[type="radio"].with-gap.col-amber:checked + label:before,
[type="radio"].with-gap.col-amber:checked + label:after{
    border: 2px solid #FFC107;
}
[type="radio"].col-amber:checked + label:after {
    border-color: #FFC107;
}
.nav-tabs.col-amber > li > a:before{
    border-bottom: 2px solid #FFC107;
}
.panel-group.col-amber {
    border: 1px solid #FFC107;
}

.vtabs.col-amber .flex-item.active a{
    border-right: 2px solid #FFC107;
}

.slider.thumb-bg-amber::-webkit-slider-thumb {
    background-color: #FFC107;
}

.slider.thumb-bg-amber::-moz-range-thumb {
    background-color: #FFC107;
}

.slider.thumb-bg-amber::-ms-thumb {
    background-color: #FFC107;
}

.slider.slider-bg-amber::-webkit-slider-runnable-track {
    background-color: #FFC107;
}

.slider.slider-bg-amber::-moz-range-track {
    background-color: #FFC107;
}

.slider.slider-bg-amber::-ms-track {
    background-color: #FFC107;
}

.bg-l-1-amber,
[type="checkbox"].filled-in:checked.col-l-1-amber + label:after,
[type="radio"].with-gap.col-l-1-amber:checked + label:after,
[type="radio"].col-l-1-amber:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-1-amber:after,
.modal-content.col-l-1-amber,
.panel-group .panel.col-l-1-amber .panel-title,
.panel-group.full-body .panel.col-l-1-amber .panel-body {
    background-color: #ffca28;
}
ul.stepper.stepper-col-l-1-amber .step.active:before,
ul.stepper.stepper-col-l-1-amber .step.done:before,
ul.stepper.horizontal.stepper-col-l-1-amber .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-1-amber .step.done .step-title:before  {
    background-color: #ffca28;
}


.fc-col-l-1-amber:not([class*="lever"]) {
    border-bottom: 1px solid #ffca28;
}
.col-l-1-amber {
    color: #ffca28;
}
.vtabs.col-l-1-amber li.active{
    color: #ffca28;
    border-right: 2px solid #ffca28;
}
[type="checkbox"]:checked.col-l-1-amber + label:before {
    border-right: 2px solid #ffca28;
    border-bottom: 2px solid #ffca28;
}
[type="checkbox"].filled-in:checked.col-l-1-amber + label:after,
[type="radio"].with-gap.col-l-1-amber:checked + label:before,
[type="radio"].with-gap.col-l-1-amber:checked + label:after {
    border: 2px solid #ffca28;
}
[type="radio"].col-l-1-amber:checked + label:after {
    border-color: #ffca28;
}
.nav-tabs.col-l-1-amber > li > a:before{
    border-bottom: 2px solid #ffca28;
}
.panel-group.col-l-1-amber {
    border: 1px solid #ffca28;
}

.slider.thumb-bg-l-1-amber::-webkit-slider-thumb {
    background-color: #ffca28;
}

.slider.thumb-bg-l-1-amber::-moz-range-thumb {
    background-color: #ffca28;
}

.slider.thumb-bg-l-1-amber::-ms-thumb {
    background-color: #ffca28;
}

.slider.slider-bg-l-1-amber::-webkit-slider-runnable-track {
    background-color: #ffca28;
}

.slider.slider-bg-l-1-amber::-moz-range-track {
    background-color: #ffca28;
}

.slider.slider-bg-l-1-amber::-ms-track {
    background-color: #ffca28;
}

.bg-l-2-amber,
[type="checkbox"].filled-in:checked.col-l-2-amber + label:after,
[type="radio"].with-gap.col-l-2-amber:checked + label:after,
[type="radio"].col-l-2-amber:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-2-amber:after,
.modal-content.col-l-2-amber,
.panel-group .panel.col-l-2-amber .panel-title,
.panel-group.full-body .panel.col-l-2-amber .panel-body {
    background-color: #ffd54f;
}
ul.stepper.stepper-col-l-2-amber .step.active:before,
ul.stepper.stepper-col-l-2-amber .step.done:before,
ul.stepper.horizontal.stepper-col-l-2-amber .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-2-amber .step.done .step-title:before   {
    background-color: #ffd54f;
}

.fc-col-l-2-amber:not([class*="lever"]) {
    border-bottom: 1px solid #ffd54f;
}
.col-l-2-amber {
    color: #ffd54f;
}
.vtabs.col-l-2-amber li.active{
    color: #ffd54f;
    border-right: 2px solid #ffd54f;
}
[type="checkbox"]:checked.col-l-2-amber + label:before {
    border-right: 2px solid #ffd54f;
    border-bottom: 2px solid #ffd54f;
}
[type="checkbox"].filled-in:checked.col-l-2-amber + label:after,
[type="radio"].with-gap.col-l-2-amber:checked + label:before,
[type="radio"].with-gap.col-l-2-amber:checked + label:after {
    border: 2px solid #ffd54f;
}
[type="radio"].col-l-2-amber:checked + label:after {
    border-color: #ffd54f;
}
.nav-tabs.col-l-2-amber > li > a:before{
    border-bottom: 2px solid #ffd54f;
}
.panel-group.col-l-2-amber {
    border: 1px solid #ffd54f;
}

.slider.thumb-bg-l-2-amber::-webkit-slider-thumb {
    background-color: #ffd54f;
}

.slider.thumb-bg-l-2-amber::-moz-range-thumb {
    background-color: #ffd54f;
}

.slider.thumb-bg-l-2-amber::-ms-thumb {
    background-color: #ffd54f;
}

.slider.slider-bg-l-2-amber::-webkit-slider-runnable-track {
    background-color: #ffd54f;
}

.slider.slider-bg-l-2-amber::-moz-range-track {
    background-color: #ffd54f;
}

.slider.slider-bg-l-2-amber::-ms-track {
    background-color: #ffd54f;
}

.bg-l-3-amber,
[type="checkbox"].filled-in:checked.col-l-3-amber + label:after,
[type="radio"].with-gap.col-l-3-amber:checked + label:after,
[type="radio"].with-gap.col-l-3-amber:checked + label:after,
[type="radio"].col-l-3-amber:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-3-amber:after,
.modal-content.col-l-3-amber,
.panel-group .panel.col-l-3-amber .panel-title,
.panel-group.full-body .panel.col-l-3-amber .panel-body {
    background-color: #ffe082;
}

ul.stepper.stepper-col-l-3-amber .step.active:before,
ul.stepper.stepper-col-l-3-amber .step.done:before,
ul.stepper.horizontal.stepper-col-l-3-amber .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-3-amber .step.done .step-title:before   {
    background-color: #ffe082;
}

.fc-col-l-3-amber:not([class*="lever"]) {
    border-bottom: 1px solid #ffe082;
}

.col-l-3-amber {
    color: #ffe082;
}
.vtabs.col-l-3-amber li.active{
    color: #ffe082;
    border-right: 2px solid #ffe082;
}
[type="checkbox"]:checked.col-l-3-amber + label:before {
    border-right: 2px solid #ffe082;
    border-bottom: 2px solid #ffe082;
}
[type="checkbox"].filled-in:checked.col-l-3-amber + label:after,
[type="radio"].with-gap.col-l-3-amber:checked + label:before,
[type="radio"].with-gap.col-l-3-amber:checked + label:after {
    border: 2px solid #ffe082;
}
[type="radio"].col-l-3-amber:checked + label:after {
    border-color: #ffe082;
}
.nav-tabs.col-l-3-amber > li > a:before{
    border-bottom: 2px solid #ffe082;
}
.panel-group.col-l-3-amber {
    border: 1px solid #ffe082;
}

.slider.thumb-bg-l-3-amber::-webkit-slider-thumb {
    background-color: #ffe082;
}

.slider.thumb-bg-l-3-amber::-moz-range-thumb {
    background-color: #ffe082;
}

.slider.thumb-bg-l-3-amber::-ms-thumb {
    background-color: #ffe082;
}

.slider.slider-bg-l-3-amber::-webkit-slider-runnable-track {
    background-color: #ffe082;
}

.slider.slider-bg-l-3-amber::-moz-range-track {
    background-color: #ffe082;
}

.slider.slider-bg-l-3-amber::-ms-track {
    background-color: #ffe082;
}

.bg-l-4-amber,
[type="checkbox"].filled-in:checked.col-l-4-amber + label:after,
[type="radio"].with-gap.col-l-4-amber:checked + label:after,
[type="radio"].col-l-4-amber:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-4-amber:after,
.modal-content.col-l-4-amber,
.panel-group .panel.col-l-4-amber .panel-title,
.panel-group.full-body .panel.col-l-4-amber .panel-body {
    background-color: #ffecb3;
}

ul.stepper.stepper-col-l-4-amber .step.active:before,
ul.stepper.stepper-col-l-4-amber .step.done:before,
ul.stepper.horizontal.stepper-col-l-4-amber .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-4-amber .step.done .step-title:before  {
    background-color: #ffecb3;
}

.fc-col-l-4-amber:not([class*="lever"]) {
    border-bottom: 1px solid #ffecb3;
}
.col-l-4-amber{
    color: #ffecb3;
}
.vtabs.col-l-4-amber li.active{
    color: #ffecb3;
    border-right: 2px solid #ffecb3;
}
[type="checkbox"]:checked.col-l-4-amber + label:before {
    border-right: 2px solid #ffecb3;
    border-bottom: 2px solid #ffecb3;
}
[type="checkbox"].filled-in:checked.col-l-4-amber + label:after,
[type="radio"].with-gap.col-l-4-amber:checked + label:before,
[type="radio"].with-gap.col-l-4-amber:checked + label:after {
    border: 2px solid #ffecb3;
}
[type="radio"].col-l-4-amber:checked + label:after {
    border-color: #ffecb3;
}
.nav-tabs.col-l-4-amber > li > a:before{
    border-bottom: 2px solid #ffecb3;
}
.panel-group.col-l-4-amber {
    border: 1px solid #ffecb3;
}

.slider.thumb-bg-l-4-amber::-webkit-slider-thumb {
    background-color: #ffecb3;
}

.slider.thumb-bg-l-4-amber::-moz-range-thumb {
    background-color: #ffecb3;
}

.slider.thumb-bg-l-4-amber::-ms-thumb {
    background-color: #ffecb3;
}

.slider.slider-bg-l-4-amber::-webkit-slider-runnable-track {
    background-color: #ffecb3;
}

.slider.slider-bg-l-4-amber::-moz-range-track {
    background-color: #ffecb3;
}

.slider.slider-bg-l-4-amber::-ms-track {
    background-color: #ffecb3;
}

.bg-l-5-amber ,
[type="checkbox"].filled-in:checked.col-l-5-amber + label:after,
[type="radio"].with-gap.col-l-5-amber:checked + label:after,
[type="radio"].col-l-5-amber:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-5-amber:after,
.modal-content.col-l-5-amber,
.panel-group .panel.col-l-5-amber .panel-title,
.panel-group.full-body .panel.col-l-5-amber .panel-body {
    background-color: #fff8e1;
}

ul.stepper.stepper-col-l-5-amber .step.active:before,
ul.stepper.stepper-col-l-5-amber .step.done:before,
ul.stepper.horizontal.stepper-col-l-5-amber .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-5-amber .step.done .step-title:before   {
    background-color: #fff8e1;
}

.fc-col-l-5-amber:not([class*="lever"]) {
    border-bottom: 1px solid #fff8e1;
}
.col-l-5-amber {
    color: #fff8e1;
}
.vtabs.col-l-5-amber li.active{
    color: #fff8e1;
    border-right: 2px solid #fff8e1;
}
[type="checkbox"]:checked.col-l-5-amber + label:before {
    border-right: 2px solid #fff8e1;
    border-bottom: 2px solid #fff8e1;
}
[type="checkbox"].filled-in:checked.col-l-5-amber + label:after,
[type="radio"].with-gap.col-l-5-amber:checked + label:before,
[type="radio"].with-gap.col-l-5-amber:checked + label:after {
    border: 2px solid #fff8e1;
}
[type="radio"].col-l-5-amber:checked + label:after {
    border-color: #fff8e1;
}
.nav-tabs.col-l-5-amber > li > a:before{
    border-bottom: 2px solid #fff8e1;
}
.panel-group.col-l-5-amber {
    border: 1px solid #fff8e1;
}

.slider.thumb-bg-l-5-amber::-webkit-slider-thumb {
    background-color: #fff8e1;
}

.slider.thumb-bg-l-5-amber::-moz-range-thumb {
    background-color: #fff8e1;
}

.slider.thumb-bg-l-5-amber::-ms-thumb {
    background-color: #fff8e1;
}

.slider.slider-bg-l-5-amber::-webkit-slider-runnable-track {
    background-color: #fff8e1;
}

.slider.slider-bg-l-5-amber::-moz-range-track {
    background-color: #fff8e1;
}

.slider.slider-bg-l-5-amber::-ms-track {
    background-color: #fff8e1;
}

.bg-d-1-amber,
[type="checkbox"].filled-in:checked.col-d-1-amber + label:after,
[type="radio"].with-gap.col-d-1-amber:checked + label:after,
[type="radio"].col-d-1-amber:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-1-amber:after,
.modal-content.col-d-1-amber,
.panel-group .panel.col-d-1-amber .panel-title,
.panel-group.full-body .panel.col-d-1-amber .panel-body {
    background-color: #ffb300;
}

ul.stepper.stepper-col-d-1-amber .step.active:before,
ul.stepper.stepper-col-d-1-amber .step.done:before,
ul.stepper.horizontal.stepper-col-d-1-amber .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-1-amber .step.done .step-title:before   {
    background-color: #ffb300;
}

.fc-col-d-1-amber:not([class*="lever"]) {
    border-bottom: 1px solid #ffb300;
}
.col-d-1-amber {
    color: #ffb300;
}
.vtabs.col-d-1-amber li.active{
    color: #ffb300;
    border-right: 2px solid #ffb300;
}
[type="checkbox"]:checked.col-d-1-amber + label:before {
    border-right: 2px solid #ffb300;
    border-bottom: 2px solid #ffb300;
}
[type="checkbox"].filled-in:checked.col-d-1-amber + label:after,
[type="radio"].with-gap.col-d-1-amber:checked + label:before,
[type="radio"].with-gap.col-d-1-amber:checked + label:after {
    border: 2px solid #ffb300;
}
[type="radio"].col-d-1-amber:checked + label:after {
    border-color: #ffb300;
}
.nav-tabs.col-d-1-amber > li > a:before{
    border-bottom: 2px solid #ffb300;
}
.panel-group.col-d-1-amber {
    border: 1px solid #ffb300;
}

.slider.thumb-bg-d-1-amber::-webkit-slider-thumb {
    background-color: #ffb300;
}

.slider.thumb-bg-d-1-amber::-moz-range-thumb {
    background-color: #ffb300;
}

.slider.thumb-bg-d-1-amber::-ms-thumb {
    background-color: #ffb300;
}

.slider.slider-bg-d-1-amber::-webkit-slider-runnable-track {
    background-color: #ffb300;
}

.slider.slider-bg-d-1-amber::-moz-range-track {
    background-color: #ffb300;
}

.slider.slider-bg-d-1-amber::-ms-track {
    background-color: #ffb300;
}

.bg-d-2-amber,
[type="checkbox"].filled-in:checked.col-d-2-amber + label:after,
[type="radio"].with-gap.col-d-2-amber:checked + label:after,
[type="radio"].col-d-2-amber:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-2-amber:after,
.modal-content.col-d-2-amber,
.panel-group .panel.col-d-2-amber .panel-title,
.panel-group.full-body .panel.col-d-2-amber .panel-body {
    background-color: #ffa000;
}

ul.stepper.stepper-col-d-2-amber .step.active:before,
ul.stepper.stepper-col-d-2-amber .step.done:before,
ul.stepper.horizontal.stepper-col-d-2-amber .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-2-amber .step.done .step-title:before  {
    background-color: #ffa000;
}

.fc-col-d-2-amber:not([class*="lever"]) {
    border-bottom: 1px solid #ffa000;
}
.col-d-2-amber {
    color: #ffa000;
}
.vtabs.col-d-2-amber li.active{
    color: #ffa000;
    border-right: 2px solid #ffa000;
}
[type="checkbox"]:checked.col-d-2-amber + label:before {
    border-right: 2px solid #ffa000;
    border-bottom: 2px solid #ffa000;
}
[type="checkbox"].filled-in:checked.col-d-2-amber + label:after,
[type="radio"].with-gap.col-d-2-amber:checked + label:before,
[type="radio"].with-gap.col-d-2-amber:checked + label:after {
    border: 2px solid #ffa000;
}
[type="radio"].col-d-2-amber:checked + label:after {
    border-color: #ffa000;
}
.nav-tabs.col-d-2-amber > li > a:before{
    border-bottom: 2px solid #ffa000;
}
.panel-group.col-d-2-amber {
    border: 1px solid #ffa000;
}

.slider.thumb-bg-d-2-amber::-webkit-slider-thumb {
    background-color: #ffa000;
}

.slider.thumb-bg-d-2-amber::-moz-range-thumb {
    background-color: #ffa000;
}

.slider.thumb-bg-d-2-amber::-ms-thumb {
    background-color: #ffa000;
}

.slider.slider-bg-d-2-amber::-webkit-slider-runnable-track {
    background-color: #ffa000;
}

.slider.slider-bg-d-2-amber::-moz-range-track {
    background-color: #ffa000;
}

.slider.slider-bg-d-2-amber::-ms-track {
    background-color: #ffa000;
}

.bg-d-3-amber,
[type="checkbox"].filled-in:checked.col-d-3-amber + label:after,
[type="radio"].with-gap.col-d-3-amber:checked + label:after,
[type="radio"].col-d-2-amber:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-3-amber:after,
.modal-content.col-d-3-amber,
.panel-group .panel.col-d-3-amber .panel-title,
.panel-group.full-body .panel.col-d-3-amber .panel-body {
    background-color: #ff8f00;
}

ul.stepper.stepper-col-d-3-amber .step.active:before,
ul.stepper.stepper-col-d-3-amber .step.done:before,
ul.stepper.horizontal.stepper-col-d-3-amber .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-3-amber .step.done .step-title:before  {
    background-color: #ff8f00;
}

.fc-col-d-3-amber:not([class*="lever"]) {
    border-bottom: 1px solid #ff8f00;
}
.col-d-3-amber{
    color: #ff8f00;
}
.vtabs.col-d-3-amber li.active{
    color: #ff8f00;
    border-right: 2px solid #ff8f00;
}
[type="checkbox"]:checked.col-d-3-amber + label:before {
    border-right: 2px solid #ff8f00;
    border-bottom: 2px solid #ff8f00;
}
[type="checkbox"].filled-in:checked.col-d-3-amber + label:after,
[type="radio"].with-gap.col-d-3-amber:checked + label:before,
[type="radio"].with-gap.col-d-3-amber:checked + label:after {
    border: 2px solid #ff8f00;
}
[type="radio"].col-d-3-amber:checked + label:after {
    border-color: #ff8f00;
}
.nav-tabs.col-d-3-amber > li > a:before{
    border-bottom: 2px solid #ff8f00;
}
.panel-group.col-d-3-amber {
    border: 1px solid #ff8f00;
}

.slider.thumb-bg-d-3-amber::-webkit-slider-thumb {
    background-color: #ff8f00;
}

.slider.thumb-bg-d-3-amber::-moz-range-thumb {
    background-color: #ff8f00;
}

.slider.thumb-bg-d-3-amber::-ms-thumb {
    background-color: #ff8f00;
}

.slider.slider-bg-d-3-amber::-webkit-slider-runnable-track {
    background-color: #ff8f00;
}

.slider.slider-bg-d-3-amber::-moz-range-track {
    background-color: #ff8f00;
}

.slider.slider-bg-d-3-amber::-ms-track {
    background-color: #ff8f00;
}

.bg-d-4-amber,
[type="checkbox"].filled-in:checked.col-d-4-amber + label:after,
[type="radio"].with-gap.col-d-4-amber:checked + label:after,
[type="radio"].col-d-4-amber:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-4-amber:after,
.modal-content.col-d-4-amber,
.panel-group .panel.col-d-4-amber .panel-title,
.panel-group.full-body .panel.col-d-4-amber .panel-body {
    background-color: #ff6f00;
}

ul.stepper.stepper-col-d-4-amber .step.active:before,
ul.stepper.stepper-col-d-4-amber .step.done:before,
ul.stepper.horizontal.stepper-col-d-4-amber .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-4-amber .step.done .step-title:before  {
    background-color: #ff6f00;
}

.fc-col-d-4-amber:not([class*="lever"]) {
    border-bottom: 1px solid #ff6f00;
}
.col-d-4-amber{
    color: #ff6f00;
}
.vtabs.col-d-4-amber li.active{
    color: #ff6f00;
    border-right: 2px solid #ff6f00;
}
[type="checkbox"]:checked.col-d-4-amber + label:before {
    border-right: 2px solid #ff6f00;
    border-bottom: 2px solid #ff6f00;
}
[type="checkbox"].filled-in:checked.col-d-4-amber + label:after,
[type="radio"].with-gap.col-d-4-amber:checked + label:before,
[type="radio"].with-gap.col-d-4-amber:checked + label:after {
    border: 2px solid #ff6f00;
}
[type="radio"].col-d-4-amber:checked + label:after {
    border-color: #ff6f00;
}
.nav-tabs.col-d-4-amber > li > a:before{
    border-bottom: 2px solid #ff6f00;
}
.panel-group.col-d-4-amber {
    border: 1px solid #ff6f00;
}

.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever[class*="col-amber"]:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 193, 7, 0.1);
}

.switch label input[type=checkbox]:checked + .lever[class*="col-amber"] {
    background-color: rgba(255, 193, 7, 0.5);
}

.slider.thumb-bg-d-4-amber::-webkit-slider-thumb {
    background-color: #ff6f00;
}

.slider.thumb-bg-d-4-amber::-moz-range-thumb {
    background-color: #ff6f00;
}

.slider.thumb-bg-d-4-amber::-ms-thumb {
    background-color: #ff6f00;
}

.slider.slider-bg-d-4-amber::-webkit-slider-runnable-track {
    background-color: #ff6f00;
}

.slider.slider-bg-d-4-amber::-moz-range-track {
    background-color: #ff6f00;
}

.slider.slider-bg-d-4-amber::-ms-track {
    background-color: #ff6f00;
}
/*======================== ORANGE ========================*/
.bg-orange{
    color: #FFF;
}
.modal-content.col-orange:not([class*="col-white"]) .modal-body,
.modal-content.col-orange:not([class*="col-white"]) .modal-footer .btn-link,
.modal-content.col-orange:not([class*="col-white"]) .modal-title,
.panel-group .panel.col-orange:not([class*="col-white"]) .panel-title,
.panel-group.full-body .panel.col-orange:not([class*="col-white"]) .panel-body,
.bg-orange.nav-tabs li a{
    color: #fff;
}
.bg-orange,
.d-checkbox input[type="checkbox"].filled-in:checked.col-orange + label:after,
[type="radio"].with-gap.col-orange:checked + label:after,
[type="radio"].col-orange:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-orange:after,
.modal-content.col-orange,
.panel-group .panel.col-orange .panel-title,
.panel-group.full-body .panel.col-orange .panel-body{
    background-color: #FF9800;
}

ul.stepper.stepper-col-orange .step.active:before,
ul.stepper.stepper-col-orange .step.done:before,
ul.stepper.horizontal.stepper-col-orange .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-orange .step.done .step-title:before{
    background-color: #FF9800;
}

.fc-col-orange:not([class*="lever"]) {
    border-bottom: 1px solid #FF9800;
}
.col-orange{
    color: #FF9800;
}
.vtabs.col-orange li.active{
    color: #FF9800;
    border-right: 2px solid #FF9800;
}
.d-checkbox input[type="checkbox"]:checked.col-orange + label:before {
    border-right: 2px solid #FF9800;
    border-bottom: 2px solid #FF9800;
}
.d-checkbox input[type="checkbox"].filled-in:checked.col-orange + label:after,
[type="radio"].with-gap.col-orange:checked + label:before,
[type="radio"].with-gap.col-orange:checked + label:after{
    border: 2px solid #FF9800;
}
[type="radio"].col-orange:checked + label:after {
    border-color: #FF9800;
}
.nav-tabs.col-orange > li > a:before{
    border-bottom: 2px solid #FF9800;
}
.panel-group.col-orange {
    border: 1px solid #FF9800;
}

.vtabs.col-orange .flex-item.active a{
    border-right: 2px solid #FF9800;
}

.slider.thumb-bg-orange::-webkit-slider-thumb {
    background-color: #FF9800;
}

.slider.thumb-bg-orange::-moz-range-thumb {
    background-color: #FF9800;
}

.slider.thumb-bg-orange::-ms-thumb {
    background-color: #FF9800;
}

.slider.slider-bg-orange::-webkit-slider-runnable-track {
    background-color: #FF9800;
}

.slider.slider-bg-orange::-moz-range-track {
    background-color: #FF9800;
}

.slider.slider-bg-orange::-ms-track {
    background-color: #FF9800;
}

.bg-l-1-orange,
[type="checkbox"].filled-in:checked.col-l-1-orange + label:after,
[type="radio"].with-gap.col-l-1-orange:checked + label:after,
[type="radio"].col-l-1-orange:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-1-orange:after,
.modal-content.col-l-1-orange,
.panel-group .panel.col-l-1-orange .panel-title,
.panel-group.full-body .panel.col-l-1-orange .panel-body {
    background-color: #ffa726;
}
ul.stepper.stepper-col-l-1-orange .step.active:before,
ul.stepper.stepper-col-l-1-orange .step.done:before,
ul.stepper.horizontal.stepper-col-l-1-orange .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-1-orange .step.done .step-title:before  {
    background-color: #ffa726;
}


.fc-col-l-1-orange:not([class*="lever"]) {
    border-bottom: 1px solid #ffa726;
}
.col-l-1-orange {
    color: #ffa726;
}
.vtabs.col-l-1-orange li.active{
    color: #ffa726;
    border-right: 2px solid #ffa726;
}
[type="checkbox"]:checked.col-l-1-orange + label:before {
    border-right: 2px solid #ffa726;
    border-bottom: 2px solid #ffa726;
}
[type="checkbox"].filled-in:checked.col-l-1-orange + label:after,
[type="radio"].with-gap.col-l-1-orange:checked + label:before,
[type="radio"].with-gap.col-l-1-orange:checked + label:after {
    border: 2px solid #ffa726;
}
[type="radio"].col-l-1-orange:checked + label:after {
    border-color: #ffa726;
}
.nav-tabs.col-l-1-orange > li > a:before{
    border-bottom: 2px solid #ffa726;
}
.panel-group.col-l-1-orange {
    border: 1px solid #ffa726;
}

.slider.thumb-bg-l-1-orange::-webkit-slider-thumb {
    background-color: #ffa726;
}

.slider.thumb-bg-l-1-orange::-moz-range-thumb {
    background-color: #ffa726;
}

.slider.thumb-bg-l-1-orange::-ms-thumb {
    background-color: #ffa726;
}

.slider.slider-bg-l-1-orange::-webkit-slider-runnable-track {
    background-color: #ffa726;
}

.slider.slider-bg-l-1-orange::-moz-range-track {
    background-color: #ffa726;
}

.slider.slider-bg-l-1-orange::-ms-track {
    background-color: #ffa726;
}

.bg-l-2-orange,
[type="checkbox"].filled-in:checked.col-l-2-orange + label:after,
[type="radio"].with-gap.col-l-2-orange:checked + label:after,
[type="radio"].col-l-2-orange:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-2-orange:after,
.modal-content.col-l-2-orange,
.panel-group .panel.col-l-2-orange .panel-title,
.panel-group.full-body .panel.col-l-2-orange .panel-body {
    background-color: #ffb74d;
}
ul.stepper.stepper-col-l-2-orange .step.active:before,
ul.stepper.stepper-col-l-2-orange .step.done:before,
ul.stepper.horizontal.stepper-col-l-2-orange .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-2-orange .step.done .step-title:before   {
    background-color: #ffb74d;
}

.fc-col-l-2-orange:not([class*="lever"]) {
    border-bottom: 1px solid #ffb74d;
}
.col-l-2-orange {
    color: #ffb74d;
}
.vtabs.col-l-2-orange li.active{
    color: #ffb74d;
    border-right: 2px solid #ffb74d;
}
[type="checkbox"]:checked.col-l-2-orange + label:before {
    border-right: 2px solid #ffb74d;
    border-bottom: 2px solid #ffb74d;
}
[type="checkbox"].filled-in:checked.col-l-2-orange + label:after,
[type="radio"].with-gap.col-l-2-orange:checked + label:before,
[type="radio"].with-gap.col-l-2-orange:checked + label:after {
    border: 2px solid #ffb74d;
}
[type="radio"].col-l-2-orange:checked + label:after {
    border-color: #ffb74d;
}
.nav-tabs.col-l-2-orange > li > a:before{
    border-bottom: 2px solid #ffb74d;
}
.panel-group.col-l-2-orange {
    border: 1px solid #ffb74d;
}

.slider.thumb-bg-l-2-orange::-webkit-slider-thumb {
    background-color: #ffb74d;
}

.slider.thumb-bg-l-2-orange::-moz-range-thumb {
    background-color: #ffb74d;
}

.slider.thumb-bg-l-2-orange::-ms-thumb {
    background-color: #ffb74d;
}

.slider.slider-bg-l-2-orange::-webkit-slider-runnable-track {
    background-color: #ffb74d;
}

.slider.slider-bg-l-2-orange::-moz-range-track {
    background-color: #ffb74d;
}

.slider.slider-bg-l-2-orange::-ms-track {
    background-color: #ffb74d;
}

.bg-l-3-orange,
[type="checkbox"].filled-in:checked.col-l-3-orange + label:after,
[type="radio"].with-gap.col-l-3-orange:checked + label:after,
[type="radio"].with-gap.col-l-3-orange:checked + label:after,
[type="radio"].col-l-3-orange:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-3-orange:after,
.modal-content.col-l-3-orange,
.panel-group .panel.col-l-3-orange .panel-title,
.panel-group.full-body .panel.col-l-3-orange .panel-body {
    background-color: #ffcc80;
}

ul.stepper.stepper-col-l-3-orange .step.active:before,
ul.stepper.stepper-col-l-3-orange .step.done:before,
ul.stepper.horizontal.stepper-col-l-3-orange .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-3-orange .step.done .step-title:before   {
    background-color: #ffcc80;
}

.fc-col-l-3-orange:not([class*="lever"]) {
    border-bottom: 1px solid #ffcc80;
}

.col-l-3-orange {
    color: #ffcc80;
}
.vtabs.col-l-3-orange li.active{
    color: #ffcc80;
    border-right: 2px solid #ffcc80;
}
[type="checkbox"]:checked.col-l-3-orange + label:before {
    border-right: 2px solid #ffcc80;
    border-bottom: 2px solid #ffcc80;
}
[type="checkbox"].filled-in:checked.col-l-3-orange + label:after,
[type="radio"].with-gap.col-l-3-orange:checked + label:before,
[type="radio"].with-gap.col-l-3-orange:checked + label:after {
    border: 2px solid #ffcc80;
}
[type="radio"].col-l-3-orange:checked + label:after {
    border-color: #ffcc80;
}
.nav-tabs.col-l-3-orange > li > a:before{
    border-bottom: 2px solid #ffcc80;
}
.panel-group.col-l-3-orange {
    border: 1px solid #ffcc80;
}

.slider.thumb-bg-l-3-orange::-webkit-slider-thumb {
    background-color: #ffcc80;
}

.slider.thumb-bg-l-3-orange::-moz-range-thumb {
    background-color: #ffcc80;
}

.slider.thumb-bg-l-3-orange::-ms-thumb {
    background-color: #ffcc80;
}

.slider.slider-bg-l-3-orange::-webkit-slider-runnable-track {
    background-color: #ffcc80;
}

.slider.slider-bg-l-3-orange::-moz-range-track {
    background-color: #ffcc80;
}

.slider.slider-bg-l-3-orange::-ms-track {
    background-color: #ffcc80;
}

.bg-l-4-orange,
[type="checkbox"].filled-in:checked.col-l-4-orange + label:after,
[type="radio"].with-gap.col-l-4-orange:checked + label:after,
[type="radio"].col-l-4-orange:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-4-orange:after,
.modal-content.col-l-4-orange,
.panel-group .panel.col-l-4-orange .panel-title,
.panel-group.full-body .panel.col-l-4-orange .panel-body {
    background-color: #ffe0b2;
}

ul.stepper.stepper-col-l-4-orange .step.active:before,
ul.stepper.stepper-col-l-4-orange .step.done:before,
ul.stepper.horizontal.stepper-col-l-4-orange .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-4-orange .step.done .step-title:before  {
    background-color: #ffe0b2;
}

.fc-col-l-4-orange:not([class*="lever"]) {
    border-bottom: 1px solid #ffe0b2;
}
.col-l-4-orange{
    color: #ffe0b2;
}
.vtabs.col-l-4-orange li.active{
    color: #ffe0b2;
    border-right: 2px solid #ffe0b2;
}
[type="checkbox"]:checked.col-l-4-orange + label:before {
    border-right: 2px solid #ffe0b2;
    border-bottom: 2px solid #ffe0b2;
}
[type="checkbox"].filled-in:checked.col-l-4-orange + label:after,
[type="radio"].with-gap.col-l-4-orange:checked + label:before,
[type="radio"].with-gap.col-l-4-orange:checked + label:after {
    border: 2px solid #ffe0b2;
}
[type="radio"].col-l-4-orange:checked + label:after {
    border-color: #ffe0b2;
}
.nav-tabs.col-l-4-orange > li > a:before{
    border-bottom: 2px solid #ffe0b2;
}
.panel-group.col-l-4-orange {
    border: 1px solid #ffe0b2;
}

.slider.thumb-bg-l-4-orange::-webkit-slider-thumb {
    background-color: #ffe0b2;
}

.slider.thumb-bg-l-4-orange::-moz-range-thumb {
    background-color: #ffe0b2;
}

.slider.thumb-bg-l-4-orange::-ms-thumb {
    background-color: #ffe0b2;
}

.slider.slider-bg-l-4-orange::-webkit-slider-runnable-track {
    background-color: #ffe0b2;
}

.slider.slider-bg-l-4-orange::-moz-range-track {
    background-color: #ffe0b2;
}

.slider.slider-bg-l-4-orange::-ms-track {
    background-color: #ffe0b2;
}

.bg-l-5-orange ,
[type="checkbox"].filled-in:checked.col-l-5-orange + label:after,
[type="radio"].with-gap.col-l-5-orange:checked + label:after,
[type="radio"].col-l-5-orange:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-5-orange:after,
.modal-content.col-l-5-orange,
.panel-group .panel.col-l-5-orange .panel-title,
.panel-group.full-body .panel.col-l-5-orange .panel-body {
    background-color: #fff3e0;
}

ul.stepper.stepper-col-l-5-orange .step.active:before,
ul.stepper.stepper-col-l-5-orange .step.done:before,
ul.stepper.horizontal.stepper-col-l-5-orange .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-5-orange .step.done .step-title:before   {
    background-color: #fff3e0;
}

.fc-col-l-5-orange:not([class*="lever"]) {
    border-bottom: 1px solid #fff3e0;
}
.col-l-5-orange {
    color: #fff3e0;
}
.vtabs.col-l-5-orange li.active{
    color: #fff3e0;
    border-right: 2px solid #fff3e0;
}
[type="checkbox"]:checked.col-l-5-orange + label:before {
    border-right: 2px solid #fff3e0;
    border-bottom: 2px solid #fff3e0;
}
[type="checkbox"].filled-in:checked.col-l-5-orange + label:after,
[type="radio"].with-gap.col-l-5-orange:checked + label:before,
[type="radio"].with-gap.col-l-5-orange:checked + label:after {
    border: 2px solid #fff3e0;
}
[type="radio"].col-l-5-orange:checked + label:after {
    border-color: #fff3e0;
}
.nav-tabs.col-l-5-orange > li > a:before{
    border-bottom: 2px solid #fff3e0;
}
.panel-group.col-l-5-orange {
    border: 1px solid #fff3e0;
}

.slider.thumb-bg-l-5-orange::-webkit-slider-thumb {
    background-color: #fff3e0;
}

.slider.thumb-bg-l-5-orange::-moz-range-thumb {
    background-color: #fff3e0;
}

.slider.thumb-bg-l-5-orange::-ms-thumb {
    background-color: #fff3e0;
}

.slider.slider-bg-l-5-orange::-webkit-slider-runnable-track {
    background-color: #fff3e0;
}

.slider.slider-bg-l-5-orange::-moz-range-track {
    background-color: #fff3e0;
}

.slider.slider-bg-l-5-orange::-ms-track {
    background-color: #fff3e0;
}

.bg-d-1-orange,
[type="checkbox"].filled-in:checked.col-d-1-orange + label:after,
[type="radio"].with-gap.col-d-1-orange:checked + label:after,
[type="radio"].col-d-1-orange:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-1-orange:after,
.modal-content.col-d-1-orange,
.panel-group .panel.col-d-1-orange .panel-title,
.panel-group.full-body .panel.col-d-1-orange .panel-body {
    background-color: #fb8c00;
}

ul.stepper.stepper-col-d-1-orange .step.active:before,
ul.stepper.stepper-col-d-1-orange .step.done:before,
ul.stepper.horizontal.stepper-col-d-1-orange .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-1-orange .step.done .step-title:before   {
    background-color: #fb8c00;
}

.fc-col-d-1-orange:not([class*="lever"]) {
    border-bottom: 1px solid #fb8c00;
}
.col-d-1-orange {
    color: #fb8c00;
}
.vtabs.col-d-1-orange li.active{
    color: #fb8c00;
    border-right: 2px solid #fb8c00;
}
[type="checkbox"]:checked.col-d-1-orange + label:before {
    border-right: 2px solid #fb8c00;
    border-bottom: 2px solid #fb8c00;
}
[type="checkbox"].filled-in:checked.col-d-1-orange + label:after,
[type="radio"].with-gap.col-d-1-orange:checked + label:before,
[type="radio"].with-gap.col-d-1-orange:checked + label:after {
    border: 2px solid #fb8c00;
}
[type="radio"].col-d-1-orange:checked + label:after {
    border-color: #fb8c00;
}
.nav-tabs.col-d-1-orange > li > a:before{
    border-bottom: 2px solid #fb8c00;
}
.panel-group.col-d-1-orange {
    border: 1px solid #fb8c00;
}

.slider.thumb-bg-d-1-orange::-webkit-slider-thumb {
    background-color: #fb8c00;
}

.slider.thumb-bg-d-1-orange::-moz-range-thumb {
    background-color: #fb8c00;
}

.slider.thumb-bg-d-1-orange::-ms-thumb {
    background-color: #fb8c00;
}

.slider.slider-bg-d-1-orange::-webkit-slider-runnable-track {
    background-color: #fb8c00;
}

.slider.slider-bg-d-1-orange::-moz-range-track {
    background-color: #fb8c00;
}

.slider.slider-bg-d-1-orange::-ms-track {
    background-color: #fb8c00;
}

.bg-d-2-orange,
[type="checkbox"].filled-in:checked.col-d-2-orange + label:after,
[type="radio"].with-gap.col-d-2-orange:checked + label:after,
[type="radio"].col-d-2-orange:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-2-orange:after,
.modal-content.col-d-2-orange,
.panel-group .panel.col-d-2-orange .panel-title,
.panel-group.full-body .panel.col-d-2-orange .panel-body {
    background-color: #f57c00;
}

ul.stepper.stepper-col-d-2-orange .step.active:before,
ul.stepper.stepper-col-d-2-orange .step.done:before,
ul.stepper.horizontal.stepper-col-d-2-orange .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-2-orange .step.done .step-title:before  {
    background-color: #f57c00;
}

.fc-col-d-2-orange:not([class*="lever"]) {
    border-bottom: 1px solid #f57c00;
}
.col-d-2-orange {
    color: #f57c00;
}
.vtabs.col-d-2-orange li.active{
    color: #f57c00;
    border-right: 2px solid #f57c00;
}
[type="checkbox"]:checked.col-d-2-orange + label:before {
    border-right: 2px solid #f57c00;
    border-bottom: 2px solid #f57c00;
}
[type="checkbox"].filled-in:checked.col-d-2-orange + label:after,
[type="radio"].with-gap.col-d-2-orange:checked + label:before,
[type="radio"].with-gap.col-d-2-orange:checked + label:after {
    border: 2px solid #f57c00;
}
[type="radio"].col-d-2-orange:checked + label:after {
    border-color: #f57c00;
}
.nav-tabs.col-d-2-orange > li > a:before{
    border-bottom: 2px solid #f57c00;
}
.panel-group.col-d-2-orange {
    border: 1px solid #f57c00;
}

.slider.thumb-bg-d-2-orange::-webkit-slider-thumb {
    background-color: #f57c00;
}

.slider.thumb-bg-d-2-orange::-moz-range-thumb {
    background-color: #f57c00;
}

.slider.thumb-bg-d-2-orange::-ms-thumb {
    background-color: #f57c00;
}

.slider.slider-bg-d-2-orange::-webkit-slider-runnable-track {
    background-color: #f57c00;
}

.slider.slider-bg-d-2-orange::-moz-range-track {
    background-color: #f57c00;
}

.slider.slider-bg-d-2-orange::-ms-track {
    background-color: #f57c00;
}

.bg-d-3-orange,
[type="checkbox"].filled-in:checked.col-d-3-orange + label:after,
[type="radio"].with-gap.col-d-3-orange:checked + label:after,
[type="radio"].col-d-2-orange:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-3-orange:after,
.modal-content.col-d-3-orange,
.panel-group .panel.col-d-3-orange .panel-title,
.panel-group.full-body .panel.col-d-3-orange .panel-body {
    background-color: #ef6c00;
}

ul.stepper.stepper-col-d-3-orange .step.active:before,
ul.stepper.stepper-col-d-3-orange .step.done:before,
ul.stepper.horizontal.stepper-col-d-3-orange .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-3-orange .step.done .step-title:before  {
    background-color: #ef6c00;
}

.fc-col-d-3-orange:not([class*="lever"]) {
    border-bottom: 1px solid #ef6c00;
}
.col-d-3-orange{
    color: #ef6c00;
}
.vtabs.col-d-3-orange li.active{
    color: #ef6c00;
    border-right: 2px solid #ef6c00;
}
[type="checkbox"]:checked.col-d-3-orange + label:before {
    border-right: 2px solid #ef6c00;
    border-bottom: 2px solid #ef6c00;
}
[type="checkbox"].filled-in:checked.col-d-3-orange + label:after,
[type="radio"].with-gap.col-d-3-orange:checked + label:before,
[type="radio"].with-gap.col-d-3-orange:checked + label:after {
    border: 2px solid #ef6c00;
}
[type="radio"].col-d-3-orange:checked + label:after {
    border-color: #ef6c00;
}
.nav-tabs.col-d-3-orange > li > a:before{
    border-bottom: 2px solid #ef6c00;
}
.panel-group.col-d-3-orange {
    border: 1px solid #ef6c00;
}

.slider.thumb-bg-d-3-orange::-webkit-slider-thumb {
    background-color: #ef6c00;
}

.slider.thumb-bg-d-3-orange::-moz-range-thumb {
    background-color: #ef6c00;
}

.slider.thumb-bg-d-3-orange::-ms-thumb {
    background-color: #ef6c00;
}

.slider.slider-bg-d-3-orange::-webkit-slider-runnable-track {
    background-color: #ef6c00;
}

.slider.slider-bg-d-3-orange::-moz-range-track {
    background-color: #ef6c00;
}

.slider.slider-bg-d-3-orange::-ms-track {
    background-color: #ef6c00;
}

.bg-d-4-orange,
[type="checkbox"].filled-in:checked.col-d-4-orange + label:after,
[type="radio"].with-gap.col-d-4-orange:checked + label:after,
[type="radio"].col-d-4-orange:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-4-orange:after,
.modal-content.col-d-4-orange,
.panel-group .panel.col-d-4-orange .panel-title,
.panel-group.full-body .panel.col-d-4-orange .panel-body {
    background-color: #e65100;
}

ul.stepper.stepper-col-d-4-orange .step.active:before,
ul.stepper.stepper-col-d-4-orange .step.done:before,
ul.stepper.horizontal.stepper-col-d-4-orange .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-4-orange .step.done .step-title:before  {
    background-color: #e65100;
}

.fc-col-d-4-orange:not([class*="lever"]) {
    border-bottom: 1px solid #e65100;
}
.col-d-4-orange{
    color: #e65100;
}
.vtabs.col-d-4-orange li.active{
    color: #e65100;
    border-right: 2px solid #e65100;
}
[type="checkbox"]:checked.col-d-4-orange + label:before {
    border-right: 2px solid #e65100;
    border-bottom: 2px solid #e65100;
}
[type="checkbox"].filled-in:checked.col-d-4-orange + label:after,
[type="radio"].with-gap.col-d-4-orange:checked + label:before,
[type="radio"].with-gap.col-d-4-orange:checked + label:after {
    border: 2px solid #e65100;
}
[type="radio"].col-d-4-orange:checked + label:after {
    border-color: #e65100;
}
.nav-tabs.col-d-4-orange > li > a:before{
    border-bottom: 2px solid #e65100;
}
.panel-group.col-d-4-orange {
    border: 1px solid #e65100;
}

.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever[class*="col-orange"]:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 152, 0, 0.1);
}

.switch label input[type=checkbox]:checked + .lever[class*="col-orange"] {
    background-color: rgba(255, 152, 0, 0.5);
}

.slider.thumb-bg-d-4-orange::-webkit-slider-thumb {
    background-color: #e65100;
}

.slider.thumb-bg-d-4-orange::-moz-range-thumb {
    background-color: #e65100;
}

.slider.thumb-bg-d-4-orange::-ms-thumb {
    background-color: #e65100;
}

.slider.slider-bg-d-4-orange::-webkit-slider-runnable-track {
    background-color: #e65100;
}

.slider.slider-bg-d-4-orange::-moz-range-track {
    background-color: #e65100;
}

.slider.slider-bg-d-4-orange::-ms-track {
    background-color: #e65100;
}
/*======================== DEEP ORANGE ========================*/
.bg-deep-orange{
    color: #FFF;
}
.modal-content.col-deep-orange:not([class*="col-white"]) .modal-body,
.modal-content.col-deep-orange:not([class*="col-white"]) .modal-footer .btn-link,
.modal-content.col-deep-orange:not([class*="col-white"]) .modal-title,
.panel-group .panel.col-deep-orange:not([class*="col-white"]) .panel-title,
.panel-group.full-body .panel.col-deep-orange:not([class*="col-white"]) .panel-body,
.bg-deep-orange.nav-tabs li a{
    color: #fff;
}
.bg-deep-orange,
.d-checkbox input[type="checkbox"].filled-in:checked.col-deep-orange + label:after,
[type="radio"].with-gap.col-deep-orange:checked + label:after,
[type="radio"].col-deep-orange:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-deep-orange:after,
.modal-content.col-deep-orange,
.panel-group .panel.col-deep-orange .panel-title,
.panel-group.full-body .panel.col-deep-orange .panel-body{
    background-color: #FF5722;
}

ul.stepper.stepper-col-deep-orange .step.active:before,
ul.stepper.stepper-col-deep-orange .step.done:before,
ul.stepper.horizontal.stepper-col-deep-orange .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-deep-orange .step.done .step-title:before{
    background-color: #FF5722;
}

.fc-col-deep-orange:not([class*="lever"]) {
    border-bottom: 1px solid #FF5722;
}
.col-deep-orange{
    color: #FF5722;
}
.vtabs.col-deep-orange li.active{
    color: #FF5722;
    border-right: 2px solid #FF5722;
}
.d-checkbox input[type="checkbox"]:checked.col-deep-orange + label:before {
    border-right: 2px solid #FF5722;
    border-bottom: 2px solid #FF5722;
}
.d-checkbox input[type="checkbox"].filled-in:checked.col-deep-orange + label:after,
[type="radio"].with-gap.col-deep-orange:checked + label:before,
[type="radio"].with-gap.col-deep-orange:checked + label:after{
    border: 2px solid #FF5722;
}
[type="radio"].col-deep-orange:checked + label:after {
    border-color: #FF5722;
}
.nav-tabs.col-deep-orange > li > a:before{
    border-bottom: 2px solid #FF5722;
}
.panel-group.col-deep-orange {
    border: 1px solid #FF5722;
}

.vtabs.col-deep-orange .flex-item.active a{
    border-right: 2px solid #FF5722;
}

.slider.thumb-bg-deep-orange::-webkit-slider-thumb {
    background-color: #FF5722;
}

.slider.thumb-bg-deep-orange::-moz-range-thumb {
    background-color: #FF5722;
}

.slider.thumb-bg-deep-orange::-ms-thumb {
    background-color: #FF5722;
}

.slider.slider-bg-deep-orange::-webkit-slider-runnable-track {
    background-color: #FF5722;
}

.slider.slider-bg-deep-orange::-moz-range-track {
    background-color: #FF5722;
}

.slider.slider-bg-deep-orange::-ms-track {
    background-color: #FF5722;
}

.bg-l-1-deep-orange,
[type="checkbox"].filled-in:checked.col-l-1-deep-orange + label:after,
[type="radio"].with-gap.col-l-1-deep-orange:checked + label:after,
[type="radio"].col-l-1-deep-orange:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-1-deep-orange:after,
.modal-content.col-l-1-deep-orange,
.panel-group .panel.col-l-1-deep-orange .panel-title,
.panel-group.full-body .panel.col-l-1-deep-orange .panel-body {
    background-color: #ff7043;
}
ul.stepper.stepper-col-l-1-deep-orange .step.active:before,
ul.stepper.stepper-col-l-1-deep-orange .step.done:before,
ul.stepper.horizontal.stepper-col-l-1-deep-orange .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-1-deep-orange .step.done .step-title:before  {
    background-color: #ff7043;
}


.fc-col-l-1-deep-orange:not([class*="lever"]) {
    border-bottom: 1px solid #ff7043;
}
.col-l-1-deep-orange {
    color: #ff7043;
}
.vtabs.col-l-1-deep-orange li.active{
    color: #ff7043;
    border-right: 2px solid #ff7043;
}
[type="checkbox"]:checked.col-l-1-deep-orange + label:before {
    border-right: 2px solid #ff7043;
    border-bottom: 2px solid #ff7043;
}
[type="checkbox"].filled-in:checked.col-l-1-deep-orange + label:after,
[type="radio"].with-gap.col-l-1-deep-orange:checked + label:before,
[type="radio"].with-gap.col-l-1-deep-orange:checked + label:after {
    border: 2px solid #ff7043;
}
[type="radio"].col-l-1-deep-orange:checked + label:after {
    border-color: #ff7043;
}
.nav-tabs.col-l-1-deep-orange > li > a:before{
    border-bottom: 2px solid #ff7043;
}
.panel-group.col-l-1-deep-orange {
    border: 1px solid #ff7043;
}

.slider.thumb-bg-l-1-deep-orange::-webkit-slider-thumb {
    background-color: #ff7043;
}

.slider.thumb-bg-l-1-deep-orange::-moz-range-thumb {
    background-color: #ff7043;
}

.slider.thumb-bg-l-1-deep-orange::-ms-thumb {
    background-color: #ff7043;
}

.slider.slider-bg-l-1-deep-orange::-webkit-slider-runnable-track {
    background-color: #ff7043;
}

.slider.slider-bg-l-1-deep-orange::-moz-range-track {
    background-color: #ff7043;
}

.slider.slider-bg-l-1-deep-orange::-ms-track {
    background-color: #ff7043;
}

.bg-l-2-deep-orange,
[type="checkbox"].filled-in:checked.col-l-2-deep-orange + label:after,
[type="radio"].with-gap.col-l-2-deep-orange:checked + label:after,
[type="radio"].col-l-2-deep-orange:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-2-deep-orange:after,
.modal-content.col-l-2-deep-orange,
.panel-group .panel.col-l-2-deep-orange .panel-title,
.panel-group.full-body .panel.col-l-2-deep-orange .panel-body {
    background-color: #ff8a65;
}
ul.stepper.stepper-col-l-2-deep-orange .step.active:before,
ul.stepper.stepper-col-l-2-deep-orange .step.done:before,
ul.stepper.horizontal.stepper-col-l-2-deep-orange .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-2-deep-orange .step.done .step-title:before   {
    background-color: #ff8a65;
}

.fc-col-l-2-deep-orange:not([class*="lever"]) {
    border-bottom: 1px solid #ff8a65;
}
.col-l-2-deep-orange {
    color: #ff8a65;
}
.vtabs.col-l-2-deep-orange li.active{
    color: #ff8a65;
    border-right: 2px solid #ff8a65;
}
[type="checkbox"]:checked.col-l-2-deep-orange + label:before {
    border-right: 2px solid #ff8a65;
    border-bottom: 2px solid #ff8a65;
}
[type="checkbox"].filled-in:checked.col-l-2-deep-orange + label:after,
[type="radio"].with-gap.col-l-2-deep-orange:checked + label:before,
[type="radio"].with-gap.col-l-2-deep-orange:checked + label:after {
    border: 2px solid #ff8a65;
}
[type="radio"].col-l-2-deep-orange:checked + label:after {
    border-color: #ff8a65;
}
.nav-tabs.col-l-2-deep-orange > li > a:before{
    border-bottom: 2px solid #ff8a65;
}
.panel-group.col-l-2-deep-orange {
    border: 1px solid #ff8a65;
}

.slider.thumb-bg-l-2-deep-orange::-webkit-slider-thumb {
    background-color: #ff8a65;
}

.slider.thumb-bg-l-2-deep-orange::-moz-range-thumb {
    background-color: #ff8a65;
}

.slider.thumb-bg-l-2-deep-orange::-ms-thumb {
    background-color: #ff8a65;
}

.slider.slider-bg-l-2-deep-orange::-webkit-slider-runnable-track {
    background-color: #ff8a65;
}

.slider.slider-bg-l-2-deep-orange::-moz-range-track {
    background-color: #ff8a65;
}

.slider.slider-bg-l-2-deep-orange::-ms-track {
    background-color: #ff8a65;
}

.bg-l-3-deep-orange,
[type="checkbox"].filled-in:checked.col-l-3-deep-orange + label:after,
[type="radio"].with-gap.col-l-3-deep-orange:checked + label:after,
[type="radio"].with-gap.col-l-3-deep-orange:checked + label:after,
[type="radio"].col-l-3-deep-orange:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-3-deep-orange:after,
.modal-content.col-l-3-deep-orange,
.panel-group .panel.col-l-3-deep-orange .panel-title,
.panel-group.full-body .panel.col-l-3-deep-orange .panel-body {
    background-color: #ffab91;
}

ul.stepper.stepper-col-l-3-deep-orange .step.active:before,
ul.stepper.stepper-col-l-3-deep-orange .step.done:before,
ul.stepper.horizontal.stepper-col-l-3-deep-orange .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-3-deep-orange .step.done .step-title:before   {
    background-color: #ffab91;
}

.fc-col-l-3-deep-orange:not([class*="lever"]) {
    border-bottom: 1px solid #ffab91;
}

.col-l-3-deep-orange {
    color: #ffab91;
}
.vtabs.col-l-3-deep-orange li.active{
    color: #ffab91;
    border-right: 2px solid #ffab91;
}
[type="checkbox"]:checked.col-l-3-deep-orange + label:before {
    border-right: 2px solid #ffab91;
    border-bottom: 2px solid #ffab91;
}
[type="checkbox"].filled-in:checked.col-l-3-deep-orange + label:after,
[type="radio"].with-gap.col-l-3-deep-orange:checked + label:before,
[type="radio"].with-gap.col-l-3-deep-orange:checked + label:after {
    border: 2px solid #ffab91;
}
[type="radio"].col-l-3-deep-orange:checked + label:after {
    border-color: #ffab91;
}
.nav-tabs.col-l-3-deep-orange > li > a:before{
    border-bottom: 2px solid #ffab91;
}
.panel-group.col-l-3-deep-orange {
    border: 1px solid #ffab91;
}

.slider.thumb-bg-l-3-deep-orange::-webkit-slider-thumb {
    background-color: #ffab91;
}

.slider.thumb-bg-l-3-deep-orange::-moz-range-thumb {
    background-color: #ffab91;
}

.slider.thumb-bg-l-3-deep-orange::-ms-thumb {
    background-color: #ffab91;
}

.slider.slider-bg-l-3-deep-orange::-webkit-slider-runnable-track {
    background-color: #ffab91;
}

.slider.slider-bg-l-3-deep-orange::-moz-range-track {
    background-color: #ffab91;
}

.slider.slider-bg-l-3-deep-orange::-ms-track {
    background-color: #ffab91;
}

.bg-l-4-deep-orange,
[type="checkbox"].filled-in:checked.col-l-4-deep-orange + label:after,
[type="radio"].with-gap.col-l-4-deep-orange:checked + label:after,
[type="radio"].col-l-4-deep-orange:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-4-deep-orange:after,
.modal-content.col-l-4-deep-orange,
.panel-group .panel.col-l-4-deep-orange .panel-title,
.panel-group.full-body .panel.col-l-4-deep-orange .panel-body {
    background-color: #ffccbc;
}

ul.stepper.stepper-col-l-4-deep-orange .step.active:before,
ul.stepper.stepper-col-l-4-deep-orange .step.done:before,
ul.stepper.horizontal.stepper-col-l-4-deep-orange .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-4-deep-orange .step.done .step-title:before  {
    background-color: #ffccbc;
}

.fc-col-l-4-deep-orange:not([class*="lever"]) {
    border-bottom: 1px solid #ffccbc;
}
.col-l-4-deep-orange{
    color: #ffccbc;
}
.vtabs.col-l-4-deep-orange li.active{
    color: #ffccbc;
    border-right: 2px solid #ffccbc;
}
[type="checkbox"]:checked.col-l-4-deep-orange + label:before {
    border-right: 2px solid #ffccbc;
    border-bottom: 2px solid #ffccbc;
}
[type="checkbox"].filled-in:checked.col-l-4-deep-orange + label:after,
[type="radio"].with-gap.col-l-4-deep-orange:checked + label:before,
[type="radio"].with-gap.col-l-4-deep-orange:checked + label:after {
    border: 2px solid #ffccbc;
}
[type="radio"].col-l-4-deep-orange:checked + label:after {
    border-color: #ffccbc;
}
.nav-tabs.col-l-4-deep-orange > li > a:before{
    border-bottom: 2px solid #ffccbc;
}
.panel-group.col-l-4-deep-orange {
    border: 1px solid #ffccbc;
}

.slider.thumb-bg-l-4-deep-orange::-webkit-slider-thumb {
    background-color: #ffccbc;
}

.slider.thumb-bg-l-4-deep-orange::-moz-range-thumb {
    background-color: #ffccbc;
}

.slider.thumb-bg-l-4-deep-orange::-ms-thumb {
    background-color: #ffccbc;
}

.slider.slider-bg-l-4-deep-orange::-webkit-slider-runnable-track {
    background-color: #ffccbc;
}

.slider.slider-bg-l-4-deep-orange::-moz-range-track {
    background-color: #ffccbc;
}

.slider.slider-bg-l-4-deep-orange::-ms-track {
    background-color: #ffccbc;
}

.bg-l-5-deep-orange ,
[type="checkbox"].filled-in:checked.col-l-5-deep-orange + label:after,
[type="radio"].with-gap.col-l-5-deep-orange:checked + label:after,
[type="radio"].col-l-5-deep-orange:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-5-deep-orange:after,
.modal-content.col-l-5-deep-orange,
.panel-group .panel.col-l-5-deep-orange .panel-title,
.panel-group.full-body .panel.col-l-5-deep-orange .panel-body {
    background-color: #fbe9e7;
}

ul.stepper.stepper-col-l-5-deep-orange .step.active:before,
ul.stepper.stepper-col-l-5-deep-orange .step.done:before,
ul.stepper.horizontal.stepper-col-l-5-deep-orange .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-5-deep-orange .step.done .step-title:before   {
    background-color: #fbe9e7;
}

.fc-col-l-5-deep-orange:not([class*="lever"]) {
    border-bottom: 1px solid #fbe9e7;
}
.col-l-5-deep-orange {
    color: #fbe9e7;
}
.vtabs.col-l-5-deep-orange li.active{
    color: #fbe9e7;
    border-right: 2px solid #fbe9e7;
}
[type="checkbox"]:checked.col-l-5-deep-orange + label:before {
    border-right: 2px solid #fbe9e7;
    border-bottom: 2px solid #fbe9e7;
}
[type="checkbox"].filled-in:checked.col-l-5-deep-orange + label:after,
[type="radio"].with-gap.col-l-5-deep-orange:checked + label:before,
[type="radio"].with-gap.col-l-5-deep-orange:checked + label:after {
    border: 2px solid #fbe9e7;
}
[type="radio"].col-l-5-deep-orange:checked + label:after {
    border-color: #fbe9e7;
}
.nav-tabs.col-l-5-deep-orange > li > a:before{
    border-bottom: 2px solid #fbe9e7;
}
.panel-group.col-l-5-deep-orange {
    border: 1px solid #fbe9e7;
}

.slider.thumb-bg-l-5-deep-orange::-webkit-slider-thumb {
    background-color: #fbe9e7;
}

.slider.thumb-bg-l-5-deep-orange::-moz-range-thumb {
    background-color: #fbe9e7;
}

.slider.thumb-bg-l-5-deep-orange::-ms-thumb {
    background-color: #fbe9e7;
}

.slider.slider-bg-l-5-deep-orange::-webkit-slider-runnable-track {
    background-color: #fbe9e7;
}

.slider.slider-bg-l-5-deep-orange::-moz-range-track {
    background-color: #fbe9e7;
}

.slider.slider-bg-l-5-deep-orange::-ms-track {
    background-color: #fbe9e7;
}

.bg-d-1-deep-orange,
[type="checkbox"].filled-in:checked.col-d-1-deep-orange + label:after,
[type="radio"].with-gap.col-d-1-deep-orange:checked + label:after,
[type="radio"].col-d-1-deep-orange:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-1-deep-orange:after,
.modal-content.col-d-1-deep-orange,
.panel-group .panel.col-d-1-deep-orange .panel-title,
.panel-group.full-body .panel.col-d-1-deep-orange .panel-body {
    background-color: #f4511e;
}

ul.stepper.stepper-col-d-1-deep-orange .step.active:before,
ul.stepper.stepper-col-d-1-deep-orange .step.done:before,
ul.stepper.horizontal.stepper-col-d-1-deep-orange .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-1-deep-orange .step.done .step-title:before   {
    background-color: #f4511e;
}

.fc-col-d-1-deep-orange:not([class*="lever"]) {
    border-bottom: 1px solid #f4511e;
}
.col-d-1-deep-orange {
    color: #f4511e;
}
.vtabs.col-d-1-deep-orange li.active{
    color: #f4511e;
    border-right: 2px solid #f4511e;
}
[type="checkbox"]:checked.col-d-1-deep-orange + label:before {
    border-right: 2px solid #f4511e;
    border-bottom: 2px solid #f4511e;
}
[type="checkbox"].filled-in:checked.col-d-1-deep-orange + label:after,
[type="radio"].with-gap.col-d-1-deep-orange:checked + label:before,
[type="radio"].with-gap.col-d-1-deep-orange:checked + label:after {
    border: 2px solid #f4511e;
}
[type="radio"].col-d-1-deep-orange:checked + label:after {
    border-color: #f4511e;
}
.nav-tabs.col-d-1-deep-orange > li > a:before{
    border-bottom: 2px solid #f4511e;
}
.panel-group.col-d-1-deep-orange {
    border: 1px solid #f4511e;
}

.slider.thumb-bg-d-1-deep-orange::-webkit-slider-thumb {
    background-color: #f4511e;
}

.slider.thumb-bg-d-1-deep-orange::-moz-range-thumb {
    background-color: #f4511e;
}

.slider.thumb-bg-d-1-deep-orange::-ms-thumb {
    background-color: #f4511e;
}

.slider.slider-bg-d-1-deep-orange::-webkit-slider-runnable-track {
    background-color: #f4511e;
}

.slider.slider-bg-d-1-deep-orange::-moz-range-track {
    background-color: #f4511e;
}

.slider.slider-bg-d-1-deep-orange::-ms-track {
    background-color: #f4511e;
}

.bg-d-2-deep-orange,
[type="checkbox"].filled-in:checked.col-d-2-deep-orange + label:after,
[type="radio"].with-gap.col-d-2-deep-orange:checked + label:after,
[type="radio"].col-d-2-deep-orange:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-2-deep-orange:after,
.modal-content.col-d-2-deep-orange,
.panel-group .panel.col-d-2-deep-orange .panel-title,
.panel-group.full-body .panel.col-d-2-deep-orange .panel-body {
    background-color: #e64a19;
}

ul.stepper.stepper-col-d-2-deep-orange .step.active:before,
ul.stepper.stepper-col-d-2-deep-orange .step.done:before,
ul.stepper.horizontal.stepper-col-d-2-deep-orange .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-2-deep-orange .step.done .step-title:before  {
    background-color: #e64a19;
}

.fc-col-d-2-deep-orange:not([class*="lever"]) {
    border-bottom: 1px solid #e64a19;
}
.col-d-2-deep-orange {
    color: #e64a19;
}
.vtabs.col-d-2-deep-orange li.active{
    color: #e64a19;
    border-right: 2px solid #e64a19;
}
[type="checkbox"]:checked.col-d-2-deep-orange + label:before {
    border-right: 2px solid #e64a19;
    border-bottom: 2px solid #e64a19;
}
[type="checkbox"].filled-in:checked.col-d-2-deep-orange + label:after,
[type="radio"].with-gap.col-d-2-deep-orange:checked + label:before,
[type="radio"].with-gap.col-d-2-deep-orange:checked + label:after {
    border: 2px solid #e64a19;
}
[type="radio"].col-d-2-deep-orange:checked + label:after {
    border-color: #e64a19;
}
.nav-tabs.col-d-2-deep-orange > li > a:before{
    border-bottom: 2px solid #e64a19;
}
.panel-group.col-d-2-deep-orange {
    border: 1px solid #e64a19;
}

.slider.thumb-bg-d-2-deep-orange::-webkit-slider-thumb {
    background-color: #e64a19;
}

.slider.thumb-bg-d-2-deep-orange::-moz-range-thumb {
    background-color: #e64a19;
}

.slider.thumb-bg-d-2-deep-orange::-ms-thumb {
    background-color: #e64a19;
}

.slider.slider-bg-d-2-deep-orange::-webkit-slider-runnable-track {
    background-color: #e64a19;
}

.slider.slider-bg-d-2-deep-orange::-moz-range-track {
    background-color: #e64a19;
}

.slider.slider-bg-d-2-deep-orange::-ms-track {
    background-color: #e64a19;
}

.bg-d-3-deep-orange,
[type="checkbox"].filled-in:checked.col-d-3-deep-orange + label:after,
[type="radio"].with-gap.col-d-3-deep-orange:checked + label:after,
[type="radio"].col-d-2-deep-orange:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-3-deep-orange:after,
.modal-content.col-d-3-deep-orange,
.panel-group .panel.col-d-3-deep-orange .panel-title,
.panel-group.full-body .panel.col-d-3-deep-orange .panel-body {
    background-color: #d84315;
}

ul.stepper.stepper-col-d-3-deep-orange .step.active:before,
ul.stepper.stepper-col-d-3-deep-orange .step.done:before,
ul.stepper.horizontal.stepper-col-d-3-deep-orange .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-3-deep-orange .step.done .step-title:before  {
    background-color: #d84315;
}

.fc-col-d-3-deep-orange:not([class*="lever"]) {
    border-bottom: 1px solid #d84315;
}
.col-d-3-deep-orange{
    color: #d84315;
}
.vtabs.col-d-3-deep-orange li.active{
    color: #d84315;
    border-right: 2px solid #d84315;
}
[type="checkbox"]:checked.col-d-3-deep-orange + label:before {
    border-right: 2px solid #d84315;
    border-bottom: 2px solid #d84315;
}
[type="checkbox"].filled-in:checked.col-d-3-deep-orange + label:after,
[type="radio"].with-gap.col-d-3-deep-orange:checked + label:before,
[type="radio"].with-gap.col-d-3-deep-orange:checked + label:after {
    border: 2px solid #d84315;
}
[type="radio"].col-d-3-deep-orange:checked + label:after {
    border-color: #d84315;
}
.nav-tabs.col-d-3-deep-orange > li > a:before{
    border-bottom: 2px solid #d84315;
}
.panel-group.col-d-3-deep-orange {
    border: 1px solid #d84315;
}

.slider.thumb-bg-d-3-deep-orange::-webkit-slider-thumb {
    background-color: #d84315;
}

.slider.thumb-bg-d-3-deep-orange::-moz-range-thumb {
    background-color: #d84315;
}

.slider.thumb-bg-d-3-deep-orange::-ms-thumb {
    background-color: #d84315;
}

.slider.slider-bg-d-3-deep-orange::-webkit-slider-runnable-track {
    background-color: #d84315;
}

.slider.slider-bg-d-3-deep-orange::-moz-range-track {
    background-color: #d84315;
}

.slider.slider-bg-d-3-deep-orange::-ms-track {
    background-color: #d84315;
}

.bg-d-4-deep-orange,
[type="checkbox"].filled-in:checked.col-d-4-deep-orange + label:after,
[type="radio"].with-gap.col-d-4-deep-orange:checked + label:after,
[type="radio"].col-d-4-deep-orange:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-4-deep-orange:after,
.modal-content.col-d-4-deep-orange,
.panel-group .panel.col-d-4-deep-orange .panel-title,
.panel-group.full-body .panel.col-d-4-deep-orange .panel-body {
    background-color: #bf360c;
}

ul.stepper.stepper-col-d-4-deep-orange .step.active:before,
ul.stepper.stepper-col-d-4-deep-orange .step.done:before,
ul.stepper.horizontal.stepper-col-d-4-deep-orange .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-4-deep-orange .step.done .step-title:before  {
    background-color: #bf360c;
}

.fc-col-d-4-deep-orange:not([class*="lever"]) {
    border-bottom: 1px solid #bf360c;
}
.col-d-4-deep-orange{
    color: #bf360c;
}
.vtabs.col-d-4-deep-orange li.active{
    color: #bf360c;
    border-right: 2px solid #bf360c;
}
[type="checkbox"]:checked.col-d-4-deep-orange + label:before {
    border-right: 2px solid #bf360c;
    border-bottom: 2px solid #bf360c;
}
[type="checkbox"].filled-in:checked.col-d-4-deep-orange + label:after,
[type="radio"].with-gap.col-d-4-deep-orange:checked + label:before,
[type="radio"].with-gap.col-d-4-deep-orange:checked + label:after {
    border: 2px solid #bf360c;
}
[type="radio"].col-d-4-deep-orange:checked + label:after {
    border-color: #bf360c;
}
.nav-tabs.col-d-4-deep-orange > li > a:before{
    border-bottom: 2px solid #bf360c;
}
.panel-group.col-d-4-deep-orange {
    border: 1px solid #bf360c;
}

.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever[class*="col-deep-orange"]:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 87, 34, 0.1);
}

.switch label input[type=checkbox]:checked + .lever[class*="col-deep-orange"] {
    background-color: rgba(255, 87, 34, 0.5);
}

.slider.thumb-bg-d-4-deep-orange::-webkit-slider-thumb {
    background-color: #bf360c;
}

.slider.thumb-bg-d-4-deep-orange::-moz-range-thumb {
    background-color: #bf360c;
}

.slider.thumb-bg-d-4-deep-orange::-ms-thumb {
    background-color: #bf360c;
}

.slider.slider-bg-d-4-deep-orange::-webkit-slider-runnable-track {
    background-color: #bf360c;
}

.slider.slider-bg-d-4-deep-orange::-moz-range-track {
    background-color: #bf360c;
}

.slider.slider-bg-d-4-deep-orange::-ms-track {
    background-color: #bf360c;
}
/*======================== BROWN ========================*/
.bg-brown{
    color: #FFF;
}
.modal-content.col-brown:not([class*="col-white"]) .modal-body,
.modal-content.col-brown:not([class*="col-white"]) .modal-footer .btn-link,
.modal-content.col-brown:not([class*="col-white"]) .modal-title,
.panel-group .panel.col-brown:not([class*="col-white"]) .panel-title,
.panel-group.full-body .panel.col-brown:not([class*="col-white"]) .panel-body,
.bg-brown.nav-tabs li a{
    color: #fff;
}
.bg-brown,
.d-checkbox input[type="checkbox"].filled-in:checked.col-brown + label:after,
[type="radio"].with-gap.col-brown:checked + label:after,
[type="radio"].col-brown:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-brown:after,
.modal-content.col-brown,
.panel-group .panel.col-brown .panel-title,
.panel-group.full-body .panel.col-brown .panel-body{
    background-color: #795548;
}

ul.stepper.stepper-col-brown .step.active:before,
ul.stepper.stepper-col-brown .step.done:before,
ul.stepper.horizontal.stepper-col-brown .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-brown .step.done .step-title:before{
    background-color: #795548;
}

.fc-col-brown:not([class*="lever"]) {
    border-bottom: 1px solid #795548;
}
.col-brown{
    color: #795548;
}
.vtabs.col-brown li.active{
    color: #795548;
    border-right: 2px solid #795548;
}
.d-checkbox input[type="checkbox"]:checked.col-brown + label:before {
    border-right: 2px solid #795548;
    border-bottom: 2px solid #795548;
}
.d-checkbox input[type="checkbox"].filled-in:checked.col-brown + label:after,
[type="radio"].with-gap.col-brown:checked + label:before,
[type="radio"].with-gap.col-brown:checked + label:after{
    border: 2px solid #795548;
}
[type="radio"].col-brown:checked + label:after {
    border-color: #795548;
}
.nav-tabs.col-brown > li > a:before{
    border-bottom: 2px solid #795548;
}
.panel-group.col-brown {
    border: 1px solid #795548;
}

.vtabs.col-brown .flex-item.active a{
    border-right: 2px solid #795548;
}

.slider.thumb-bg-brown::-webkit-slider-thumb {
    background-color: #795548;
}

.slider.thumb-bg-brown::-moz-range-thumb {
    background-color: #795548;
}

.slider.thumb-bg-brown::-ms-thumb {
    background-color: #795548;
}

.slider.slider-bg-brown::-webkit-slider-runnable-track {
    background-color: #795548;
}

.slider.slider-bg-brown::-moz-range-track {
    background-color: #795548;
}

.slider.slider-bg-brown::-ms-track {
    background-color: #795548;
}

.bg-l-1-brown,
[type="checkbox"].filled-in:checked.col-l-1-brown + label:after,
[type="radio"].with-gap.col-l-1-brown:checked + label:after,
[type="radio"].col-l-1-brown:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-1-brown:after,
.modal-content.col-l-1-brown,
.panel-group .panel.col-l-1-brown .panel-title,
.panel-group.full-body .panel.col-l-1-brown .panel-body {
    background-color: #8d6e63;
}
ul.stepper.stepper-col-l-1-brown .step.active:before,
ul.stepper.stepper-col-l-1-brown .step.done:before,
ul.stepper.horizontal.stepper-col-l-1-brown .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-1-brown .step.done .step-title:before  {
    background-color: #8d6e63;
}


.fc-col-l-1-brown:not([class*="lever"]) {
    border-bottom: 1px solid #8d6e63;
}
.col-l-1-brown {
    color: #8d6e63;
}
.vtabs.col-l-1-brown li.active{
    color: #8d6e63;
    border-right: 2px solid #8d6e63;
}
[type="checkbox"]:checked.col-l-1-brown + label:before {
    border-right: 2px solid #8d6e63;
    border-bottom: 2px solid #8d6e63;
}
[type="checkbox"].filled-in:checked.col-l-1-brown + label:after,
[type="radio"].with-gap.col-l-1-brown:checked + label:before,
[type="radio"].with-gap.col-l-1-brown:checked + label:after {
    border: 2px solid #8d6e63;
}
[type="radio"].col-l-1-brown:checked + label:after {
    border-color: #8d6e63;
}
.nav-tabs.col-l-1-brown > li > a:before{
    border-bottom: 2px solid #8d6e63;
}
.panel-group.col-l-1-brown {
    border: 1px solid #8d6e63;
}

.slider.thumb-bg-l-1-brown::-webkit-slider-thumb {
    background-color: #8d6e63;
}

.slider.thumb-bg-l-1-brown::-moz-range-thumb {
    background-color: #8d6e63;
}

.slider.thumb-bg-l-1-brown::-ms-thumb {
    background-color: #8d6e63;
}

.slider.slider-bg-l-1-brown::-webkit-slider-runnable-track {
    background-color: #8d6e63;
}

.slider.slider-bg-l-1-brown::-moz-range-track {
    background-color: #8d6e63;
}

.slider.slider-bg-l-1-brown::-ms-track {
    background-color: #8d6e63;
}

.bg-l-2-brown,
[type="checkbox"].filled-in:checked.col-l-2-brown + label:after,
[type="radio"].with-gap.col-l-2-brown:checked + label:after,
[type="radio"].col-l-2-brown:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-2-brown:after,
.modal-content.col-l-2-brown,
.panel-group .panel.col-l-2-brown .panel-title,
.panel-group.full-body .panel.col-l-2-brown .panel-body {
    background-color: #a1887f;
}
ul.stepper.stepper-col-l-2-brown .step.active:before,
ul.stepper.stepper-col-l-2-brown .step.done:before,
ul.stepper.horizontal.stepper-col-l-2-brown .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-2-brown .step.done .step-title:before   {
    background-color: #a1887f;
}

.fc-col-l-2-brown:not([class*="lever"]) {
    border-bottom: 1px solid #a1887f;
}
.col-l-2-brown {
    color: #a1887f;
}
.vtabs.col-l-2-brown li.active{
    color: #a1887f;
    border-right: 2px solid #a1887f;
}
[type="checkbox"]:checked.col-l-2-brown + label:before {
    border-right: 2px solid #a1887f;
    border-bottom: 2px solid #a1887f;
}
[type="checkbox"].filled-in:checked.col-l-2-brown + label:after,
[type="radio"].with-gap.col-l-2-brown:checked + label:before,
[type="radio"].with-gap.col-l-2-brown:checked + label:after {
    border: 2px solid #a1887f;
}
[type="radio"].col-l-2-brown:checked + label:after {
    border-color: #a1887f;
}
.nav-tabs.col-l-2-brown > li > a:before{
    border-bottom: 2px solid #a1887f;
}
.panel-group.col-l-2-brown {
    border: 1px solid #a1887f;
}

.slider.thumb-bg-l-2-brown::-webkit-slider-thumb {
    background-color: #a1887f;
}

.slider.thumb-bg-l-2-brown::-moz-range-thumb {
    background-color: #a1887f;
}

.slider.thumb-bg-l-2-brown::-ms-thumb {
    background-color: #a1887f;
}

.slider.slider-bg-l-2-brown::-webkit-slider-runnable-track {
    background-color: #a1887f;
}

.slider.slider-bg-l-2-brown::-moz-range-track {
    background-color: #a1887f;
}

.slider.slider-bg-l-2-brown::-ms-track {
    background-color: #a1887f;
}

.bg-l-3-brown,
[type="checkbox"].filled-in:checked.col-l-3-brown + label:after,
[type="radio"].with-gap.col-l-3-brown:checked + label:after,
[type="radio"].with-gap.col-l-3-brown:checked + label:after,
[type="radio"].col-l-3-brown:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-3-brown:after,
.modal-content.col-l-3-brown,
.panel-group .panel.col-l-3-brown .panel-title,
.panel-group.full-body .panel.col-l-3-brown .panel-body {
    background-color: #bcaaa4;
}

ul.stepper.stepper-col-l-3-brown .step.active:before,
ul.stepper.stepper-col-l-3-brown .step.done:before,
ul.stepper.horizontal.stepper-col-l-3-brown .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-3-brown .step.done .step-title:before   {
    background-color: #bcaaa4;
}

.fc-col-l-3-brown:not([class*="lever"]) {
    border-bottom: 1px solid #bcaaa4;
}

.col-l-3-brown {
    color: #bcaaa4;
}
.vtabs.col-l-3-brown li.active{
    color: #bcaaa4;
    border-right: 2px solid #bcaaa4;
}
[type="checkbox"]:checked.col-l-3-brown + label:before {
    border-right: 2px solid #bcaaa4;
    border-bottom: 2px solid #bcaaa4;
}
[type="checkbox"].filled-in:checked.col-l-3-brown + label:after,
[type="radio"].with-gap.col-l-3-brown:checked + label:before,
[type="radio"].with-gap.col-l-3-brown:checked + label:after {
    border: 2px solid #bcaaa4;
}
[type="radio"].col-l-3-brown:checked + label:after {
    border-color: #bcaaa4;
}
.nav-tabs.col-l-3-brown > li > a:before{
    border-bottom: 2px solid #bcaaa4;
}
.panel-group.col-l-3-brown {
    border: 1px solid #bcaaa4;
}

.slider.thumb-bg-l-3-brown::-webkit-slider-thumb {
    background-color: #bcaaa4;
}

.slider.thumb-bg-l-3-brown::-moz-range-thumb {
    background-color: #bcaaa4;
}

.slider.thumb-bg-l-3-brown::-ms-thumb {
    background-color: #bcaaa4;
}

.slider.slider-bg-l-3-brown::-webkit-slider-runnable-track {
    background-color: #bcaaa4;
}

.slider.slider-bg-l-3-brown::-moz-range-track {
    background-color: #bcaaa4;
}

.slider.slider-bg-l-3-brown::-ms-track {
    background-color: #bcaaa4;
}

.bg-l-4-brown,
[type="checkbox"].filled-in:checked.col-l-4-brown + label:after,
[type="radio"].with-gap.col-l-4-brown:checked + label:after,
[type="radio"].col-l-4-brown:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-4-brown:after,
.modal-content.col-l-4-brown,
.panel-group .panel.col-l-4-brown .panel-title,
.panel-group.full-body .panel.col-l-4-brown .panel-body {
    background-color: #d7ccc8;
}

ul.stepper.stepper-col-l-4-brown .step.active:before,
ul.stepper.stepper-col-l-4-brown .step.done:before,
ul.stepper.horizontal.stepper-col-l-4-brown .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-4-brown .step.done .step-title:before  {
    background-color: #d7ccc8;
}

.fc-col-l-4-brown:not([class*="lever"]) {
    border-bottom: 1px solid #d7ccc8;
}
.col-l-4-brown{
    color: #d7ccc8;
}
.vtabs.col-l-4-brown li.active{
    color: #d7ccc8;
    border-right: 2px solid #d7ccc8;
}
[type="checkbox"]:checked.col-l-4-brown + label:before {
    border-right: 2px solid #d7ccc8;
    border-bottom: 2px solid #d7ccc8;
}
[type="checkbox"].filled-in:checked.col-l-4-brown + label:after,
[type="radio"].with-gap.col-l-4-brown:checked + label:before,
[type="radio"].with-gap.col-l-4-brown:checked + label:after {
    border: 2px solid #d7ccc8;
}
[type="radio"].col-l-4-brown:checked + label:after {
    border-color: #d7ccc8;
}
.nav-tabs.col-l-4-brown > li > a:before{
    border-bottom: 2px solid #d7ccc8;
}
.panel-group.col-l-4-brown {
    border: 1px solid #d7ccc8;
}

.slider.thumb-bg-l-4-brown::-webkit-slider-thumb {
    background-color: #d7ccc8;
}

.slider.thumb-bg-l-4-brown::-moz-range-thumb {
    background-color: #d7ccc8;
}

.slider.thumb-bg-l-4-brown::-ms-thumb {
    background-color: #d7ccc8;
}

.slider.slider-bg-l-4-brown::-webkit-slider-runnable-track {
    background-color: #d7ccc8;
}

.slider.slider-bg-l-4-brown::-moz-range-track {
    background-color: #d7ccc8;
}

.slider.slider-bg-l-4-brown::-ms-track {
    background-color: #d7ccc8;
}

.bg-l-5-brown ,
[type="checkbox"].filled-in:checked.col-l-5-brown + label:after,
[type="radio"].with-gap.col-l-5-brown:checked + label:after,
[type="radio"].col-l-5-brown:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-5-brown:after,
.modal-content.col-l-5-brown,
.panel-group .panel.col-l-5-brown .panel-title,
.panel-group.full-body .panel.col-l-5-brown .panel-body {
    background-color: #efebe9;
}

ul.stepper.stepper-col-l-5-brown .step.active:before,
ul.stepper.stepper-col-l-5-brown .step.done:before,
ul.stepper.horizontal.stepper-col-l-5-brown .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-5-brown .step.done .step-title:before   {
    background-color: #efebe9;
}

.fc-col-l-5-brown:not([class*="lever"]) {
    border-bottom: 1px solid #efebe9;
}
.col-l-5-brown {
    color: #efebe9;
}
.vtabs.col-l-5-brown li.active{
    color: #efebe9;
    border-right: 2px solid #efebe9;
}
[type="checkbox"]:checked.col-l-5-brown + label:before {
    border-right: 2px solid #efebe9;
    border-bottom: 2px solid #efebe9;
}
[type="checkbox"].filled-in:checked.col-l-5-brown + label:after,
[type="radio"].with-gap.col-l-5-brown:checked + label:before,
[type="radio"].with-gap.col-l-5-brown:checked + label:after {
    border: 2px solid #efebe9;
}
[type="radio"].col-l-5-brown:checked + label:after {
    border-color: #efebe9;
}
.nav-tabs.col-l-5-brown > li > a:before{
    border-bottom: 2px solid #efebe9;
}
.panel-group.col-l-5-brown {
    border: 1px solid #efebe9;
}

.slider.thumb-bg-l-5-brown::-webkit-slider-thumb {
    background-color: #efebe9;
}

.slider.thumb-bg-l-5-brown::-moz-range-thumb {
    background-color: #efebe9;
}

.slider.thumb-bg-l-5-brown::-ms-thumb {
    background-color: #efebe9;
}

.slider.slider-bg-l-5-brown::-webkit-slider-runnable-track {
    background-color: #efebe9;
}

.slider.slider-bg-l-5-brown::-moz-range-track {
    background-color: #efebe9;
}

.slider.slider-bg-l-5-brown::-ms-track {
    background-color: #efebe9;
}

.bg-d-1-brown,
[type="checkbox"].filled-in:checked.col-d-1-brown + label:after,
[type="radio"].with-gap.col-d-1-brown:checked + label:after,
[type="radio"].col-d-1-brown:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-1-brown:after,
.modal-content.col-d-1-brown,
.panel-group .panel.col-d-1-brown .panel-title,
.panel-group.full-body .panel.col-d-1-brown .panel-body {
    background-color: #6d4c41;
}

ul.stepper.stepper-col-d-1-brown .step.active:before,
ul.stepper.stepper-col-d-1-brown .step.done:before,
ul.stepper.horizontal.stepper-col-d-1-brown .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-1-brown .step.done .step-title:before   {
    background-color: #6d4c41;
}

.fc-col-d-1-brown:not([class*="lever"]) {
    border-bottom: 1px solid #6d4c41;
}
.col-d-1-brown {
    color: #6d4c41;
}
.vtabs.col-d-1-brown li.active{
    color: #6d4c41;
    border-right: 2px solid #6d4c41;
}
[type="checkbox"]:checked.col-d-1-brown + label:before {
    border-right: 2px solid #6d4c41;
    border-bottom: 2px solid #6d4c41;
}
[type="checkbox"].filled-in:checked.col-d-1-brown + label:after,
[type="radio"].with-gap.col-d-1-brown:checked + label:before,
[type="radio"].with-gap.col-d-1-brown:checked + label:after {
    border: 2px solid #6d4c41;
}
[type="radio"].col-d-1-brown:checked + label:after {
    border-color: #6d4c41;
}
.nav-tabs.col-d-1-brown > li > a:before{
    border-bottom: 2px solid #6d4c41;
}
.panel-group.col-d-1-brown {
    border: 1px solid #6d4c41;
}

.slider.thumb-bg-d-1-brown::-webkit-slider-thumb {
    background-color: #6d4c41;
}

.slider.thumb-bg-d-1-brown::-moz-range-thumb {
    background-color: #6d4c41;
}

.slider.thumb-bg-d-1-brown::-ms-thumb {
    background-color: #6d4c41;
}

.slider.slider-bg-d-1-brown::-webkit-slider-runnable-track {
    background-color: #6d4c41;
}

.slider.slider-bg-d-1-brown::-moz-range-track {
    background-color: #6d4c41;
}

.slider.slider-bg-d-1-brown::-ms-track {
    background-color: #6d4c41;
}

.bg-d-2-brown,
[type="checkbox"].filled-in:checked.col-d-2-brown + label:after,
[type="radio"].with-gap.col-d-2-brown:checked + label:after,
[type="radio"].col-d-2-brown:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-2-brown:after,
.modal-content.col-d-2-brown,
.panel-group .panel.col-d-2-brown .panel-title,
.panel-group.full-body .panel.col-d-2-brown .panel-body {
    background-color: #5d4037;
}

ul.stepper.stepper-col-d-2-brown .step.active:before,
ul.stepper.stepper-col-d-2-brown .step.done:before,
ul.stepper.horizontal.stepper-col-d-2-brown .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-2-brown .step.done .step-title:before  {
    background-color: #5d4037;
}

.fc-col-d-2-brown:not([class*="lever"]) {
    border-bottom: 1px solid #5d4037;
}
.col-d-2-brown {
    color: #5d4037;
}
.vtabs.col-d-2-brown li.active{
    color: #5d4037;
    border-right: 2px solid #5d4037;
}
[type="checkbox"]:checked.col-d-2-brown + label:before {
    border-right: 2px solid #5d4037;
    border-bottom: 2px solid #5d4037;
}
[type="checkbox"].filled-in:checked.col-d-2-brown + label:after,
[type="radio"].with-gap.col-d-2-brown:checked + label:before,
[type="radio"].with-gap.col-d-2-brown:checked + label:after {
    border: 2px solid #5d4037;
}
[type="radio"].col-d-2-brown:checked + label:after {
    border-color: #5d4037;
}
.nav-tabs.col-d-2-brown > li > a:before{
    border-bottom: 2px solid #5d4037;
}
.panel-group.col-d-2-brown {
    border: 1px solid #5d4037;
}

.slider.thumb-bg-d-2-brown::-webkit-slider-thumb {
    background-color: #5d4037;
}

.slider.thumb-bg-d-2-brown::-moz-range-thumb {
    background-color: #5d4037;
}

.slider.thumb-bg-d-2-brown::-ms-thumb {
    background-color: #5d4037;
}

.slider.slider-bg-d-2-brown::-webkit-slider-runnable-track {
    background-color: #5d4037;
}

.slider.slider-bg-d-2-brown::-moz-range-track {
    background-color: #5d4037;
}

.slider.slider-bg-d-2-brown::-ms-track {
    background-color: #5d4037;
}

.bg-d-3-brown,
[type="checkbox"].filled-in:checked.col-d-3-brown + label:after,
[type="radio"].with-gap.col-d-3-brown:checked + label:after,
[type="radio"].col-d-2-brown:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-3-brown:after,
.modal-content.col-d-3-brown,
.panel-group .panel.col-d-3-brown .panel-title,
.panel-group.full-body .panel.col-d-3-brown .panel-body {
    background-color: #4e342e;
}

ul.stepper.stepper-col-d-3-brown .step.active:before,
ul.stepper.stepper-col-d-3-brown .step.done:before,
ul.stepper.horizontal.stepper-col-d-3-brown .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-3-brown .step.done .step-title:before  {
    background-color: #4e342e;
}

.fc-col-d-3-brown:not([class*="lever"]) {
    border-bottom: 1px solid #4e342e;
}
.col-d-3-brown{
    color: #4e342e;
}
.vtabs.col-d-3-brown li.active{
    color: #4e342e;
    border-right: 2px solid #4e342e;
}
[type="checkbox"]:checked.col-d-3-brown + label:before {
    border-right: 2px solid #4e342e;
    border-bottom: 2px solid #4e342e;
}
[type="checkbox"].filled-in:checked.col-d-3-brown + label:after,
[type="radio"].with-gap.col-d-3-brown:checked + label:before,
[type="radio"].with-gap.col-d-3-brown:checked + label:after {
    border: 2px solid #4e342e;
}
[type="radio"].col-d-3-brown:checked + label:after {
    border-color: #4e342e;
}
.nav-tabs.col-d-3-brown > li > a:before{
    border-bottom: 2px solid #4e342e;
}
.panel-group.col-d-3-brown {
    border: 1px solid #4e342e;
}

.slider.thumb-bg-d-3-brown::-webkit-slider-thumb {
    background-color: #4e342e;
}

.slider.thumb-bg-d-3-brown::-moz-range-thumb {
    background-color: #4e342e;
}

.slider.thumb-bg-d-3-brown::-ms-thumb {
    background-color: #4e342e;
}

.slider.slider-bg-d-3-brown::-webkit-slider-runnable-track {
    background-color: #4e342e;
}

.slider.slider-bg-d-3-brown::-moz-range-track {
    background-color: #4e342e;
}

.slider.slider-bg-d-3-brown::-ms-track {
    background-color: #4e342e;
}

.bg-d-4-brown,
[type="checkbox"].filled-in:checked.col-d-4-brown + label:after,
[type="radio"].with-gap.col-d-4-brown:checked + label:after,
[type="radio"].col-d-4-brown:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-4-brown:after,
.modal-content.col-d-4-brown,
.panel-group .panel.col-d-4-brown .panel-title,
.panel-group.full-body .panel.col-d-4-brown .panel-body {
    background-color: #3e2723;
}

ul.stepper.stepper-col-d-4-brown .step.active:before,
ul.stepper.stepper-col-d-4-brown .step.done:before,
ul.stepper.horizontal.stepper-col-d-4-brown .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-4-brown .step.done .step-title:before  {
    background-color: #3e2723;
}

.fc-col-d-4-brown:not([class*="lever"]) {
    border-bottom: 1px solid #3e2723;
}
.col-d-4-brown{
    color: #3e2723;
}
.vtabs.col-d-4-brown li.active{
    color: #3e2723;
    border-right: 2px solid #3e2723;
}
[type="checkbox"]:checked.col-d-4-brown + label:before {
    border-right: 2px solid #3e2723;
    border-bottom: 2px solid #3e2723;
}
[type="checkbox"].filled-in:checked.col-d-4-brown + label:after,
[type="radio"].with-gap.col-d-4-brown:checked + label:before,
[type="radio"].with-gap.col-d-4-brown:checked + label:after {
    border: 2px solid #3e2723;
}
[type="radio"].col-d-4-brown:checked + label:after {
    border-color: #3e2723;
}
.nav-tabs.col-d-4-brown > li > a:before{
    border-bottom: 2px solid #3e2723;
}
.panel-group.col-d-4-brown {
    border: 1px solid #3e2723;
}

.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever[class*="col-brown"]:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(121, 85, 72, 0.1);
}

.switch label input[type=checkbox]:checked + .lever[class*="col-brown"] {
    background-color: rgba(121, 85, 72, 0.5);
}

.slider.thumb-bg-d-4-brown::-webkit-slider-thumb {
    background-color: #3e2723;
}

.slider.thumb-bg-d-4-brown::-moz-range-thumb {
    background-color: #3e2723;
}

.slider.thumb-bg-d-4-brown::-ms-thumb {
    background-color: #3e2723;
}

.slider.slider-bg-d-4-brown::-webkit-slider-runnable-track {
    background-color: #3e2723;
}

.slider.slider-bg-d-4-brown::-moz-range-track {
    background-color: #3e2723;
}

.slider.slider-bg-d-4-brown::-ms-track {
    background-color: #3e2723;
}
/*======================== GREY ========================*/
.bg-grey{
    color: #FFF;
}
.modal-content.col-grey:not([class*="col-white"]) .modal-body,
.modal-content.col-grey:not([class*="col-white"]) .modal-footer .btn-link,
.modal-content.col-grey:not([class*="col-white"]) .modal-title,
.panel-group .panel.col-grey:not([class*="col-white"]) .panel-title,
.panel-group.full-body .panel.col-grey:not([class*="col-white"]) .panel-body,
.bg-grey.nav-tabs li a{
    color: #fff;
}
.bg-grey,
.d-checkbox input[type="checkbox"].filled-in:checked.col-grey + label:after,
[type="radio"].with-gap.col-grey:checked + label:after,
[type="radio"].col-grey:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-grey:after,
.modal-content.col-grey,
.panel-group .panel.col-grey .panel-title,
.panel-group.full-body .panel.col-grey .panel-body{
    background-color: #9E9E9E;
}

ul.stepper.stepper-col-grey .step.active:before,
ul.stepper.stepper-col-grey .step.done:before,
ul.stepper.horizontal.stepper-col-grey .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-grey .step.done .step-title:before{
    background-color: #9E9E9E;
}

.fc-col-grey:not([class*="lever"]) {
    border-bottom: 1px solid #9E9E9E;
}
.col-grey{
    color: #9E9E9E;
}
.vtabs.col-grey li.active{
    color: #9E9E9E;
    border-right: 2px solid #9E9E9E;
}
.d-checkbox input[type="checkbox"]:checked.col-grey + label:before {
    border-right: 2px solid #9E9E9E;
    border-bottom: 2px solid #9E9E9E;
}
.d-checkbox input[type="checkbox"].filled-in:checked.col-grey + label:after,
[type="radio"].with-gap.col-grey:checked + label:before,
[type="radio"].with-gap.col-grey:checked + label:after{
    border: 2px solid #9E9E9E;
}
[type="radio"].col-grey:checked + label:after {
    border-color: #9E9E9E;
}
.nav-tabs.col-grey > li > a:before{
    border-bottom: 2px solid #9E9E9E;
}
.panel-group.col-grey {
    border: 1px solid #9E9E9E;
}

.vtabs.col-grey .flex-item.active a{
    border-right: 2px solid #9E9E9E;
}

.slider.thumb-bg-grey::-webkit-slider-thumb {
    background-color: #9E9E9E;
}

.slider.thumb-bg-grey::-moz-range-thumb {
    background-color: #9E9E9E;
}

.slider.thumb-bg-grey::-ms-thumb {
    background-color: #9E9E9E;
}

.slider.slider-bg-grey::-webkit-slider-runnable-track {
    background-color: #9E9E9E;
}

.slider.slider-bg-grey::-moz-range-track {
    background-color: #9E9E9E;
}

.slider.slider-bg-grey::-ms-track {
    background-color: #9E9E9E;
}

.bg-l-1-grey,
[type="checkbox"].filled-in:checked.col-l-1-grey + label:after,
[type="radio"].with-gap.col-l-1-grey:checked + label:after,
[type="radio"].col-l-1-grey:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-1-grey:after,
.modal-content.col-l-1-grey,
.panel-group .panel.col-l-1-grey .panel-title,
.panel-group.full-body .panel.col-l-1-grey .panel-body {
    background-color: #bdbdbd;
}
ul.stepper.stepper-col-l-1-grey .step.active:before,
ul.stepper.stepper-col-l-1-grey .step.done:before,
ul.stepper.horizontal.stepper-col-l-1-grey .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-1-grey .step.done .step-title:before  {
    background-color: #bdbdbd;
}


.fc-col-l-1-grey:not([class*="lever"]) {
    border-bottom: 1px solid #bdbdbd;
}
.col-l-1-grey {
    color: #bdbdbd;
}
.vtabs.col-l-1-grey li.active{
    color: #bdbdbd;
    border-right: 2px solid #bdbdbd;
}
[type="checkbox"]:checked.col-l-1-grey + label:before {
    border-right: 2px solid #bdbdbd;
    border-bottom: 2px solid #bdbdbd;
}
[type="checkbox"].filled-in:checked.col-l-1-grey + label:after,
[type="radio"].with-gap.col-l-1-grey:checked + label:before,
[type="radio"].with-gap.col-l-1-grey:checked + label:after {
    border: 2px solid #bdbdbd;
}
[type="radio"].col-l-1-grey:checked + label:after {
    border-color: #bdbdbd;
}
.nav-tabs.col-l-1-grey > li > a:before{
    border-bottom: 2px solid #bdbdbd;
}
.panel-group.col-l-1-grey {
    border: 1px solid #bdbdbd;
}

.slider.thumb-bg-l-1-grey::-webkit-slider-thumb {
    background-color: #bdbdbd;
}

.slider.thumb-bg-l-1-grey::-moz-range-thumb {
    background-color: #bdbdbd;
}

.slider.thumb-bg-l-1-grey::-ms-thumb {
    background-color: #bdbdbd;
}

.slider.slider-bg-l-1-grey::-webkit-slider-runnable-track {
    background-color: #bdbdbd;
}

.slider.slider-bg-l-1-grey::-moz-range-track {
    background-color: #bdbdbd;
}

.slider.slider-bg-l-1-grey::-ms-track {
    background-color: #bdbdbd;
}

.bg-l-2-grey,
[type="checkbox"].filled-in:checked.col-l-2-grey + label:after,
[type="radio"].with-gap.col-l-2-grey:checked + label:after,
[type="radio"].col-l-2-grey:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-2-grey:after,
.modal-content.col-l-2-grey,
.panel-group .panel.col-l-2-grey .panel-title,
.panel-group.full-body .panel.col-l-2-grey .panel-body {
    background-color: #e0e0e0;
}
ul.stepper.stepper-col-l-2-grey .step.active:before,
ul.stepper.stepper-col-l-2-grey .step.done:before,
ul.stepper.horizontal.stepper-col-l-2-grey .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-2-grey .step.done .step-title:before   {
    background-color: #e0e0e0;
}

.fc-col-l-2-grey:not([class*="lever"]) {
    border-bottom: 1px solid #e0e0e0;
}
.col-l-2-grey {
    color: #e0e0e0;
}
.vtabs.col-l-2-grey li.active{
    color: #e0e0e0;
    border-right: 2px solid #e0e0e0;
}
[type="checkbox"]:checked.col-l-2-grey + label:before {
    border-right: 2px solid #e0e0e0;
    border-bottom: 2px solid #e0e0e0;
}
[type="checkbox"].filled-in:checked.col-l-2-grey + label:after,
[type="radio"].with-gap.col-l-2-grey:checked + label:before,
[type="radio"].with-gap.col-l-2-grey:checked + label:after {
    border: 2px solid #e0e0e0;
}
[type="radio"].col-l-2-grey:checked + label:after {
    border-color: #e0e0e0;
}
.nav-tabs.col-l-2-grey > li > a:before{
    border-bottom: 2px solid #e0e0e0;
}
.panel-group.col-l-2-grey {
    border: 1px solid #e0e0e0;
}

.slider.thumb-bg-l-2-grey::-webkit-slider-thumb {
    background-color: #e0e0e0;
}

.slider.thumb-bg-l-2-grey::-moz-range-thumb {
    background-color: #e0e0e0;
}

.slider.thumb-bg-l-2-grey::-ms-thumb {
    background-color: #e0e0e0;
}

.slider.slider-bg-l-2-grey::-webkit-slider-runnable-track {
    background-color: #e0e0e0;
}

.slider.slider-bg-l-2-grey::-moz-range-track {
    background-color: #e0e0e0;
}

.slider.slider-bg-l-2-grey::-ms-track {
    background-color: #e0e0e0;
}

.bg-l-3-grey,
[type="checkbox"].filled-in:checked.col-l-3-grey + label:after,
[type="radio"].with-gap.col-l-3-grey:checked + label:after,
[type="radio"].with-gap.col-l-3-grey:checked + label:after,
[type="radio"].col-l-3-grey:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-3-grey:after,
.modal-content.col-l-3-grey,
.panel-group .panel.col-l-3-grey .panel-title,
.panel-group.full-body .panel.col-l-3-grey .panel-body {
    background-color: #eeeeee;
}

ul.stepper.stepper-col-l-3-grey .step.active:before,
ul.stepper.stepper-col-l-3-grey .step.done:before,
ul.stepper.horizontal.stepper-col-l-3-grey .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-3-grey .step.done .step-title:before   {
    background-color: #eeeeee;
}

.fc-col-l-3-grey:not([class*="lever"]) {
    border-bottom: 1px solid #eeeeee;
}

.col-l-3-grey {
    color: #eeeeee;
}
.vtabs.col-l-3-grey li.active{
    color: #eeeeee;
    border-right: 2px solid #eeeeee;
}
[type="checkbox"]:checked.col-l-3-grey + label:before {
    border-right: 2px solid #eeeeee;
    border-bottom: 2px solid #eeeeee;
}
[type="checkbox"].filled-in:checked.col-l-3-grey + label:after,
[type="radio"].with-gap.col-l-3-grey:checked + label:before,
[type="radio"].with-gap.col-l-3-grey:checked + label:after {
    border: 2px solid #eeeeee;
}
[type="radio"].col-l-3-grey:checked + label:after {
    border-color: #eeeeee;
}
.nav-tabs.col-l-3-grey > li > a:before{
    border-bottom: 2px solid #eeeeee;
}
.panel-group.col-l-3-grey {
    border: 1px solid #eeeeee;
}

.slider.thumb-bg-l-3-grey::-webkit-slider-thumb {
    background-color: #eeeeee;
}

.slider.thumb-bg-l-3-grey::-moz-range-thumb {
    background-color: #eeeeee;
}

.slider.thumb-bg-l-3-grey::-ms-thumb {
    background-color: #eeeeee;
}

.slider.slider-bg-l-3-grey::-webkit-slider-runnable-track {
    background-color: #eeeeee;
}

.slider.slider-bg-l-3-grey::-moz-range-track {
    background-color: #eeeeee;
}

.slider.slider-bg-l-3-grey::-ms-track {
    background-color: #eeeeee;
}

.bg-l-4-grey,
[type="checkbox"].filled-in:checked.col-l-4-grey + label:after,
[type="radio"].with-gap.col-l-4-grey:checked + label:after,
[type="radio"].col-l-4-grey:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-4-grey:after,
.modal-content.col-l-4-grey,
.panel-group .panel.col-l-4-grey .panel-title,
.panel-group.full-body .panel.col-l-4-grey .panel-body {
    background-color: #f5f5f5;
}

ul.stepper.stepper-col-l-4-grey .step.active:before,
ul.stepper.stepper-col-l-4-grey .step.done:before,
ul.stepper.horizontal.stepper-col-l-4-grey .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-4-grey .step.done .step-title:before  {
    background-color: #f5f5f5;
}

.fc-col-l-4-grey:not([class*="lever"]) {
    border-bottom: 1px solid #f5f5f5;
}
.col-l-4-grey{
    color: #f5f5f5;
}
.vtabs.col-l-4-grey li.active{
    color: #f5f5f5;
    border-right: 2px solid #f5f5f5;
}
[type="checkbox"]:checked.col-l-4-grey + label:before {
    border-right: 2px solid #f5f5f5;
    border-bottom: 2px solid #f5f5f5;
}
[type="checkbox"].filled-in:checked.col-l-4-grey + label:after,
[type="radio"].with-gap.col-l-4-grey:checked + label:before,
[type="radio"].with-gap.col-l-4-grey:checked + label:after {
    border: 2px solid #f5f5f5;
}
[type="radio"].col-l-4-grey:checked + label:after {
    border-color: #f5f5f5;
}
.nav-tabs.col-l-4-grey > li > a:before{
    border-bottom: 2px solid #f5f5f5;
}
.panel-group.col-l-4-grey {
    border: 1px solid #f5f5f5;
}

.slider.thumb-bg-l-4-grey::-webkit-slider-thumb {
    background-color: #f5f5f5;
}

.slider.thumb-bg-l-4-grey::-moz-range-thumb {
    background-color: #f5f5f5;
}

.slider.thumb-bg-l-4-grey::-ms-thumb {
    background-color: #f5f5f5;
}

.slider.slider-bg-l-4-grey::-webkit-slider-runnable-track {
    background-color: #f5f5f5;
}

.slider.slider-bg-l-4-grey::-moz-range-track {
    background-color: #f5f5f5;
}

.slider.slider-bg-l-4-grey::-ms-track {
    background-color: #f5f5f5;
}

.bg-l-5-grey ,
[type="checkbox"].filled-in:checked.col-l-5-grey + label:after,
[type="radio"].with-gap.col-l-5-grey:checked + label:after,
[type="radio"].col-l-5-grey:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-5-grey:after,
.modal-content.col-l-5-grey,
.panel-group .panel.col-l-5-grey .panel-title,
.panel-group.full-body .panel.col-l-5-grey .panel-body {
    background-color: #fafafa;
}

ul.stepper.stepper-col-l-5-grey .step.active:before,
ul.stepper.stepper-col-l-5-grey .step.done:before,
ul.stepper.horizontal.stepper-col-l-5-grey .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-5-grey .step.done .step-title:before   {
    background-color: #fafafa;
}

.fc-col-l-5-grey:not([class*="lever"]) {
    border-bottom: 1px solid #fafafa;
}
.col-l-5-grey {
    color: #fafafa;
}
.vtabs.col-l-5-grey li.active{
    color: #fafafa;
    border-right: 2px solid #fafafa;
}
[type="checkbox"]:checked.col-l-5-grey + label:before {
    border-right: 2px solid #fafafa;
    border-bottom: 2px solid #fafafa;
}
[type="checkbox"].filled-in:checked.col-l-5-grey + label:after,
[type="radio"].with-gap.col-l-5-grey:checked + label:before,
[type="radio"].with-gap.col-l-5-grey:checked + label:after {
    border: 2px solid #fafafa;
}
[type="radio"].col-l-5-grey:checked + label:after {
    border-color: #fafafa;
}
.nav-tabs.col-l-5-grey > li > a:before{
    border-bottom: 2px solid #fafafa;
}
.panel-group.col-l-5-grey {
    border: 1px solid #fafafa;
}

.slider.thumb-bg-l-5-grey::-webkit-slider-thumb {
    background-color: #fafafa;
}

.slider.thumb-bg-l-5-grey::-moz-range-thumb {
    background-color: #fafafa;
}

.slider.thumb-bg-l-5-grey::-ms-thumb {
    background-color: #fafafa;
}

.slider.slider-bg-l-5-grey::-webkit-slider-runnable-track {
    background-color: #fafafa;
}

.slider.slider-bg-l-5-grey::-moz-range-track {
    background-color: #fafafa;
}

.slider.slider-bg-l-5-grey::-ms-track {
    background-color: #fafafa;
}

.bg-d-1-grey,
[type="checkbox"].filled-in:checked.col-d-1-grey + label:after,
[type="radio"].with-gap.col-d-1-grey:checked + label:after,
[type="radio"].col-d-1-grey:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-1-grey:after,
.modal-content.col-d-1-grey,
.panel-group .panel.col-d-1-grey .panel-title,
.panel-group.full-body .panel.col-d-1-grey .panel-body {
    background-color: #757575;
}

ul.stepper.stepper-col-d-1-grey .step.active:before,
ul.stepper.stepper-col-d-1-grey .step.done:before,
ul.stepper.horizontal.stepper-col-d-1-grey .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-1-grey .step.done .step-title:before   {
    background-color: #757575;
}

.fc-col-d-1-grey:not([class*="lever"]) {
    border-bottom: 1px solid #757575;
}
.col-d-1-grey {
    color: #757575;
}
.vtabs.col-d-1-grey li.active{
    color: #757575;
    border-right: 2px solid #757575;
}
[type="checkbox"]:checked.col-d-1-grey + label:before {
    border-right: 2px solid #757575;
    border-bottom: 2px solid #757575;
}
[type="checkbox"].filled-in:checked.col-d-1-grey + label:after,
[type="radio"].with-gap.col-d-1-grey:checked + label:before,
[type="radio"].with-gap.col-d-1-grey:checked + label:after {
    border: 2px solid #757575;
}
[type="radio"].col-d-1-grey:checked + label:after {
    border-color: #757575;
}
.nav-tabs.col-d-1-grey > li > a:before{
    border-bottom: 2px solid #757575;
}
.panel-group.col-d-1-grey {
    border: 1px solid #757575;
}

.slider.thumb-bg-d-1-grey::-webkit-slider-thumb {
    background-color: #757575;
}

.slider.thumb-bg-d-1-grey::-moz-range-thumb {
    background-color: #757575;
}

.slider.thumb-bg-d-1-grey::-ms-thumb {
    background-color: #757575;
}

.slider.slider-bg-d-1-grey::-webkit-slider-runnable-track {
    background-color: #757575;
}

.slider.slider-bg-d-1-grey::-moz-range-track {
    background-color: #757575;
}

.slider.slider-bg-d-1-grey::-ms-track {
    background-color: #757575;
}

.bg-d-2-grey,
[type="checkbox"].filled-in:checked.col-d-2-grey + label:after,
[type="radio"].with-gap.col-d-2-grey:checked + label:after,
[type="radio"].col-d-2-grey:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-2-grey:after,
.modal-content.col-d-2-grey,
.panel-group .panel.col-d-2-grey .panel-title,
.panel-group.full-body .panel.col-d-2-grey .panel-body {
    background-color: #616161;
}

ul.stepper.stepper-col-d-2-grey .step.active:before,
ul.stepper.stepper-col-d-2-grey .step.done:before,
ul.stepper.horizontal.stepper-col-d-2-grey .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-2-grey .step.done .step-title:before  {
    background-color: #616161;
}

.fc-col-d-2-grey:not([class*="lever"]) {
    border-bottom: 1px solid #616161;
}
.col-d-2-grey {
    color: #616161;
}
.vtabs.col-d-2-grey li.active{
    color: #616161;
    border-right: 2px solid #616161;
}
[type="checkbox"]:checked.col-d-2-grey + label:before {
    border-right: 2px solid #616161;
    border-bottom: 2px solid #616161;
}
[type="checkbox"].filled-in:checked.col-d-2-grey + label:after,
[type="radio"].with-gap.col-d-2-grey:checked + label:before,
[type="radio"].with-gap.col-d-2-grey:checked + label:after {
    border: 2px solid #616161;
}
[type="radio"].col-d-2-grey:checked + label:after {
    border-color: #616161;
}
.nav-tabs.col-d-2-grey > li > a:before{
    border-bottom: 2px solid #616161;
}
.panel-group.col-d-2-grey {
    border: 1px solid #616161;
}

.slider.thumb-bg-d-2-grey::-webkit-slider-thumb {
    background-color: #616161;
}

.slider.thumb-bg-d-2-grey::-moz-range-thumb {
    background-color: #616161;
}

.slider.thumb-bg-d-2-grey::-ms-thumb {
    background-color: #616161;
}

.slider.slider-bg-d-2-grey::-webkit-slider-runnable-track {
    background-color: #616161;
}

.slider.slider-bg-d-2-grey::-moz-range-track {
    background-color: #616161;
}

.slider.slider-bg-d-2-grey::-ms-track {
    background-color: #616161;
}

.bg-d-3-grey,
[type="checkbox"].filled-in:checked.col-d-3-grey + label:after,
[type="radio"].with-gap.col-d-3-grey:checked + label:after,
[type="radio"].col-d-2-grey:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-3-grey:after,
.modal-content.col-d-3-grey,
.panel-group .panel.col-d-3-grey .panel-title,
.panel-group.full-body .panel.col-d-3-grey .panel-body {
    background-color: #424242;
}

ul.stepper.stepper-col-d-3-grey .step.active:before,
ul.stepper.stepper-col-d-3-grey .step.done:before,
ul.stepper.horizontal.stepper-col-d-3-grey .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-3-grey .step.done .step-title:before  {
    background-color: #424242;
}

.fc-col-d-3-grey:not([class*="lever"]) {
    border-bottom: 1px solid #424242;
}
.col-d-3-grey{
    color: #424242;
}
.vtabs.col-d-3-grey li.active{
    color: #424242;
    border-right: 2px solid #424242;
}
[type="checkbox"]:checked.col-d-3-grey + label:before {
    border-right: 2px solid #424242;
    border-bottom: 2px solid #424242;
}
[type="checkbox"].filled-in:checked.col-d-3-grey + label:after,
[type="radio"].with-gap.col-d-3-grey:checked + label:before,
[type="radio"].with-gap.col-d-3-grey:checked + label:after {
    border: 2px solid #424242;
}
[type="radio"].col-d-3-grey:checked + label:after {
    border-color: #424242;
}
.nav-tabs.col-d-3-grey > li > a:before{
    border-bottom: 2px solid #424242;
}
.panel-group.col-d-3-grey {
    border: 1px solid #424242;
}

.slider.thumb-bg-d-3-grey::-webkit-slider-thumb {
    background-color: #424242;
}

.slider.thumb-bg-d-3-grey::-moz-range-thumb {
    background-color: #424242;
}

.slider.thumb-bg-d-3-grey::-ms-thumb {
    background-color: #424242;
}

.slider.slider-bg-d-3-grey::-webkit-slider-runnable-track {
    background-color: #424242;
}

.slider.slider-bg-d-3-grey::-moz-range-track {
    background-color: #424242;
}

.slider.slider-bg-d-3-grey::-ms-track {
    background-color: #424242;
}

.bg-d-4-grey,
[type="checkbox"].filled-in:checked.col-d-4-grey + label:after,
[type="radio"].with-gap.col-d-4-grey:checked + label:after,
[type="radio"].col-d-4-grey:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-4-grey:after,
.modal-content.col-d-4-grey,
.panel-group .panel.col-d-4-grey .panel-title,
.panel-group.full-body .panel.col-d-4-grey .panel-body {
    background-color: #212121;
}

ul.stepper.stepper-col-d-4-grey .step.active:before,
ul.stepper.stepper-col-d-4-grey .step.done:before,
ul.stepper.horizontal.stepper-col-d-4-grey .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-4-grey .step.done .step-title:before  {
    background-color: #212121;
}

.fc-col-d-4-grey:not([class*="lever"]) {
    border-bottom: 1px solid #212121;
}
.col-d-4-grey{
    color: #212121;
}
.vtabs.col-d-4-grey li.active{
    color: #212121;
    border-right: 2px solid #212121;
}
[type="checkbox"]:checked.col-d-4-grey + label:before {
    border-right: 2px solid #212121;
    border-bottom: 2px solid #212121;
}
[type="checkbox"].filled-in:checked.col-d-4-grey + label:after,
[type="radio"].with-gap.col-d-4-grey:checked + label:before,
[type="radio"].with-gap.col-d-4-grey:checked + label:after {
    border: 2px solid #212121;
}
[type="radio"].col-d-4-grey:checked + label:after {
    border-color: #212121;
}
.nav-tabs.col-d-4-grey > li > a:before{
    border-bottom: 2px solid #212121;
}
.panel-group.col-d-4-grey {
    border: 1px solid #212121;
}

.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever[class*="col-grey"]:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(158, 158, 158, 0.1);
}

.switch label input[type=checkbox]:checked + .lever[class*="col-grey"] {
    background-color: rgba(158, 158, 158, 0.5);
}

.slider.thumb-bg-d-4-grey::-webkit-slider-thumb {
    background-color: #212121;
}

.slider.thumb-bg-d-4-grey::-moz-range-thumb {
    background-color: #212121;
}

.slider.thumb-bg-d-4-grey::-ms-thumb {
    background-color: #212121;
}

.slider.slider-bg-d-4-grey::-webkit-slider-runnable-track {
    background-color: #212121;
}

.slider.slider-bg-d-4-grey::-moz-range-track {
    background-color: #212121;
}

.slider.slider-bg-d-4-grey::-ms-track {
    background-color: #212121;
}
/*======================== BLUE GREY ========================*/
.bg-blue-grey{
    color: #FFF;
}
.modal-content.col-blue-grey:not([class*="col-white"]) .modal-body,
.modal-content.col-blue-grey:not([class*="col-white"]) .modal-footer .btn-link,
.modal-content.col-blue-grey:not([class*="col-white"]) .modal-title,
.panel-group .panel.col-blue-grey:not([class*="col-white"]) .panel-title,
.panel-group.full-body .panel.col-blue-grey:not([class*="col-white"]) .panel-body,
.bg-blue-grey.nav-tabs li a{
    color: #fff;
}
.bg-blue-grey,
.d-checkbox input[type="checkbox"].filled-in:checked.col-blue-grey + label:after,
[type="radio"].with-gap.col-blue-grey:checked + label:after,
[type="radio"].col-blue-grey:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-blue-grey:after,
.modal-content.col-blue-grey,
.panel-group .panel.col-blue-grey .panel-title,
.panel-group.full-body .panel.col-blue-grey .panel-body{
    background-color: #607D8B;
}

ul.stepper.stepper-col-blue-grey .step.active:before,
ul.stepper.stepper-col-blue-grey .step.done:before,
ul.stepper.horizontal.stepper-col-blue-grey .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-blue-grey .step.done .step-title:before{
    background-color: #607D8B;
}

.fc-col-blue-grey:not([class*="lever"]) {
    border-bottom: 1px solid #607D8B;
}
.col-blue-grey{
    color: #607D8B;
}
.vtabs.col-blue-grey li.active{
    color: #607D8B;
    border-right: 2px solid #607D8B;
}
.d-checkbox input[type="checkbox"]:checked.col-blue-grey + label:before {
    border-right: 2px solid #607D8B;
    border-bottom: 2px solid #607D8B;
}
.d-checkbox input[type="checkbox"].filled-in:checked.col-blue-grey + label:after,
[type="radio"].with-gap.col-blue-grey:checked + label:before,
[type="radio"].with-gap.col-blue-grey:checked + label:after{
    border: 2px solid #607D8B;
}
[type="radio"].col-blue-grey:checked + label:after {
    border-color: #607D8B;
}
.nav-tabs.col-blue-grey > li > a:before{
    border-bottom: 2px solid #607D8B;
}
.panel-group.col-blue-grey {
    border: 1px solid #607D8B;
}

.vtabs.col-blue-grey .flex-item.active a{
    border-right: 2px solid #607D8B;
}

.slider.thumb-bg-blue-grey::-webkit-slider-thumb {
    background-color: #607D8B;
}

.slider.thumb-bg-blue-grey::-moz-range-thumb {
    background-color: #607D8B;
}

.slider.thumb-bg-blue-grey::-ms-thumb {
    background-color: #607D8B;
}

.slider.slider-bg-blue-grey::-webkit-slider-runnable-track {
    background-color: #607D8B;
}

.slider.slider-bg-blue-grey::-moz-range-track {
    background-color: #607D8B;
}

.slider.slider-bg-blue-grey::-ms-track {
    background-color: #607D8B;
}

.bg-l-1-blue-grey,
[type="checkbox"].filled-in:checked.col-l-1-blue-grey + label:after,
[type="radio"].with-gap.col-l-1-blue-grey:checked + label:after,
[type="radio"].col-l-1-blue-grey:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-1-blue-grey:after,
.modal-content.col-l-1-blue-grey,
.panel-group .panel.col-l-1-blue-grey .panel-title,
.panel-group.full-body .panel.col-l-1-blue-grey .panel-body {
    background-color: #78909c;
}
ul.stepper.stepper-col-l-1-blue-grey .step.active:before,
ul.stepper.stepper-col-l-1-blue-grey .step.done:before,
ul.stepper.horizontal.stepper-col-l-1-blue-grey .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-1-blue-grey .step.done .step-title:before  {
    background-color: #78909c;
}


.fc-col-l-1-blue-grey:not([class*="lever"]) {
    border-bottom: 1px solid #78909c;
}
.col-l-1-blue-grey {
    color: #78909c;
}
.vtabs.col-l-1-blue-grey li.active{
    color: #78909c;
    border-right: 2px solid #78909c;
}
[type="checkbox"]:checked.col-l-1-blue-grey + label:before {
    border-right: 2px solid #78909c;
    border-bottom: 2px solid #78909c;
}
[type="checkbox"].filled-in:checked.col-l-1-blue-grey + label:after,
[type="radio"].with-gap.col-l-1-blue-grey:checked + label:before,
[type="radio"].with-gap.col-l-1-blue-grey:checked + label:after {
    border: 2px solid #78909c;
}
[type="radio"].col-l-1-blue-grey:checked + label:after {
    border-color: #78909c;
}
.nav-tabs.col-l-1-blue-grey > li > a:before{
    border-bottom: 2px solid #78909c;
}
.panel-group.col-l-1-blue-grey {
    border: 1px solid #78909c;
}

.slider.thumb-bg-l-1-blue-grey::-webkit-slider-thumb {
    background-color: #78909c;
}

.slider.thumb-bg-l-1-blue-grey::-moz-range-thumb {
    background-color: #78909c;
}

.slider.thumb-bg-l-1-blue-grey::-ms-thumb {
    background-color: #78909c;
}

.slider.slider-bg-l-1-blue-grey::-webkit-slider-runnable-track {
    background-color: #78909c;
}

.slider.slider-bg-l-1-blue-grey::-moz-range-track {
    background-color: #78909c;
}

.slider.slider-bg-l-1-blue-grey::-ms-track {
    background-color: #78909c;
}

.bg-l-2-blue-grey,
[type="checkbox"].filled-in:checked.col-l-2-blue-grey + label:after,
[type="radio"].with-gap.col-l-2-blue-grey:checked + label:after,
[type="radio"].col-l-2-blue-grey:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-2-blue-grey:after,
.modal-content.col-l-2-blue-grey,
.panel-group .panel.col-l-2-blue-grey .panel-title,
.panel-group.full-body .panel.col-l-2-blue-grey .panel-body {
    background-color: #90a4ae;
}
ul.stepper.stepper-col-l-2-blue-grey .step.active:before,
ul.stepper.stepper-col-l-2-blue-grey .step.done:before,
ul.stepper.horizontal.stepper-col-l-2-blue-grey .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-2-blue-grey .step.done .step-title:before   {
    background-color: #90a4ae;
}

.fc-col-l-2-blue-grey:not([class*="lever"]) {
    border-bottom: 1px solid #90a4ae;
}
.col-l-2-blue-grey {
    color: #90a4ae;
}
.vtabs.col-l-2-blue-grey li.active{
    color: #90a4ae;
    border-right: 2px solid #90a4ae;
}
[type="checkbox"]:checked.col-l-2-blue-grey + label:before {
    border-right: 2px solid #90a4ae;
    border-bottom: 2px solid #90a4ae;
}
[type="checkbox"].filled-in:checked.col-l-2-blue-grey + label:after,
[type="radio"].with-gap.col-l-2-blue-grey:checked + label:before,
[type="radio"].with-gap.col-l-2-blue-grey:checked + label:after {
    border: 2px solid #90a4ae;
}
[type="radio"].col-l-2-blue-grey:checked + label:after {
    border-color: #90a4ae;
}
.nav-tabs.col-l-2-blue-grey > li > a:before{
    border-bottom: 2px solid #90a4ae;
}
.panel-group.col-l-2-blue-grey {
    border: 1px solid #90a4ae;
}

.slider.thumb-bg-l-2-blue-grey::-webkit-slider-thumb {
    background-color: #90a4ae;
}

.slider.thumb-bg-l-2-blue-grey::-moz-range-thumb {
    background-color: #90a4ae;
}

.slider.thumb-bg-l-2-blue-grey::-ms-thumb {
    background-color: #90a4ae;
}

.slider.slider-bg-l-2-blue-grey::-webkit-slider-runnable-track {
    background-color: #90a4ae;
}

.slider.slider-bg-l-2-blue-grey::-moz-range-track {
    background-color: #90a4ae;
}

.slider.slider-bg-l-2-blue-grey::-ms-track {
    background-color: #90a4ae;
}

.bg-l-3-blue-grey,
[type="checkbox"].filled-in:checked.col-l-3-blue-grey + label:after,
[type="radio"].with-gap.col-l-3-blue-grey:checked + label:after,
[type="radio"].with-gap.col-l-3-blue-grey:checked + label:after,
[type="radio"].col-l-3-blue-grey:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-3-blue-grey:after,
.modal-content.col-l-3-blue-grey,
.panel-group .panel.col-l-3-blue-grey .panel-title,
.panel-group.full-body .panel.col-l-3-blue-grey .panel-body {
    background-color: #b0bec5;
}

ul.stepper.stepper-col-l-3-blue-grey .step.active:before,
ul.stepper.stepper-col-l-3-blue-grey .step.done:before,
ul.stepper.horizontal.stepper-col-l-3-blue-grey .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-3-blue-grey .step.done .step-title:before   {
    background-color: #b0bec5;
}

.fc-col-l-3-blue-grey:not([class*="lever"]) {
    border-bottom: 1px solid #b0bec5;
}

.col-l-3-blue-grey {
    color: #b0bec5;
}
.vtabs.col-l-3-blue-grey li.active{
    color: #b0bec5;
    border-right: 2px solid #b0bec5;
}
[type="checkbox"]:checked.col-l-3-blue-grey + label:before {
    border-right: 2px solid #b0bec5;
    border-bottom: 2px solid #b0bec5;
}
[type="checkbox"].filled-in:checked.col-l-3-blue-grey + label:after,
[type="radio"].with-gap.col-l-3-blue-grey:checked + label:before,
[type="radio"].with-gap.col-l-3-blue-grey:checked + label:after {
    border: 2px solid #b0bec5;
}
[type="radio"].col-l-3-blue-grey:checked + label:after {
    border-color: #b0bec5;
}
.nav-tabs.col-l-3-blue-grey > li > a:before{
    border-bottom: 2px solid #b0bec5;
}
.panel-group.col-l-3-blue-grey {
    border: 1px solid #b0bec5;
}

.slider.thumb-bg-l-3-blue-grey::-webkit-slider-thumb {
    background-color: #b0bec5;
}

.slider.thumb-bg-l-3-blue-grey::-moz-range-thumb {
    background-color: #b0bec5;
}

.slider.thumb-bg-l-3-blue-grey::-ms-thumb {
    background-color: #b0bec5;
}

.slider.slider-bg-l-3-blue-grey::-webkit-slider-runnable-track {
    background-color: #b0bec5;
}

.slider.slider-bg-l-3-blue-grey::-moz-range-track {
    background-color: #b0bec5;
}

.slider.slider-bg-l-3-blue-grey::-ms-track {
    background-color: #b0bec5;
}

.bg-l-4-blue-grey,
[type="checkbox"].filled-in:checked.col-l-4-blue-grey + label:after,
[type="radio"].with-gap.col-l-4-blue-grey:checked + label:after,
[type="radio"].col-l-4-blue-grey:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-4-blue-grey:after,
.modal-content.col-l-4-blue-grey,
.panel-group .panel.col-l-4-blue-grey .panel-title,
.panel-group.full-body .panel.col-l-4-blue-grey .panel-body {
    background-color: #cfd8dc;
}

ul.stepper.stepper-col-l-4-blue-grey .step.active:before,
ul.stepper.stepper-col-l-4-blue-grey .step.done:before,
ul.stepper.horizontal.stepper-col-l-4-blue-grey .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-4-blue-grey .step.done .step-title:before  {
    background-color: #cfd8dc;
}

.fc-col-l-4-blue-grey:not([class*="lever"]) {
    border-bottom: 1px solid #cfd8dc;
}
.col-l-4-blue-grey{
    color: #cfd8dc;
}
.vtabs.col-l-4-blue-grey li.active{
    color: #cfd8dc;
    border-right: 2px solid #cfd8dc;
}
[type="checkbox"]:checked.col-l-4-blue-grey + label:before {
    border-right: 2px solid #cfd8dc;
    border-bottom: 2px solid #cfd8dc;
}
[type="checkbox"].filled-in:checked.col-l-4-blue-grey + label:after,
[type="radio"].with-gap.col-l-4-blue-grey:checked + label:before,
[type="radio"].with-gap.col-l-4-blue-grey:checked + label:after {
    border: 2px solid #cfd8dc;
}
[type="radio"].col-l-4-blue-grey:checked + label:after {
    border-color: #cfd8dc;
}
.nav-tabs.col-l-4-blue-grey > li > a:before{
    border-bottom: 2px solid #cfd8dc;
}
.panel-group.col-l-4-blue-grey {
    border: 1px solid #cfd8dc;
}

.slider.thumb-bg-l-4-blue-grey::-webkit-slider-thumb {
    background-color: #cfd8dc;
}

.slider.thumb-bg-l-4-blue-grey::-moz-range-thumb {
    background-color: #cfd8dc;
}

.slider.thumb-bg-l-4-blue-grey::-ms-thumb {
    background-color: #cfd8dc;
}

.slider.slider-bg-l-4-blue-grey::-webkit-slider-runnable-track {
    background-color: #cfd8dc;
}

.slider.slider-bg-l-4-blue-grey::-moz-range-track {
    background-color: #cfd8dc;
}

.slider.slider-bg-l-4-blue-grey::-ms-track {
    background-color: #cfd8dc;
}

.bg-l-5-blue-grey ,
[type="checkbox"].filled-in:checked.col-l-5-blue-grey + label:after,
[type="radio"].with-gap.col-l-5-blue-grey:checked + label:after,
[type="radio"].col-l-5-blue-grey:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-l-5-blue-grey:after,
.modal-content.col-l-5-blue-grey,
.panel-group .panel.col-l-5-blue-grey .panel-title,
.panel-group.full-body .panel.col-l-5-blue-grey .panel-body {
    background-color: #eceff1;
}

ul.stepper.stepper-col-l-5-blue-grey .step.active:before,
ul.stepper.stepper-col-l-5-blue-grey .step.done:before,
ul.stepper.horizontal.stepper-col-l-5-blue-grey .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-l-5-blue-grey .step.done .step-title:before   {
    background-color: #eceff1;
}

.fc-col-l-5-blue-grey:not([class*="lever"]) {
    border-bottom: 1px solid #eceff1;
}
.col-l-5-blue-grey {
    color: #eceff1;
}
.vtabs.col-l-5-blue-grey li.active{
    color: #eceff1;
    border-right: 2px solid #eceff1;
}
[type="checkbox"]:checked.col-l-5-blue-grey + label:before {
    border-right: 2px solid #eceff1;
    border-bottom: 2px solid #eceff1;
}
[type="checkbox"].filled-in:checked.col-l-5-blue-grey + label:after,
[type="radio"].with-gap.col-l-5-blue-grey:checked + label:before,
[type="radio"].with-gap.col-l-5-blue-grey:checked + label:after {
    border: 2px solid #eceff1;
}
[type="radio"].col-l-5-blue-grey:checked + label:after {
    border-color: #eceff1;
}
.nav-tabs.col-l-5-blue-grey > li > a:before{
    border-bottom: 2px solid #eceff1;
}
.panel-group.col-l-5-blue-grey {
    border: 1px solid #eceff1;
}

.slider.thumb-bg-l-5-blue-grey::-webkit-slider-thumb {
    background-color: #eceff1;
}

.slider.thumb-bg-l-5-blue-grey::-moz-range-thumb {
    background-color: #eceff1;
}

.slider.thumb-bg-l-5-blue-grey::-ms-thumb {
    background-color: #eceff1;
}

.slider.slider-bg-l-5-blue-grey::-webkit-slider-runnable-track {
    background-color: #eceff1;
}

.slider.slider-bg-l-5-blue-grey::-moz-range-track {
    background-color: #eceff1;
}

.slider.slider-bg-l-5-blue-grey::-ms-track {
    background-color: #eceff1;
}

.bg-d-1-blue-grey,
[type="checkbox"].filled-in:checked.col-d-1-blue-grey + label:after,
[type="radio"].with-gap.col-d-1-blue-grey:checked + label:after,
[type="radio"].col-d-1-blue-grey:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-1-blue-grey:after,
.modal-content.col-d-1-blue-grey,
.panel-group .panel.col-d-1-blue-grey .panel-title,
.panel-group.full-body .panel.col-d-1-blue-grey .panel-body {
    background-color: #546e7a;
}

ul.stepper.stepper-col-d-1-blue-grey .step.active:before,
ul.stepper.stepper-col-d-1-blue-grey .step.done:before,
ul.stepper.horizontal.stepper-col-d-1-blue-grey .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-1-blue-grey .step.done .step-title:before   {
    background-color: #546e7a;
}

.fc-col-d-1-blue-grey:not([class*="lever"]) {
    border-bottom: 1px solid #546e7a;
}
.col-d-1-blue-grey {
    color: #546e7a;
}
.vtabs.col-d-1-blue-grey li.active{
    color: #546e7a;
    border-right: 2px solid #546e7a;
}
[type="checkbox"]:checked.col-d-1-blue-grey + label:before {
    border-right: 2px solid #546e7a;
    border-bottom: 2px solid #546e7a;
}
[type="checkbox"].filled-in:checked.col-d-1-blue-grey + label:after,
[type="radio"].with-gap.col-d-1-blue-grey:checked + label:before,
[type="radio"].with-gap.col-d-1-blue-grey:checked + label:after {
    border: 2px solid #546e7a;
}
[type="radio"].col-d-1-blue-grey:checked + label:after {
    border-color: #546e7a;
}
.nav-tabs.col-d-1-blue-grey > li > a:before{
    border-bottom: 2px solid #546e7a;
}
.panel-group.col-d-1-blue-grey {
    border: 1px solid #546e7a;
}

.slider.thumb-bg-d-1-blue-grey::-webkit-slider-thumb {
    background-color: #546e7a;
}

.slider.thumb-bg-d-1-blue-grey::-moz-range-thumb {
    background-color: #546e7a;
}

.slider.thumb-bg-d-1-blue-grey::-ms-thumb {
    background-color: #546e7a;
}

.slider.slider-bg-d-1-blue-grey::-webkit-slider-runnable-track {
    background-color: #546e7a;
}

.slider.slider-bg-d-1-blue-grey::-moz-range-track {
    background-color: #546e7a;
}

.slider.slider-bg-d-1-blue-grey::-ms-track {
    background-color: #546e7a;
}

.bg-d-2-blue-grey,
[type="checkbox"].filled-in:checked.col-d-2-blue-grey + label:after,
[type="radio"].with-gap.col-d-2-blue-grey:checked + label:after,
[type="radio"].col-d-2-blue-grey:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-2-blue-grey:after,
.modal-content.col-d-2-blue-grey,
.panel-group .panel.col-d-2-blue-grey .panel-title,
.panel-group.full-body .panel.col-d-2-blue-grey .panel-body {
    background-color: #455a64;
}

ul.stepper.stepper-col-d-2-blue-grey .step.active:before,
ul.stepper.stepper-col-d-2-blue-grey .step.done:before,
ul.stepper.horizontal.stepper-col-d-2-blue-grey .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-2-blue-grey .step.done .step-title:before  {
    background-color: #455a64;
}

.fc-col-d-2-blue-grey:not([class*="lever"]) {
    border-bottom: 1px solid #455a64;
}
.col-d-2-blue-grey {
    color: #455a64;
}
.vtabs.col-d-2-blue-grey li.active{
    color: #455a64;
    border-right: 2px solid #455a64;
}
[type="checkbox"]:checked.col-d-2-blue-grey + label:before {
    border-right: 2px solid #455a64;
    border-bottom: 2px solid #455a64;
}
[type="checkbox"].filled-in:checked.col-d-2-blue-grey + label:after,
[type="radio"].with-gap.col-d-2-blue-grey:checked + label:before,
[type="radio"].with-gap.col-d-2-blue-grey:checked + label:after {
    border: 2px solid #455a64;
}
[type="radio"].col-d-2-blue-grey:checked + label:after {
    border-color: #455a64;
}
.nav-tabs.col-d-2-blue-grey > li > a:before{
    border-bottom: 2px solid #455a64;
}
.panel-group.col-d-2-blue-grey {
    border: 1px solid #455a64;
}

.slider.thumb-bg-d-2-blue-grey::-webkit-slider-thumb {
    background-color: #455a64;
}

.slider.thumb-bg-d-2-blue-grey::-moz-range-thumb {
    background-color: #455a64;
}

.slider.thumb-bg-d-2-blue-grey::-ms-thumb {
    background-color: #455a64;
}

.slider.slider-bg-d-2-blue-grey::-webkit-slider-runnable-track {
    background-color: #455a64;
}

.slider.slider-bg-d-2-blue-grey::-moz-range-track {
    background-color: #455a64;
}

.slider.slider-bg-d-2-blue-grey::-ms-track {
    background-color: #455a64;
}

.bg-d-3-blue-grey,
[type="checkbox"].filled-in:checked.col-d-3-blue-grey + label:after,
[type="radio"].with-gap.col-d-3-blue-grey:checked + label:after,
[type="radio"].col-d-2-blue-grey:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-3-blue-grey:after,
.modal-content.col-d-3-blue-grey,
.panel-group .panel.col-d-3-blue-grey .panel-title,
.panel-group.full-body .panel.col-d-3-blue-grey .panel-body {
    background-color: #37474f;
}

ul.stepper.stepper-col-d-3-blue-grey .step.active:before,
ul.stepper.stepper-col-d-3-blue-grey .step.done:before,
ul.stepper.horizontal.stepper-col-d-3-blue-grey .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-3-blue-grey .step.done .step-title:before  {
    background-color: #37474f;
}

.fc-col-d-3-blue-grey:not([class*="lever"]) {
    border-bottom: 1px solid #37474f;
}
.col-d-3-blue-grey{
    color: #37474f;
}
.vtabs.col-d-3-blue-grey li.active{
    color: #37474f;
    border-right: 2px solid #37474f;
}
[type="checkbox"]:checked.col-d-3-blue-grey + label:before {
    border-right: 2px solid #37474f;
    border-bottom: 2px solid #37474f;
}
[type="checkbox"].filled-in:checked.col-d-3-blue-grey + label:after,
[type="radio"].with-gap.col-d-3-blue-grey:checked + label:before,
[type="radio"].with-gap.col-d-3-blue-grey:checked + label:after {
    border: 2px solid #37474f;
}
[type="radio"].col-d-3-blue-grey:checked + label:after {
    border-color: #37474f;
}
.nav-tabs.col-d-3-blue-grey > li > a:before{
    border-bottom: 2px solid #37474f;
}
.panel-group.col-d-3-blue-grey {
    border: 1px solid #37474f;
}

.slider.thumb-bg-d-3-blue-grey::-webkit-slider-thumb {
    background-color: #37474f;
}

.slider.thumb-bg-d-3-blue-grey::-moz-range-thumb {
    background-color: #37474f;
}

.slider.thumb-bg-d-3-blue-grey::-ms-thumb {
    background-color: #37474f;
}

.slider.slider-bg-d-3-blue-grey::-webkit-slider-runnable-track {
    background-color: #37474f;
}

.slider.slider-bg-d-3-blue-grey::-moz-range-track {
    background-color: #37474f;
}

.slider.slider-bg-d-3-blue-grey::-ms-track {
    background-color: #37474f;
}

.bg-d-4-blue-grey,
[type="checkbox"].filled-in:checked.col-d-4-blue-grey + label:after,
[type="radio"].with-gap.col-d-4-blue-grey:checked + label:after,
[type="radio"].col-d-4-blue-grey:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-d-4-blue-grey:after,
.modal-content.col-d-4-blue-grey,
.panel-group .panel.col-d-4-blue-grey .panel-title,
.panel-group.full-body .panel.col-d-4-blue-grey .panel-body {
    background-color: #263238;
}

ul.stepper.stepper-col-d-4-blue-grey .step.active:before,
ul.stepper.stepper-col-d-4-blue-grey .step.done:before,
ul.stepper.horizontal.stepper-col-d-4-blue-grey .step.active .step-title:before,
ul.stepper.horizontal.stepper-col-d-4-blue-grey .step.done .step-title:before  {
    background-color: #263238;
}

.fc-col-d-4-blue-grey:not([class*="lever"]) {
    border-bottom: 1px solid #263238;
}
.col-d-4-blue-grey{
    color: #263238;
}
.vtabs.col-d-4-blue-grey li.active{
    color: #263238;
    border-right: 2px solid #263238;
}
[type="checkbox"]:checked.col-d-4-blue-grey + label:before {
    border-right: 2px solid #263238;
    border-bottom: 2px solid #263238;
}
[type="checkbox"].filled-in:checked.col-d-4-blue-grey + label:after,
[type="radio"].with-gap.col-d-4-blue-grey:checked + label:before,
[type="radio"].with-gap.col-d-4-blue-grey:checked + label:after {
    border: 2px solid #263238;
}
[type="radio"].col-d-4-blue-grey:checked + label:after {
    border-color: #263238;
}
.nav-tabs.col-d-4-blue-grey > li > a:before{
    border-bottom: 2px solid #263238;
}
.panel-group.col-d-4-blue-grey {
    border: 1px solid #263238;
}

.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever[class*="col-blue-grey"]:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(96, 125, 139, 0.1);
}

.switch label input[type=checkbox]:checked + .lever[class*="col-blue-grey"] {
    background-color: rgba(96, 125, 139, 0.5);
}

.slider.thumb-bg-d-4-blue-grey::-webkit-slider-thumb {
    background-color: #263238;
}

.slider.thumb-bg-d-4-blue-grey::-moz-range-thumb {
    background-color: #263238;
}

.slider.thumb-bg-d-4-blue-grey::-ms-thumb {
    background-color: #263238;
}

.slider.slider-bg-d-4-blue-grey::-webkit-slider-runnable-track {
    background-color: #263238;
}

.slider.slider-bg-d-4-blue-grey::-moz-range-track {
    background-color: #263238;
}

.slider.slider-bg-d-4-blue-grey::-ms-track {
    background-color: #263238;
}
/*======================== WHITE ========================*/

.bg-white,
.list-group.bg-white,
.list-group.bg-white:hover,
.list-group.bg-white:focus,
.d-checkbox input[type="checkbox"].filled-in:checked.col-white + label:after,
[type="radio"].with-gap.col-white:checked + label:after,
[type="radio"][class*="col-white"]:checked + label:after,
.switch label input[type=checkbox]:checked + .lever.col-white:after,
.modal-content.col-white,
.panel-group .panel.col-white .panel-title,
.panel-group.full-body .panel.col-white .panel-body{
    background-color: #FFFFFF;
}

.fc-col-white:not([class*="lever"]) {
    border-bottom: 1px solid #FFFFFF;
}

.breadcrumb.col-white li a{
    color: #202020;
}
.d-checkbox input[type="checkbox"]:checked.col-white + label:before {
    border-right: 2px solid #FFFFFF;
    border-bottom: 2px solid #FFFFFF;
}
.d-checkbox input[type="checkbox"].filled-in:checked.col-white + label:after,
[type="radio"].with-gap.col-white:checked + label:before,
[type="radio"].with-gap.col-white + label:after{
    border: 2px solid #FFFFFF;
}
[type="radio"].col-white:checked + label:after {
    border-color: #FFFFFF;
}
.nav-tabs.col-white > li > a:before{
    border-bottom: 2px solid #FFFFFF;
}
.panel-group.col-white {
    border: 1px solid #FFFFFF;
}

.bg-white,
.bg-white .content .text,
.bg-white .content .number,
.list-group.bg-white,
.list-group.bg-white:hover,
.list-group.bg-white:focus,
.modal-content.col-white .modal-body,
.modal-content.col-white .modal-footer .btn-link,
.modal-content.col-white .modal-title,
.panel-group .panel.col-white .panel-title,
.panel-group.full-body .panel.col-white .panel-body{
    color: #202020;
}

.bg-white.nav-tabs li a,
.bg-white.nav-tabs li a:hover{
    color: #565656;
}

.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.col-white:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 255, 255, 0.1);
}

.switch label input[type=checkbox]:checked + .lever.col-white {
    background-color: rgba(255, 255, 255, 0.5);
}

.slider.thumb-bg-white::-webkit-slider-thumb {
    background-color: #FFFFFF;
}

.slider.thumb-bg-white::-moz-range-thumb {
    background-color: #FFFFFF;
}

/* =========== all colors ======================= */

.bg-black{
    background-color: #000;
    color: #FFF;
}

.bg-black.nav-tabs li a,
.bg-black.nav-tabs li a:hover {
    color: #FFF;
}

.col-white{
    color: #FFF;
}
.col-black{
    color: #000;
}

.slider.thumb-bg-black::-webkit-slider-thumb {
    background: #000;
}

.slider.thumb-bg-black::-moz-range-thumb {
    background: #000;
}

.bg-transparent{
    background-color: transparent;
}

.slider.thumb-bg-transparent::-webkit-slider-thumb {
    background-color: transparent;
}

.slider.thumb-bg-transparent::-moz-range-thumb {
    background-color: transparent;
}

[class*="bg-l-1"]:not([class*="bg-white"]),
[class*="bg-l-2"]:not([class*="bg-white"]),
[class*="bg-d-1"]:not([class*="bg-white"]),
[class*="bg-d-2"]:not([class*="bg-white"]),
[class*="bg-d-3"]:not([class*="bg-white"]),
[class*="bg-d-4"]:not([class*="bg-white"]),

[class*="bg-l-1"]:not([class*="bg-white"]) .content .text,
[class*="bg-l-2"]:not([class*="bg-white"]) .content .text,
[class*="bg-d-1"]:not([class*="bg-white"]) .content .text,
[class*="bg-d-2"]:not([class*="bg-white"]) .content .text,
[class*="bg-d-3"]:not([class*="bg-white"]) .content .text,
[class*="bg-d-4"]:not([class*="bg-white"]) .content .text,

[class*="bg-l-1"]:not([class*="bg-white"]) .content .number,
[class*="bg-l-2"]:not([class*="bg-white"]) .content .number,
[class*="bg-d-1"]:not([class*="bg-white"]) .content .number,
[class*="bg-d-2"]:not([class*="bg-white"]) .content .number,
[class*="bg-d-3"]:not([class*="bg-white"]) .content .number,
[class*="bg-d-4"]:not([class*="bg-white"]) .content .number,

.list-group[class*="bg-l-1"]:not([class*="bg-white"]),
.list-group[class*="bg-l-2"]:not([class*="bg-white"]),
.list-group[class*="bg-d-1"]:not([class*="bg-white"]),
.list-group[class*="bg-d-2"]:not([class*="bg-white"]),
.list-group[class*="bg-d-3"]:not([class*="bg-white"]),
.list-group[class*="bg-d-4"]:not([class*="bg-white"]),

.list-group[class*="bg-l-1"]:not([class*="bg-white"]):hover,
.list-group[class*="bg-l-2"]:not([class*="bg-white"]):hover,
.list-group[class*="bg-d-1"]:not([class*="bg-white"]):hover,
.list-group[class*="bg-d-2"]:not([class*="bg-white"]):hover,
.list-group[class*="bg-d-3"]:not([class*="bg-white"]):hover,
.list-group[class*="bg-d-4"]:not([class*="bg-white"]):hover,

.list-group[class*="bg-l-1"]:not([class*="bg-white"]):focus,
.list-group[class*="bg-l-2"]:not([class*="bg-white"]):focus,
.list-group[class*="bg-d-1"]:not([class*="bg-white"]):focus,
.list-group[class*="bg-d-2"]:not([class*="bg-white"]):focus,
.list-group[class*="bg-d-3"]:not([class*="bg-white"]):focus,
.list-group[class*="bg-d-4"]:not([class*="bg-white"]):focus,

.modal-content[class*="col-l-1"]:not([class*="col-white"]) .modal-body,
.modal-content[class*="col-l-2"]:not([class*="col-white"]) .modal-body,
.modal-content[class*="col-d-1"]:not([class*="col-white"]) .modal-body,
.modal-content[class*="col-d-2"]:not([class*="col-white"]) .modal-body,
.modal-content[class*="col-d-3"]:not([class*="col-white"]) .modal-body,
.modal-content[class*="col-d-4"]:not([class*="col-white"]) .modal-body,

.modal-content[class*="col-l-1"]:not([class*="col-white"]) .modal-footer .btn-link,
.modal-content[class*="col-l-2"]:not([class*="col-white"]) .modal-footer .btn-link,
.modal-content[class*="col-d-1"]:not([class*="col-white"]) .modal-footer .btn-link,
.modal-content[class*="col-d-2"]:not([class*="col-white"]) .modal-footer .btn-link,
.modal-content[class*="col-d-3"]:not([class*="col-white"]) .modal-footer .btn-link,
.modal-content[class*="col-d-4"]:not([class*="col-white"]) .modal-footer .btn-link,

.modal-content[class*="col-l-1"]:not([class*="col-white"]) .modal-title,
.modal-content[class*="col-l-2"]:not([class*="col-white"]) .modal-title,
.modal-content[class*="col-d-1"]:not([class*="col-white"]) .modal-title,
.modal-content[class*="col-d-2"]:not([class*="col-white"]) .modal-title,
.modal-content[class*="col-d-3"]:not([class*="col-white"]) .modal-title,
.modal-content[class*="col-d-4"]:not([class*="col-white"]) .modal-title,

.panel-group .panel[class*="col-l-1"]:not([class*="col-white"]) .panel-title,
.panel-group .panel[class*="col-l-2"]:not([class*="col-white"]) .panel-title,
.panel-group .panel[class*="col-d-1"]:not([class*="col-white"]) .panel-title,
.panel-group .panel[class*="col-d-2"]:not([class*="col-white"]) .panel-title,
.panel-group .panel[class*="col-d-3"]:not([class*="col-white"]) .panel-title,
.panel-group .panel[class*="col-d-4"]:not([class*="col-white"]) .panel-title,

.panel-group.full-body .panel[class*="col-l-1"]:not([class*="col-white"]) .panel-body,
.panel-group.full-body .panel[class*="col-l-2"]:not([class*="col-white"]) .panel-body,
.panel-group.full-body .panel[class*="col-d-1"]:not([class*="col-white"]) .panel-body,
.panel-group.full-body .panel[class*="col-d-2"]:not([class*="col-white"]) .panel-body,
.panel-group.full-body .panel[class*="col-d-3"]:not([class*="col-white"]) .panel-body,
.panel-group.full-body .panel[class*="col-d-4"]:not([class*="col-white"]) .panel-body
{
    color: #FFF;
}

[class*="bg-l-3"],
[class*="bg-l-4"],
[class*="bg-l-5"],

[class*="bg-l-3"] .content .text,
[class*="bg-l-4"] .content .text,
[class*="bg-l-5"] .content .text,

[class*="bg-l-3"] .content .number,
[class*="bg-l-4"] .content .number,
[class*="bg-l-5"] .content .number,

.list-group[class*="bg-l-3"],
.list-group[class*="bg-l-4"],
.list-group[class*="bg-l-5"],

.list-group[class*="bg-l-3"]:hover,
.list-group[class*="bg-l-4"]:hover,
.list-group[class*="bg-l-5"]:hover,

.list-group[class*="bg-l-3"]:focus,
.list-group[class*="bg-l-4"]:focus,
.list-group[class*="bg-l-5"]:focus,

.modal-content[class*="col-l-3"] .modal-body,
.modal-content[class*="col-l-4"] .modal-body,
.modal-content[class*="col-l-5"] .modal-body,

.modal-content[class*="col-l-3"] .modal-footer .btn-link,
.modal-content[class*="col-l-4"] .modal-footer .btn-link,
.modal-content[class*="col-l-5"] .modal-footer .btn-link,

.modal-content[class*="col-l-3"] .modal-title,
.modal-content[class*="col-l-4"] .modal-title,
.modal-content[class*="col-l-5"] .modal-title,

.panel-group .panel[class*="col-l-3"] .panel-title,
.panel-group .panel[class*="col-l-4"] .panel-title,
.panel-group .panel[class*="col-l-5"] .panel-title,

.panel-group.full-body .panel[class*="col-l-3"] .panel-body,
.panel-group.full-body .panel[class*="col-l-4"] .panel-body,
.panel-group.full-body .panel[class*="col-l-5"] .panel-body {
    color: #202020;
}