/*Theme 
  Author: Prashant Yadav
  Guideline:
    for box shadow property every where convert it's background color to rgb and update do not update the alpha or last value of rgba
*/

/*theme-1*/

.theme-1 .wizard-card[data-color] .moving-tab {
    background-color: #607d8b;
    box-shadow: 0 16px 26px -10px rgba(96, 125, 139, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 125, 139, 0.2);
}

.theme-1 .wizard-card[data-color] .picture:hover {
    border-color: #607d8b;
}

.theme-1 .wizard-card[data-color] .choice:hover .icon, .theme-1 .wizard-card[data-color] .choice.active .icon {
    border-color: #607d8b;
    color: #607d8b;
}

.theme-1 .wizard-card[data-color] .form-group .form-control {
    background-image: linear-gradient(#607d8b, #607d8b), linear-gradient(#D2D2D2, #D2D2D2);
}

.theme-1 .wizard-card[data-color] .checkbox input[type=checkbox]:checked + .checkbox-material .check {
    background-color: #607d8b;
}

.theme-1 .wizard-card[data-color] .radio input[type=radio]:checked ~ .check {
    background-color: #607d8b;
}

.theme-1 .wizard-card[data-color] .radio input[type=radio]:checked ~ .circle {
    border-color: #607d8b;
}

/*Save Button*/
.theme-1 .btn.btn-save, .theme-1 .btn.btn-save:hover, .theme-1 .btn.btn-save:focus, .theme-1 .btn.btn-save:active, .theme-1 .btn.btn-save.active, .theme-1 .btn.btn-save:active:focus, .theme-1 .btn.btn-save:active:hover, .theme-1 .btn.btn-save.active:focus, .theme-1 .btn.btn-save.active:hover, .open > .theme-1 .btn.btn-save.dropdown-toggle, .open > .theme-1 .btn.btn-save.dropdown-toggle:focus, .open > .theme-1 .btn.btn-save.dropdown-toggle:hover {
    background-color: #e2572c; /*background-color: #4caf50;*/
    color: #FFFFFF;
}

.theme-1 .btn.btn-save {
    box-shadow: 0 2px 2px 0 rgba(227, 88, 44, 0.14), 0 3px 1px -2px rgba(227, 88, 44, 0.2), 0 1px 5px 0 rgba(227, 88, 44, 0.12);
    /*box-shadow: 0 2px 2px 0 rgba(76, 175, 80, 0.14), 0 3px 1px -2px rgba(76, 175, 80, 0.2), 0 1px 5px 0 rgba(76, 175, 80, 0.12);*/
}

    .theme-1 .btn.btn-save:focus, .theme-1 .btn.btn-save:active, .theme-1 .btn.btn-save:hover {
        box-shadow: 0 14px 26px -12px rgba(227, 88, 44, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(227, 88, 44, 0.2);
        /*box-shadow: 0 14px 26px -12px rgba(76, 175, 80, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(76, 175, 80, 0.2);*/
    }
/*Save Button End*/

/*Prev Button*/
.theme-1 .btn.btn-previous, .theme-1 .btn.btn-previous:hover, .theme-1 .btn.btn-previous:focus, .theme-1 .btn.btn-previous:active, .theme-1 .btn.btn-previous.active, .theme-1 .btn.btn-previous:active:focus, .theme-1 .btn.btn-previous:active:hover, .theme-1 .btn.btn-previous.active:focus, .theme-1 .btn.btn-previous.active:hover, .open > .theme-1 .btn.btn-previous.dropdown-toggle, .open > .theme-1 .btn.btn-previous.dropdown-toggle:focus, .open > .theme-1 .btn.btn-previous.dropdown-toggle:hover {
    background-color: #00bcd4;
    color: #FFFFFF;
}

.theme-1 .btn.btn-previous {
    box-shadow: 0 2px 2px 0 rgba(0, 188, 212, 0.14), 0 3px 1px -2px rgba(0, 188, 212, 0.2), 0 1px 5px 0 rgba(0, 188, 212, 0.12);
}

.theme-1 .btn.btn-previous:focus, .theme-1 .btn.btn-previous:active, .theme-1 .btn.btn-previous:hover {
    box-shadow: 0 14px 26px -12px rgba(0, 188, 212, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 188, 212, 0.2);
}
/*Prev Button End*/

/*Next Button*/
.theme-1 .btn.btn-next, .theme-1 .btn.btn-next:hover, .theme-1 .btn.btn-next:focus, .theme-1 .btn.btn-next:active, .theme-1 .btn.btn-next.active, .theme-1 .btn.btn-next:active:focus, .theme-1 .btn.btn-next:active:hover, .theme-1 .btn.btn-next.active:focus, .theme-1 .btn.btn-next.active:hover, .open > .theme-1 .btn.btn-next.dropdown-toggle, .open > .theme-1 .btn.btn-next.dropdown-toggle:focus, .open > .theme-1 .btn.btn-next.dropdown-toggle:hover {
    background-color: #00bcd4;
    color: #FFFFFF;
}

.theme-1 .btn.btn-next {
    box-shadow: 0 2px 2px 0 rgba(0, 188, 212, 0.14), 0 3px 1px -2px rgba(0, 188, 212, 0.2), 0 1px 5px 0 rgba(0, 188, 212, 0.12);
}

.theme-1 .btn.btn-next:focus, .theme-1 .btn.btn-next:active, .theme-1 .btn.btn-next:hover {
    box-shadow: 0 14px 26px -12px rgba(0, 188, 212, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 188, 212, 0.2);
}
/*Next Button End*/

/*Finish Button*/
.theme-1 .btn.btn-finish, .theme-1 .btn.btn-finish:hover, .theme-1 .btn.btn-finish:focus, .theme-1 .btn.btn-finish:active, .theme-1 .btn.btn-finish.active, .theme-1 .btn.btn-finish:active:focus, .theme-1 .btn.btn-finish:active:hover, .theme-1 .btn.btn-finish.active:focus, .theme-1 .btn.btn-finish.active:hover, .open > .theme-1 .btn.btn-finish.dropdown-toggle, .open > .theme-1 .btn.btn-finish.dropdown-toggle:focus, .open > .theme-1 .btn.btn-finish.dropdown-toggle:hover {
    background-color: #00bcd4;
    color: #FFFFFF;
}

.theme-1 .btn.btn-finish {
    box-shadow: 0 2px 2px 0 rgba(0, 188, 212, 0.14), 0 3px 1px -2px rgba(0, 188, 212, 0.2), 0 1px 5px 0 rgba(0, 188, 212, 0.12);
}

.theme-1 .btn.btn-finish:focus, .theme-1 .btn.btn-finish:active, .theme-1 .btn.btn-finish:hover {
    box-shadow: 0 14px 26px -12px rgba(0, 188, 212, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 188, 212, 0.2);
}
/*Finish Button End*/

/*Feature Button*/
.theme-1 .btn.btn-feature, .theme-1 .btn.btn-feature:hover, .theme-1 .btn.btn-feature:focus, .theme-1 .btn.btn-feature:active, .theme-1 .btn.btn-feature.active, .theme-1 .btn.btn-feature:active:focus, .theme-1 .btn.btn-feature:active:hover, .theme-1 .btn.btn-feature.active:focus, .theme-1 .btn.btn-feature.active:hover, .open > .theme-1 .btn.btn-feature.dropdown-toggle, .open > .theme-1 .btn.btn-feature.dropdown-toggle:focus, .open > .theme-1 .btn.btn-feature.dropdown-toggle:hover {
    background-color: #00bcd4;
    color: #FFFFFF;
}

.theme-1 .btn.btn-feature {
    box-shadow: 0 2px 2px 0 rgba(0, 188, 212, 0.14), 0 3px 1px -2px rgba(0, 188, 212, 0.2), 0 1px 5px 0 rgba(0, 188, 212, 0.12);
}

.theme-1 .btn.btn-feature:focus, .theme-1 .btn.btn-feature:active, .theme-1 .btn.btn-feature:hover {
    box-shadow: 0 14px 26px -12px rgba(0, 188, 212, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 188, 212, 0.2);
}
/*Feature Button End*/

/*Files View Button*/
.theme-1 .btn.btn-file-view, .theme-1 .btn.btn-file-view:hover, .theme-1 .btn.btn-file-view:focus, .theme-1 .btn.btn-file-view:active, .theme-1 .btn.btn-file-view.active, .theme-1 .btn.btn-file-view:active:focus, .theme-1 .btn.btn-file-view:active:hover, .theme-1 .btn.btn-file-view.active:focus, .theme-1 .btn.btn-file-view.active:hover, .open > .theme-1 .btn.btn-file-view.dropdown-toggle, .open > .theme-1 .btn.btn-file-view.dropdown-toggle:focus, .open > .theme-1 .btn.btn-file-view.dropdown-toggle:hover {
    background-color: #4caf50;
    color: #FFFFFF;
}

.theme-1 .btn.btn-file-view {
    box-shadow: 0 2px 2px 0 rgba(76, 175, 80, 0.14), 0 3px 1px -2px rgba(76, 175, 80, 0.2), 0 1px 5px 0 rgba(76, 175, 80, 0.12);
}

.theme-1 .btn.btn-file-view:focus, .theme-1 .btn.btn-file-view:active, .theme-1 .btn.btn-file-view:hover {
    box-shadow: 0 14px 26px -12px rgba(76, 175, 80, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(76, 175, 80, 0.2);
}
/*Files View Button End*/

/*Table*/
.theme-1 table.terminal thead > tr > th {
    background: #9e9e9e;
    border-color: #fff;
}

/*Collapsed Table*/
.theme-1 .table tbody > tr.collapse > td {
    background: #FFE082;
}

/*Label*/
.theme-1 .form-group label.control-label, .theme-1 .form-group .checkbox label, .theme-1 .form-group .radio label, .theme-1 .form-group label, .theme-1 label.control-label, .theme-1 .checkbox label, .theme-1 .radio label, .theme-1 label {
    color: #FF5722;
}

/*icon with fields*/
.theme-1 .input-group-addon, .theme-1 .contains-info > span {
    color: #FF5722;
}

/*Main Heading*/
.theme-1 h3.info-text{
    color:aqua;
}

/*Heading*/
.theme-1 h4.info_text, .theme-1 h3.group-sub-heading {
    color: mediumpurple;
}

/*Additional Location*/
/*Tabs*/
.theme-1 .aside ul li.active {
    background: #FF5722;
    box-shadow: 0px 1px 6px #989898;
    -webkit-box-shadow: 0px 1px 6px #989898;
}

.theme-1 .main {
    border-left: 3px solid #FF5722;
}


/*theme-paragon*/
.theme-paragon .wizard-card[data-color] .moving-tab {
    background-color: #004f70;
    box-shadow: 0 16px 26px -10px rgba(1, 79, 112, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(1, 79, 112, 0.2);
}

.theme-paragon .wizard-card[data-color] .picture:hover {
    border-color: #607d8b;
}

.theme-paragon .wizard-card[data-color] .choice:hover .icon, .theme-paragon .wizard-card[data-color] .choice.active .icon {
    border-color: #607d8b;
    color: #607d8b;
}

.theme-paragon .wizard-card[data-color] .form-group .form-control {
    background-image: linear-gradient(#607d8b, #607d8b), linear-gradient(#D2D2D2, #D2D2D2);
}

.theme-paragon .wizard-card[data-color] .checkbox input[type=checkbox]:checked + .checkbox-material .check {
    background-color: #607d8b;
}

.theme-paragon .wizard-card[data-color] .radio input[type=radio]:checked ~ .check {
    background-color: #607d8b;
}

.theme-paragon .wizard-card[data-color] .radio input[type=radio]:checked ~ .circle {
    border-color: #607d8b;
}

/*Save Button*/
.theme-paragon .btn.btn-save, .theme-paragon .btn.btn-save:hover, .theme-paragon .btn.btn-save:focus, .theme-paragon .btn.btn-save:active, .theme-paragon .btn.btn-save.active, .theme-paragon .btn.btn-save:active:focus, .theme-paragon .btn.btn-save:active:hover, .theme-paragon .btn.btn-save.active:focus, .theme-paragon .btn.btn-save.active:hover, .open > .theme-paragon .btn.btn-save.dropdown-toggle, .open > .theme-paragon .btn.btn-save.dropdown-toggle:focus, .open > .theme-paragon .btn.btn-save.dropdown-toggle:hover {
    background-color: #e2572c; /*background-color: #4caf50;*/
    color: #FFFFFF;
}

.theme-paragon .btn.btn-save {
    box-shadow: 0 2px 2px 0 rgba(227, 88, 44, 0.14), 0 3px 1px -2px rgba(227, 88, 44, 0.2), 0 1px 5px 0 rgba(227, 88, 44, 0.12);
    /*box-shadow: 0 2px 2px 0 rgba(76, 175, 80, 0.14), 0 3px 1px -2px rgba(76, 175, 80, 0.2), 0 1px 5px 0 rgba(76, 175, 80, 0.12);*/
}

    .theme-paragon .btn.btn-save:focus, .theme-paragon .btn.btn-save:active, .theme-paragon .btn.btn-save:hover {
        box-shadow: 0 14px 26px -12px rgba(227, 88, 44, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(227, 88, 44, 0.2);
        /*box-shadow: 0 14px 26px -12px rgba(76, 175, 80, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(76, 175, 80, 0.2);*/
    }
/*Save Button End*/

/*Prev Button*/
.theme-paragon .btn.btn-previous, .theme-paragon .btn.btn-previous:hover, .theme-paragon .btn.btn-previous:focus, .theme-paragon .btn.btn-previous:active, .theme-paragon .btn.btn-previous.active, .theme-paragon .btn.btn-previous:active:focus, .theme-paragon .btn.btn-previous:active:hover, .theme-paragon .btn.btn-previous.active:focus, .theme-paragon .btn.btn-previous.active:hover, .open > .theme-paragon .btn.btn-previous.dropdown-toggle, .open > .theme-paragon .btn.btn-previous.dropdown-toggle:focus, .open > .theme-paragon .btn.btn-previous.dropdown-toggle:hover {
    background-color: #00bcd4;
    color: #FFFFFF;
}

.theme-paragon .btn.btn-previous {
    box-shadow: 0 2px 2px 0 rgba(0, 188, 212, 0.14), 0 3px 1px -2px rgba(0, 188, 212, 0.2), 0 1px 5px 0 rgba(0, 188, 212, 0.12);
}

    .theme-paragon .btn.btn-previous:focus, .theme-paragon .btn.btn-previous:active, .theme-paragon .btn.btn-previous:hover {
        box-shadow: 0 14px 26px -12px rgba(0, 188, 212, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 188, 212, 0.2);
    }
/*Prev Button End*/

/*Next Button*/
.theme-paragon .btn.btn-next, .theme-paragon .btn.btn-next:hover, .theme-paragon .btn.btn-next:focus, .theme-paragon .btn.btn-next:active, .theme-paragon .btn.btn-next.active, .theme-paragon .btn.btn-next:active:focus, .theme-paragon .btn.btn-next:active:hover, .theme-paragon .btn.btn-next.active:focus, .theme-paragon .btn.btn-next.active:hover, .open > .theme-paragon .btn.btn-next.dropdown-toggle, .open > .theme-paragon .btn.btn-next.dropdown-toggle:focus, .open > .theme-paragon .btn.btn-next.dropdown-toggle:hover {
    background-color: #359bcb;
    color: #FFFFFF;
}

.theme-paragon .btn.btn-next {
    box-shadow: 0 2px 2px 0 rgba(53, 156, 204, 0.14), 0 3px 1px -2px rgba(53, 156, 204, 0.2), 0 1px 5px 0 rgba(53, 156, 204, 0.12);
}

    .theme-paragon .btn.btn-next:focus, .theme-paragon .btn.btn-next:active, .theme-paragon .btn.btn-next:hover {
        box-shadow: 0 14px 26px -12px rgba(53, 156, 204, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(53, 156, 204, 0.2);
    }
/*Next Button End*/

/*Finish Button*/
.theme-paragon .btn.btn-finish, .theme-paragon .btn.btn-finish:hover, .theme-paragon .btn.btn-finish:focus, .theme-paragon .btn.btn-finish:active, .theme-paragon .btn.btn-finish.active, .theme-paragon .btn.btn-finish:active:focus, .theme-paragon .btn.btn-finish:active:hover, .theme-paragon .btn.btn-finish.active:focus, .theme-paragon .btn.btn-finish.active:hover, .open > .theme-paragon .btn.btn-finish.dropdown-toggle, .open > .theme-paragon .btn.btn-finish.dropdown-toggle:focus, .open > .theme-paragon .btn.btn-finish.dropdown-toggle:hover {
    background-color: #00bcd4;
    color: #FFFFFF;
}

.theme-paragon .btn.btn-finish {
    box-shadow: 0 2px 2px 0 rgba(0, 188, 212, 0.14), 0 3px 1px -2px rgba(0, 188, 212, 0.2), 0 1px 5px 0 rgba(0, 188, 212, 0.12);
}

    .theme-paragon .btn.btn-finish:focus, .theme-paragon .btn.btn-finish:active, .theme-paragon .btn.btn-finish:hover {
        box-shadow: 0 14px 26px -12px rgba(0, 188, 212, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 188, 212, 0.2);
    }
/*Finish Button End*/

/*Feature Button*/
.theme-paragon .btn.btn-feature, .theme-paragon .btn.btn-feature:hover, .theme-paragon .btn.btn-feature:focus, .theme-paragon .btn.btn-feature:active, .theme-paragon .btn.btn-feature.active, .theme-paragon .btn.btn-feature:active:focus, .theme-paragon .btn.btn-feature:active:hover, .theme-paragon .btn.btn-feature.active:focus, .theme-paragon .btn.btn-feature.active:hover, .open > .theme-paragon .btn.btn-feature.dropdown-toggle, .open > .theme-paragon .btn.btn-feature.dropdown-toggle:focus, .open > .theme-paragon .btn.btn-feature.dropdown-toggle:hover {
    background-color: #00bcd4;
    color: #FFFFFF;
}

.theme-paragon .btn.btn-feature {
    box-shadow: 0 2px 2px 0 rgba(0, 188, 212, 0.14), 0 3px 1px -2px rgba(0, 188, 212, 0.2), 0 1px 5px 0 rgba(0, 188, 212, 0.12);
}

    .theme-paragon .btn.btn-feature:focus, .theme-paragon .btn.btn-feature:active, .theme-paragon .btn.btn-feature:hover {
        box-shadow: 0 14px 26px -12px rgba(0, 188, 212, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 188, 212, 0.2);
    }
/*Feature Button End*/

/*Files View Button*/
.theme-paragon .btn.btn-file-view, .theme-paragon .btn.btn-file-view:hover, .theme-paragon .btn.btn-file-view:focus, .theme-paragon .btn.btn-file-view:active, .theme-paragon .btn.btn-file-view.active, .theme-paragon .btn.btn-file-view:active:focus, .theme-paragon .btn.btn-file-view:active:hover, .theme-paragon .btn.btn-file-view.active:focus, .theme-paragon .btn.btn-file-view.active:hover, .open > .theme-paragon .btn.btn-file-view.dropdown-toggle, .open > .theme-paragon .btn.btn-file-view.dropdown-toggle:focus, .open > .theme-paragon .btn.btn-file-view.dropdown-toggle:hover {
    background-color: #4caf50;
    color: #FFFFFF;
}

.theme-paragon .btn.btn-file-view {
    box-shadow: 0 2px 2px 0 rgba(76, 175, 80, 0.14), 0 3px 1px -2px rgba(76, 175, 80, 0.2), 0 1px 5px 0 rgba(76, 175, 80, 0.12);
}

    .theme-paragon .btn.btn-file-view:focus, .theme-paragon .btn.btn-file-view:active, .theme-paragon .btn.btn-file-view:hover {
        box-shadow: 0 14px 26px -12px rgba(76, 175, 80, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(76, 175, 80, 0.2);
    }
/*Files View Button End*/

/*Table*/
.theme-paragon table.terminal thead > tr > th {
    background: #9e9e9e;
    border-color: #fff;
}

/*Collapsed Table*/
.theme-paragon .table tbody > tr.collapse > td {
    background: #FFE082;
}

/*Label*/
.theme-paragon .form-group label.control-label, .theme-paragon .form-group .checkbox label, .theme-paragon .form-group .radio label, .theme-paragon .form-group label, .theme-paragon label.control-label, .theme-paragon .checkbox label, .theme-paragon .radio label, .theme-paragon label {
    color: #000000;
}

/*icon with fields*/
.theme-paragon .input-group-addon, .theme-paragon .contains-info > span {
    color: #777;
}

/*Main Heading*/
.theme-paragon h3.info-text {
    color: #000000;
}

/*Heading*/
.theme-paragon h4.info_text, .theme-paragon h3.group-sub-heading {
    color: mediumpurple;
}

/*error*/
.theme-paragon .form-group.has-error label.control-label, .theme-paragon .form-group.has-error .help-block {
    color: #f44336;
}

/*Additional Location*/
/*Tabs*/
.theme-paragon .aside ul li.active {
    background: #FF5722;
    box-shadow: 0px 1px 6px #989898;
    -webkit-box-shadow: 0px 1px 6px #989898;
}

.theme-paragon .main {
    border-left: 3px solid #FF5722;
}