/* Blue */
 .blue-theme .ngx-pagination .current, .blue-theme .md-drppicker .btn:focus, .blue-theme .md-drppicker .btn:hover, .blue-theme .md-drppicker td.active, .blue-theme .md-drppicker td.active:hover, .blue-theme .md-drppicker .btn, .blue-theme .md-drppicker .ranges ul li button.active, .blue-theme .large-search, .blue-theme .checkbox-theme label::after, .blue-theme .large-search .catalog-search .fa-search, .blue-theme .frequntly-content .nav-tabs li a .gray-round, .blue-theme .frequntly-content .nav-tabs li a.active .gray-round, .blue-theme .header-section .right-side .header-page-actions .single-action.text-action > .text:hover, .blue-theme .header-section .right-side .header-page-actions .single-action a.fa.active, .blue-theme .header-section .right-side .header-page-actions .single-action a.fa:hover, .blue-theme .box-actions .single-action .dropdown-menu .folder-detail li:before, .blue-theme .header-section .right-side .header-page-actions .single-action button:hover, .blue-theme .fileupload .btn-file:hover, .blue-theme .btn-theme, .blue-theme .btn-theme:hover, .blue-theme .radio-theme input[type="radio"].styled:checked + label:after, .blue-theme .my-profile-details .profile-image .upload-img .upload-icon, .blue-theme .upload-img .upload-icon, .blue-theme .table-role thead tr th, .blue-theme .modal-theme .modal-header:after, .blue-theme .custom-header, .blue-theme .tab-theme-small .nav-tabs li a::before, .blue-theme .header-section .right-side .header-page-actions .single-action:hover .fileupload .upload-icon {
     background: #0c4da2;
}
 .blue-theme a, .blue-theme .breadcrumb-theme .breadcrumb-item a, .blue-theme .form-input .input-form .input-detail, .blue-theme .navbar-app-theme .navbar-toggler .fa, .blue-theme .large-search .helpline .fa-info, .blue-theme .breadcrumb-theme .breadcrumb-item + .breadcrumb-item:before, .blue-theme .theme-panel-group .theme-panel- .label-title, .blue-theme .header-action .user-name, .blue-theme .box-actions .single-action .dropdown-menu .folder-name, .blue-theme .box-actions .single-action .dropdown-menu.select-color li a, .blue-theme .tab-theme-small .nav-tabs li a.active, .blue-theme .tab-theme-small .nav-tabs li:hover a {
     color: #0c4da2;
}
 .blue-theme .navbar-app-theme .navbar-collapse .navbar-nav .nav-item.active .nav-link:after, .blue-theme .page-content-app, .blue-theme .header-section, .blue-theme footer, .blue-theme .header-section .right-side .header-page-actions .single-action.text-action > .text:hover, .blue-theme .header-section .right-side .header-page-actions .single-action a.fa.active, .blue-theme .header-section .right-side .header-page-actions .single-action a.fa:hover, .blue-theme .header-section .right-side .header-page-actions .single-action button:hover, .blue-theme .fileupload .btn-file:hover, .blue-theme .radio-theme input[type="radio"].styled:checked + label::before, .blue-theme .form-input .input-form .form-control:hover, .blue-theme .form-input .input-form .form-control:focus, .blue-theme .form-control:focus, .blue-theme .header-section .right-side .header-page-actions .single-action:hover .fileupload .upload-icon {
     border-color: #0c4da2;
}
/* Red */
 .red-theme .ngx-pagination .current, .red-theme .md-drppicker .btn:focus, .red-theme .md-drppicker .btn:hover, .red-theme .md-drppicker td.active, .red-theme .md-drppicker td.active:hover, .red-theme .md-drppicker .btn, .red-theme .md-drppicker .ranges ul li button.active, .red-theme .large-search, .red-theme .checkbox-theme label::after, .red-theme .large-search .catalog-search .fa-search, .red-theme .frequntly-content .nav-tabs li a .gray-round, .red-theme .frequntly-content .nav-tabs li a.active .gray-round, .red-theme .header-section .right-side .header-page-actions .single-action.text-action > .text:hover, .red-theme .header-section .right-side .header-page-actions .single-action a.fa.active, .red-theme .header-section .right-side .header-page-actions .single-action a.fa:hover, .red-theme .box-actions .single-action .dropdown-menu .folder-detail li:before, .red-theme .header-section .right-side .header-page-actions .single-action button:hover, .red-theme .fileupload .btn-file:hover, .red-theme .btn-theme, .red-theme .btn-theme:hover, .red-theme .radio-theme input[type="radio"].styled:checked + label:after, .red-theme .my-profile-details .profile-image .upload-img .upload-icon, .red-theme .upload-img .upload-icon, .red-theme .table-role thead tr th, .red-theme .modal-theme .modal-header:after, .red-theme .custom-header, .red-theme .tab-theme-small .nav-tabs li a::before, .red-theme .header-section .right-side .header-page-actions .single-action:hover .fileupload .upload-icon {
     background: #e1161b;
}
 .red-theme a, .red-theme .breadcrumb-theme .breadcrumb-item a, .red-theme .form-input .input-form .input-detail, .red-theme .navbar-app-theme .navbar-toggler .fa, .red-theme .large-search .helpline .fa-info, .red-theme .breadcrumb-theme .breadcrumb-item + .breadcrumb-item:before, .red-theme .theme-panel-group .theme-panel- .label-title, .red-theme .header-action .user-name, .red-theme .box-actions .single-action .dropdown-menu .folder-name, .red-theme .box-actions .single-action .dropdown-menu.select-color li a, .red-theme .tab-theme-small .nav-tabs li a.active, .red-theme .tab-theme-small .nav-tabs li:hover a {
     color: #e1161b;
}
 .red-theme .navbar-app-theme .navbar-collapse .navbar-nav .nav-item.active .nav-link:after, .red-theme .page-content-app, .red-theme .header-section, .red-theme footer, .red-theme .header-section .right-side .header-page-actions .single-action.text-action > .text:hover, .red-theme .header-section .right-side .header-page-actions .single-action a.fa.active, .red-theme .header-section .right-side .header-page-actions .single-action a.fa:hover, .red-theme .header-section .right-side .header-page-actions .single-action button:hover, .red-theme .fileupload .btn-file:hover, .red-theme .radio-theme input[type="radio"].styled:checked + label::before, .red-theme .form-input .input-form .form-control:hover, .red-theme .form-input .input-form .form-control:focus, .red-theme .form-control:focus, .red-theme .header-section .right-side .header-page-actions .single-action:hover .fileupload .upload-icon {
     border-color: #e1161b;
}
/* Pink */
 .pink-theme .ngx-pagination .current, .pink-theme .md-drppicker .btn:focus, .pink-theme .md-drppicker .btn:hover, .pink-theme .md-drppicker td.active, .pink-theme .md-drppicker td.active:hover, .pink-theme .md-drppicker .btn, .pink-theme .md-drppicker .ranges ul li button.active, .pink-theme .large-search, .pink-theme .checkbox-theme label::after, .pink-theme .large-search .catalog-search .fa-search, .pink-theme .frequntly-content .nav-tabs li a .gray-round, .pink-theme .frequntly-content .nav-tabs li a.active .gray-round, .pink-theme .header-section .right-side .header-page-actions .single-action.text-action > .text:hover, .pink-theme .header-section .right-side .header-page-actions .single-action a.fa.active, .pink-theme .header-section .right-side .header-page-actions .single-action a.fa:hover, .pink-theme .box-actions .single-action .dropdown-menu .folder-detail li:before, .pink-theme .header-section .right-side .header-page-actions .single-action button:hover, .pink-theme .fileupload .btn-file:hover, .pink-theme .btn-theme, .pink-theme .btn-theme:hover, .pink-theme .radio-theme input[type="radio"].styled:checked + label:after, .pink-theme .my-profile-details .profile-image .upload-img .upload-icon, .pink-theme .upload-img .upload-icon, .pink-theme .table-role thead tr th, .pink-theme .modal-theme .modal-header:after, .pink-theme .custom-header, .pink-theme .tab-theme-small .nav-tabs li a::before, .pink-theme .header-section .right-side .header-page-actions .single-action:hover .fileupload .upload-icon {
     background: #b2175b;
}
 .pink-theme a, .pink-theme .breadcrumb-theme .breadcrumb-item a, .pink-theme .form-input .input-form .input-detail, .pink-theme .navbar-app-theme .navbar-toggler .fa, .pink-theme .large-search .helpline .fa-info, .pink-theme .breadcrumb-theme .breadcrumb-item + .breadcrumb-item:before, .pink-theme .theme-panel-group .theme-panel- .label-title, .pink-theme .header-action .user-name, .pink-theme .box-actions .single-action .dropdown-menu .folder-name, .pink-theme .box-actions .single-action .dropdown-menu.select-color li a, .pink-theme .tab-theme-small .nav-tabs li a.active, .pink-theme .tab-theme-small .nav-tabs li:hover a {
     color: #b2175b;
}
 .pink-theme .navbar-app-theme .navbar-collapse .navbar-nav .nav-item.active .nav-link:after, .pink-theme .page-content-app, .pink-theme .header-section, .pink-theme footer, .pink-theme .header-section .right-side .header-page-actions .single-action.text-action > .text:hover, .pink-theme .header-section .right-side .header-page-actions .single-action a.fa.active, .pink-theme .header-section .right-side .header-page-actions .single-action a.fa:hover, .pink-theme .header-section .right-side .header-page-actions .single-action button:hover, .pink-theme .fileupload .btn-file:hover, .pink-theme .radio-theme input[type="radio"].styled:checked + label::before, .pink-theme .form-input .input-form .form-control:hover, .pink-theme .form-input .input-form .form-control:focus, .pink-theme .form-control:focus, .pink-theme .header-section .right-side .header-page-actions .single-action:hover .fileupload .upload-icon {
     border-color: #b2175b;
}
/* Purple */
 .purple-theme .ngx-pagination .current, .purple-theme .md-drppicker .btn:focus, .purple-theme .md-drppicker .btn:hover, .purple-theme .md-drppicker td.active, .purple-theme .md-drppicker td.active:hover, .purple-theme .md-drppicker .btn, .purple-theme .md-drppicker .ranges ul li button.active, .purple-theme .large-search, .purple-theme .checkbox-theme label::after, .purple-theme .large-search .catalog-search .fa-search, .purple-theme .frequntly-content .nav-tabs li a .gray-round, .purple-theme .frequntly-content .nav-tabs li a.active .gray-round, .purple-theme .header-section .right-side .header-page-actions .single-action.text-action > .text:hover, .purple-theme .header-section .right-side .header-page-actions .single-action a.fa.active, .purple-theme .header-section .right-side .header-page-actions .single-action a.fa:hover, .purple-theme .box-actions .single-action .dropdown-menu .folder-detail li:before, .purple-theme .header-section .right-side .header-page-actions .single-action button:hover, .purple-theme .fileupload .btn-file:hover, .purple-theme .btn-theme, .purple-theme .btn-theme:hover, .purple-theme .radio-theme input[type="radio"].styled:checked + label:after, .purple-theme .my-profile-details .profile-image .upload-img .upload-icon, .purple-theme .upload-img .upload-icon, .purple-theme .table-role thead tr th, .purple-theme .modal-theme .modal-header:after , .purple-theme .custom-header, .purple-theme .tab-theme-small .nav-tabs li a::before, .purple-theme .header-section .right-side .header-page-actions .single-action:hover .fileupload .upload-icon {
     background: #673ab7;
}
 .purple-theme a, .purple-theme .breadcrumb-theme .breadcrumb-item a, .purple-theme .form-input .input-form .input-detail, .purple-theme .navbar-app-theme .navbar-toggler .fa, .purple-theme .large-search .helpline .fa-info, .purple-theme .breadcrumb-theme .breadcrumb-item + .breadcrumb-item:before, .purple-theme .theme-panel-group .theme-panel- .label-title, .purple-theme .header-action .user-name, .purple-theme .box-actions .single-action .dropdown-menu .folder-name, .purple-theme .box-actions .single-action .dropdown-menu.select-color li a, .purple-theme .tab-theme-small .nav-tabs li a.active, .purple-theme .tab-theme-small .nav-tabs li:hover a {
     color: #673ab7;
}
 .purple-theme .navbar-app-theme .navbar-collapse .navbar-nav .nav-item.active .nav-link:after, .purple-theme .page-content-app, .purple-theme .header-section, .purple-theme footer, .purple-theme .header-section .right-side .header-page-actions .single-action.text-action > .text:hover, .purple-theme .header-section .right-side .header-page-actions .single-action a.fa.active, .purple-theme .header-section .right-side .header-page-actions .single-action a.fa:hover, .purple-theme .header-section .right-side .header-page-actions .single-action button:hover, .purple-theme .fileupload .btn-file:hover, .purple-theme .radio-theme input[type="radio"].styled:checked + label::before, .purple-theme .form-input .input-form .form-control:hover, .purple-theme .form-input .input-form .form-control:focus, .purple-theme .form-control:focus, .purple-theme .header-section .right-side .header-page-actions .single-action:hover .fileupload .upload-icon {
     border-color: #673ab7;
}
/* Skycolor */
 .skycolor-theme .ngx-pagination .current, .skycolor-theme .md-drppicker .btn:focus, .skycolor-theme .md-drppicker .btn:hover, .skycolor-theme .md-drppicker td.active, .skycolor-theme .md-drppicker td.active:hover, .skycolor-theme .md-drppicker .btn, .skycolor-theme .md-drppicker .ranges ul li button.active, .skycolor-theme .large-search, .skycolor-theme .checkbox-theme label::after, .skycolor-theme .large-search .catalog-search .fa-search, .skycolor-theme .frequntly-content .nav-tabs li a .gray-round, .skycolor-theme .frequntly-content .nav-tabs li a.active .gray-round, .skycolor-theme .header-section .right-side .header-page-actions .single-action.text-action > .text:hover, .skycolor-theme .header-section .right-side .header-page-actions .single-action a.fa.active, .skycolor-theme .header-section .right-side .header-page-actions .single-action a.fa:hover, .skycolor-theme .box-actions .single-action .dropdown-menu .folder-detail li:before, .skycolor-theme .header-section .right-side .header-page-actions .single-action button:hover, .skycolor-theme .fileupload .btn-file:hover, .skycolor-theme .btn-theme, .skycolor-theme .btn-theme:hover, .skycolor-theme .radio-theme input[type="radio"].styled:checked + label:after, .skycolor-theme .my-profile-details .profile-image .upload-img .upload-icon, .skycolor-theme .upload-img .upload-icon, .skycolor-theme .table-role thead tr th, .skycolor-theme .modal-theme .modal-header:after , .skycolor-theme .custom-header, .skycolor-theme .tab-theme-small .nav-tabs li a::before, .skycolor-theme .header-section .right-side .header-page-actions .single-action:hover .fileupload .upload-icon {
     background: #03a9f4;
}
 .skycolor-theme a, .skycolor-theme .breadcrumb-theme .breadcrumb-item a, .skycolor-theme .form-input .input-form .input-detail, .skycolor-theme .navbar-app-theme .navbar-toggler .fa, .skycolor-theme .large-search .helpline .fa-info, .skycolor-theme .breadcrumb-theme .breadcrumb-item + .breadcrumb-item:before, .skycolor-theme .theme-panel-group .theme-panel- .label-title, .skycolor-theme .header-action .user-name, .skycolor-theme .box-actions .single-action .dropdown-menu .folder-name, .skycolor-theme .box-actions .single-action .dropdown-menu.select-color li a, .skycolor-theme .tab-theme-small .nav-tabs li a.active, .skycolor-theme .tab-theme-small .nav-tabs li:hover a {
     color: #03a9f4;
}
 .skycolor-theme .navbar-app-theme .navbar-collapse .navbar-nav .nav-item.active .nav-link:after, .skycolor-theme .page-content-app, .skycolor-theme .header-section, .skycolor-theme footer, .skycolor-theme .header-section .right-side .header-page-actions .single-action.text-action > .text:hover, .skycolor-theme .header-section .right-side .header-page-actions .single-action a.fa.active, .skycolor-theme .header-section .right-side .header-page-actions .single-action a.fa:hover, .skycolor-theme .header-section .right-side .header-page-actions .single-action button:hover, .skycolor-theme .fileupload .btn-file:hover, .skycolor-theme .radio-theme input[type="radio"].styled:checked + label::before, .skycolor-theme .form-input .input-form .form-control:hover, .skycolor-theme .form-input .input-form .form-control:focus, .skycolor-theme .form-control:focus, .skycolor-theme .header-section .right-side .header-page-actions .single-action:hover .fileupload .upload-icon {
     border-color: #03a9f4;
}
/* Green */
 .green-theme .ngx-pagination .current, .green-theme .md-drppicker .btn:focus, .green-theme .md-drppicker .btn:hover, .green-theme .md-drppicker td.active, .green-theme .md-drppicker td.active:hover, .green-theme .md-drppicker .btn, .green-theme .md-drppicker .ranges ul li button.active, .green-theme .large-search, .green-theme .checkbox-theme label::after, .green-theme .large-search .catalog-search .fa-search, .green-theme .frequntly-content .nav-tabs li a .gray-round, .green-theme .frequntly-content .nav-tabs li a.active .gray-round, .green-theme .header-section .right-side .header-page-actions .single-action.text-action > .text:hover, .green-theme .header-section .right-side .header-page-actions .single-action a.fa.active, .green-theme .header-section .right-side .header-page-actions .single-action a.fa:hover, .green-theme .box-actions .single-action .dropdown-menu .folder-detail li:before, .green-theme .header-section .right-side .header-page-actions .single-action button:hover, .green-theme .fileupload .btn-file:hover, .green-theme .btn-theme, .green-theme .btn-theme:hover, .green-theme .radio-theme input[type="radio"].styled:checked + label:after, .green-theme .my-profile-details .profile-image .upload-img .upload-icon, .green-theme .upload-img .upload-icon, .green-theme .table-role thead tr th, .green-theme .modal-theme .modal-header:after, .green-theme .custom-header, .green-theme .tab-theme-small .nav-tabs li a::before, .green-theme .header-section .right-side .header-page-actions .single-action:hover .fileupload .upload-icon {
     background: #009688;
}
 .green-theme a, .green-theme .breadcrumb-theme .breadcrumb-item a, .green-theme .form-input .input-form .input-detail, .green-theme .navbar-app-theme .navbar-toggler .fa, .green-theme .large-search .helpline .fa-info, .green-theme .breadcrumb-theme .breadcrumb-item + .breadcrumb-item:before, .green-theme .theme-panel-group .theme-panel- .label-title, .green-theme .header-action .user-name, .green-theme .box-actions .single-action .dropdown-menu .folder-name, .green-theme .box-actions .single-action .dropdown-menu.select-color li a, .green-theme .tab-theme-small .nav-tabs li a.active, .green-theme .tab-theme-small .nav-tabs li:hover a {
     color: #009688;
}
 .green-theme .navbar-app-theme .navbar-collapse .navbar-nav .nav-item.active .nav-link:after, .green-theme .page-content-app, .green-theme .header-section, .green-theme footer, .green-theme .header-section .right-side .header-page-actions .single-action.text-action > .text:hover, .green-theme .header-section .right-side .header-page-actions .single-action a.fa.active, .green-theme .header-section .right-side .header-page-actions .single-action a.fa:hover, .green-theme .header-section .right-side .header-page-actions .single-action button:hover, .green-theme .fileupload .btn-file:hover, .green-theme .radio-theme input[type="radio"].styled:checked + label::before, .green-theme .form-input .input-form .form-control:hover, .green-theme .form-input .input-form .form-control:focus, .green-theme .form-control:focus, .green-theme .header-section .right-side .header-page-actions .single-action:hover .fileupload .upload-icon {
     border-color: #009688;
}
/* Parrot */
 .parrot-theme .ngx-pagination .current, .parrot-theme .md-drppicker .btn:focus, .parrot-theme .md-drppicker .btn:hover, .parrot-theme .md-drppicker td.active, .parrot-theme .md-drppicker td.active:hover, .parrot-theme .md-drppicker .btn, .parrot-theme .md-drppicker .ranges ul li button.active, .parrot-theme .large-search, .parrot-theme .checkbox-theme label::after, .parrot-theme .large-search .catalog-search .fa-search, .parrot-theme .frequntly-content .nav-tabs li a .gray-round, .parrot-theme .frequntly-content .nav-tabs li a.active .gray-round, .parrot-theme .header-section .right-side .header-page-actions .single-action.text-action > .text:hover, .parrot-theme .header-section .right-side .header-page-actions .single-action a.fa.active, .parrot-theme .header-section .right-side .header-page-actions .single-action a.fa:hover, .parrot-theme .box-actions .single-action .dropdown-menu .folder-detail li:before, .parrot-theme .header-section .right-side .header-page-actions .single-action button:hover, .parrot-theme .fileupload .btn-file:hover, .parrot-theme .btn-theme, .parrot-theme .btn-theme:hover, .parrot-theme .radio-theme input[type="radio"].styled:checked + label:after, .parrot-theme .my-profile-details .profile-image .upload-img .upload-icon, .parrot-theme .upload-img .upload-icon, .parrot-theme .table-role thead tr th, .parrot-theme .modal-theme .modal-header:after, .parrot-theme .custom-header, .parrot-theme .tab-theme-small .nav-tabs li a::before, .parrot-theme .header-section .right-side .header-page-actions .single-action:hover .fileupload .upload-icon {
     background: #259b24;
}
 .parrot-theme a, .parrot-theme .breadcrumb-theme .breadcrumb-item a, .parrot-theme .form-input .input-form .input-detail, .parrot-theme .navbar-app-theme .navbar-toggler .fa, .parrot-theme .large-search .helpline .fa-info, .parrot-theme .breadcrumb-theme .breadcrumb-item + .breadcrumb-item:before, .parrot-theme .theme-panel-group .theme-panel- .label-title, .parrot-theme .header-action .user-name, .parrot-theme .box-actions .single-action .dropdown-menu .folder-name, .parrot-theme .box-actions .single-action .dropdown-menu.select-color li a, .parrot-theme .tab-theme-small .nav-tabs li a.active, .parrot-theme .tab-theme-small .nav-tabs li:hover a {
     color: #259b24;
}
 .parrot-theme .navbar-app-theme .navbar-collapse .navbar-nav .nav-item.active .nav-link:after, .parrot-theme .page-content-app, .parrot-theme .header-section, .parrot-theme footer, .parrot-theme .header-section .right-side .header-page-actions .single-action.text-action > .text:hover, .parrot-theme .header-section .right-side .header-page-actions .single-action a.fa.active, .parrot-theme .header-section .right-side .header-page-actions .single-action a.fa:hover, .parrot-theme .header-section .right-side .header-page-actions .single-action button:hover, .parrot-theme .fileupload .btn-file:hover, .parrot-theme .radio-theme input[type="radio"].styled:checked + label::before, .parrot-theme .form-input .input-form .form-control:hover, .parrot-theme .form-input .input-form .form-control:focus, .parrot-theme .form-control:focus, .parrot-theme .header-section .right-side .header-page-actions .single-action:hover .fileupload .upload-icon {
     border-color: #259b24;
}
/* Orange */
 .orange-theme .ngx-pagination .current, .orange-theme .md-drppicker .btn:focus, .orange-theme .md-drppicker .btn:hover, .orange-theme .md-drppicker td.active, .orange-theme .md-drppicker td.active:hover, .orange-theme .md-drppicker .btn, .orange-theme .md-drppicker .ranges ul li button.active, .orange-theme .large-search, .orange-theme .checkbox-theme label::after, .orange-theme .large-search .catalog-search .fa-search, .orange-theme .frequntly-content .nav-tabs li a .gray-round, .orange-theme .frequntly-content .nav-tabs li a.active .gray-round, .orange-theme .header-section .right-side .header-page-actions .single-action.text-action > .text:hover, .orange-theme .header-section .right-side .header-page-actions .single-action a.fa.active, .orange-theme .header-section .right-side .header-page-actions .single-action a.fa:hover, .orange-theme .box-actions .single-action .dropdown-menu .folder-detail li:before, .orange-theme .header-section .right-side .header-page-actions .single-action button:hover, .orange-theme .fileupload .btn-file:hover, .orange-theme .btn-theme, .orange-theme .btn-theme:hover, .orange-theme .radio-theme input[type="radio"].styled:checked + label:after, .orange-theme .my-profile-details .profile-image .upload-img .upload-icon, .orange-theme .upload-img .upload-icon, .orange-theme .table-role thead tr th, .orange-theme .modal-theme .modal-header:after, .orange-theme .custom-header, .orange-theme .tab-theme-small .nav-tabs li a::before, .orange-theme .header-section .right-side .header-page-actions .single-action:hover .fileupload .upload-icon {
     background: #ff5722;
}
 .orange-theme a, .orange-theme .breadcrumb-theme .breadcrumb-item a, .orange-theme .form-input .input-form .input-detail, .orange-theme .navbar-app-theme .navbar-toggler .fa, .orange-theme .large-search .helpline .fa-info, .orange-theme .breadcrumb-theme .breadcrumb-item + .breadcrumb-item:before, .orange-theme .theme-panel-group .theme-panel- .label-title, .orange-theme .header-action .user-name, .orange-theme .box-actions .single-action .dropdown-menu .folder-name, .orange-theme .box-actions .single-action .dropdown-menu.select-color li a, .orange-theme .tab-theme-small .nav-tabs li a.active, .orange-theme .tab-theme-small .nav-tabs li:hover a {
     color: #ff5722;
}
 .orange-theme .navbar-app-theme .navbar-collapse .navbar-nav .nav-item.active .nav-link:after, .orange-theme .page-content-app, .orange-theme .header-section, .orange-theme footer, .orange-theme .header-section .right-side .header-page-actions .single-action.text-action > .text:hover, .orange-theme .header-section .right-side .header-page-actions .single-action a.fa.active, .orange-theme .header-section .right-side .header-page-actions .single-action a.fa:hover, .orange-theme .header-section .right-side .header-page-actions .single-action button:hover, .orange-theme .fileupload .btn-file:hover, .orange-theme .radio-theme input[type="radio"].styled:checked + label::before, .orange-theme .form-input .input-form .form-control:hover, .orange-theme .form-input .input-form .form-control:focus, .orange-theme .form-control:focus, .orange-theme .header-section .right-side .header-page-actions .single-action:hover .fileupload .upload-icon {
     border-color: #ff5722;
}
/* Yellow */
 .yellow-theme .ngx-pagination .current, .yellow-theme .md-drppicker .btn:focus, .yellow-theme .md-drppicker .btn:hover, .yellow-theme .md-drppicker td.active, .yellow-theme .md-drppicker td.active:hover, .yellow-theme .md-drppicker .btn, .yellow-theme .md-drppicker .ranges ul li button.active, .yellow-theme .large-search, .yellow-theme .checkbox-theme label::after, .yellow-theme .large-search .catalog-search .fa-search, .yellow-theme .frequntly-content .nav-tabs li a .gray-round, .yellow-theme .frequntly-content .nav-tabs li a.active .gray-round, .yellow-theme .header-section .right-side .header-page-actions .single-action.text-action > .text:hover, .yellow-theme .header-section .right-side .header-page-actions .single-action a.fa.active, .yellow-theme .header-section .right-side .header-page-actions .single-action a.fa:hover, .yellow-theme .box-actions .single-action .dropdown-menu .folder-detail li:before, .yellow-theme .header-section .right-side .header-page-actions .single-action button:hover, .yellow-theme .fileupload .btn-file:hover, .yellow-theme .btn-theme, .yellow-theme .btn-theme:hover, .yellow-theme .radio-theme input[type="radio"].styled:checked + label:after, .yellow-theme .my-profile-details .profile-image .upload-img .upload-icon, .yellow-theme .upload-img .upload-icon, .yellow-theme .table-role thead tr th, .yellow-theme .modal-theme .modal-header:after , .yellow-theme .custom-header, .yellow-theme .tab-theme-small .nav-tabs li a::before, .yellow-theme .header-section .right-side .header-page-actions .single-action:hover .fileupload .upload-icon {
     background: #fec000;
}
 .yellow-theme a, .yellow-theme .breadcrumb-theme .breadcrumb-item a, .yellow-theme .form-input .input-form .input-detail, .yellow-theme .navbar-app-theme .navbar-toggler .fa, .yellow-theme .large-search .helpline .fa-info, .yellow-theme .breadcrumb-theme .breadcrumb-item + .breadcrumb-item:before, .yellow-theme .theme-panel-group .theme-panel- .label-title, .yellow-theme .header-action .user-name, .yellow-theme .box-actions .single-action .dropdown-menu .folder-name, .yellow-theme .box-actions .single-action .dropdown-menu.select-color li a, .yellow-theme .tab-theme-small .nav-tabs li a.active, .yellow-theme .tab-theme-small .nav-tabs li:hover a {
     color: #fec000;
}
 .yellow-theme .navbar-app-theme .navbar-collapse .navbar-nav .nav-item.active .nav-link:after, .yellow-theme .page-content-app, .yellow-theme .header-section, .yellow-theme footer, .yellow-theme .header-section .right-side .header-page-actions .single-action.text-action > .text:hover, .yellow-theme .header-section .right-side .header-page-actions .single-action a.fa.active, .yellow-theme .header-section .right-side .header-page-actions .single-action a.fa:hover, .yellow-theme .header-section .right-side .header-page-actions .single-action button:hover, .yellow-theme .fileupload .btn-file:hover, .yellow-theme .radio-theme input[type="radio"].styled:checked + label::before, .yellow-theme .form-input .input-form .form-control:hover, .yellow-theme .form-input .input-form .form-control:focus, .yellow-theme .form-control:focus, .yellow-theme .header-section .right-side .header-page-actions .single-action:hover .fileupload .upload-icon {
     border-color: #fec000;
}
 .table-role tbody tr td span.green-active .fa {
     color: #41bb41;
}
 .table-role tbody tr td span.red-active .fa {
     color: #ef6262;
}
 .table-role tbody tr td span.blue-active .fa {
     color: #3984ca;
}
 .table-role tbody tr td span.yellow-active .fa {
     color: #ffe24b;
}
 .table-role tbody tr td span.sky-active .fa {
     color: #4bceff;
}
 .table-role tbody tr td span.pink-active .fa {
     color: #ff7cd0;
}
 .yellow-theme .progress-bar {
     background: #fec000;
}
 .red-theme .progress-bar {
     background-color: rgb(225, 22, 27);
}
 .pink-theme .progress-bar {
     background-color: rgb(178, 23, 91);
}
 .purple-theme .progress-bar {
     background-color: rgb(103, 58, 183);
}
 .skycolor-theme .progress-bar {
     background-color: rgb(3, 169, 244);
}
 .green-theme .progress-bar {
     background-color: rgb(0, 150, 136);
}
 .parrot-theme .progress-bar {
     background-color: rgb(37, 155, 36);
}
 .orange-theme .progress-bar {
     background-color: rgb(255, 87, 34);
}
 .blue-theme .progress-bar {
     background-color: rgb(12, 77, 162);
}
 .blue-theme .almirah-group .almirah-box.add-almirah-box .almirah-box-content .flip-model .almirah-box-name span{
     background: #0c4da2 ;
     color: #ffffff;
}
 .red-theme .almirah-group .almirah-box.add-almirah-box .almirah-box-content .flip-model .almirah-box-name span{
     background: #e1161b;
     color: #ffffff;
}
 .pink-theme .almirah-group .almirah-box.add-almirah-box .almirah-box-content .flip-model .almirah-box-name span{
     background: #b2175b;
     color: #ffffff;
}
 .purple-theme .almirah-group .almirah-box.add-almirah-box .almirah-box-content .flip-model .almirah-box-name span{
     background: #673ab7;
     color: #ffffff;
}
 .skycolor-theme .almirah-group .almirah-box.add-almirah-box .almirah-box-content .flip-model .almirah-box-name span{
     background: #03a9f4;
     color: #ffffff;
}
 .green-theme .almirah-group .almirah-box.add-almirah-box .almirah-box-content .flip-model .almirah-box-name span{
     background: #009688;
     color: #ffffff;
}
 .parrot-theme .almirah-group .almirah-box.add-almirah-box .almirah-box-content .flip-model .almirah-box-name span{
     background: #259b24;
     color: #ffffff;
}
 .orange-theme .almirah-group .almirah-box.add-almirah-box .almirah-box-content .flip-model .almirah-box-name span{
     background: #ff5722;
     color: #ffffff;
}
 .yellow-theme .almirah-group .almirah-box.add-almirah-box .almirah-box-content .flip-model .almirah-box-name span{
     background: #d8a300;
     color: #ffffff;
}
 .almirah-group .almirah-box.pink-active .almirah-box-content .flip-model .almirah-box-name span {
     color: #ff7cd0;
}
 .almirah-group .almirah-box.pink-active, .almirah-group .almirah-box.pink-active .almirah-box-content .flip-model, .almirah-group .almirah-box.pink-active .almirah-box-content .flip-model .almirah-box-name span:before {
     background: #ff7cd0;
}
 .almirah-group .almirah-box.pink-active:hover .almirah-box-content .hover-bg-box{
     background: #d96ab1;
}
 .almirah-group .almirah-box.pink-active:hover .almirah-box-content .hover-bg-box:before, .almirah-group .almirah-box.pink-active:hover .almirah-box-content .hover-bg-box:after{
     border-bottom: 15px solid #c5599e !important;
}
 .almirah-group .almirah-box.red-active .almirah-box-content .flip-model .almirah-box-name span {
     color: #e03e3e;
}
 .almirah-group .almirah-box.red-active, .almirah-group .almirah-box.red-active .almirah-box-content .flip-model, .almirah-group .almirah-box.red-active .almirah-box-content .flip-model .almirah-box-name span:before {
     background: #e03e3e;
}
 .almirah-group .almirah-box.red-active:hover .almirah-box-content .hover-bg-box{
     background: #bf3535;
}
 .almirah-group .almirah-box.red-active:hover .almirah-box-content .hover-bg-box:before, .almirah-group .almirah-box.red-active:hover .almirah-box-content .hover-bg-box:after{
     border-bottom: 15px solid #941d1d !important;
}
 .almirah-group .almirah-box.green-active .almirah-box-content .flip-model .almirah-box-name span {
     color: #22b122;
}
 .almirah-group .almirah-box.green-active, .almirah-group .almirah-box.green-active .almirah-box-content .flip-model, .almirah-group .almirah-box.green-active .almirah-box-content .flip-model .almirah-box-name span:before {
     background: #22b122;
}
 .almirah-group .almirah-box.green-active:hover .almirah-box-content .hover-bg-box{
     background: #1d971d;
}
 .almirah-group .almirah-box.green-active:hover .almirah-box-content .hover-bg-box:before, .almirah-group .almirah-box.green-active:hover .almirah-box-content .hover-bg-box:after{
     border-bottom: 15px solid #158415 !important;
}
 .almirah-group .almirah-box.blue-active .almirah-box-content .flip-model .almirah-box-name span {
     color: #2a79c4;
}
 .almirah-group .almirah-box.blue-active, .almirah-group .almirah-box.blue-active .almirah-box-content .flip-model, .almirah-group .almirah-box.blue-active .almirah-box-content .flip-model .almirah-box-name span:before {
     background: #2a79c4;
}
 .almirah-group .almirah-box.blue-active:hover .almirah-box-content .hover-bg-box{
     background: #2467a7;
}
 .almirah-group .almirah-box.blue-active:hover .almirah-box-content .hover-bg-box:before, .almirah-group .almirah-box.blue-active:hover .almirah-box-content .hover-bg-box:after{
     border-bottom: 15px solid #195894 !important;
}
 .almirah-group .almirah-box.yellow-active .almirah-box-content .flip-model .almirah-box-name span {
     color: #d8b916;
}
 .almirah-group .almirah-box.yellow-active, .almirah-group .almirah-box.yellow-active .almirah-box-content .flip-model, .almirah-group .almirah-box.yellow-active .almirah-box-content .flip-model .almirah-box-name span:before {
     background: #d8b916;
}
 .almirah-group .almirah-box.yellow-active:hover .almirah-box-content .hover-bg-box{
     background: #b89d13;
}
 .almirah-group .almirah-box.yellow-active:hover .almirah-box-content .hover-bg-box:before, .almirah-group .almirah-box.yellow-active:hover .almirah-box-content .hover-bg-box:after{
     border-bottom: 15px solid #a58b08 !important;
}
 .almirah-group .almirah-box.sky-active .almirah-box-content .flip-model .almirah-box-name span {
     color: #34b9eb;
}
 .almirah-group .almirah-box.sky-active, .almirah-group .almirah-box.sky-active .almirah-box-content .flip-model, .almirah-group .almirah-box.sky-active .almirah-box-content .flip-model .almirah-box-name span:before {
     background: #34b9eb;
}
 .almirah-group .almirah-box.sky-active:hover .almirah-box-content .hover-bg-box{
     background: #2c9dc8;
}
 .almirah-group .almirah-box.sky-active:hover .almirah-box-content .hover-bg-box:before, .almirah-group .almirah-box.sky-active:hover .almirah-box-content .hover-bg-box:after{
     border-bottom: 15px solid #1f83a9 !important;
}