.data-table-content .nav-tabs .nav-link.active {
    background-color: #3ac3db;
    color: #fff;
    border: 1px solid #3ac3db;
    }
    table.dataTable thead th {
    background-color: #3ac3db;
    }
    .pagination .page-item.active .page-link {
    background-color: #3ac3db;
    border: 1px solid #3ac3db;
    }
    .btn-green , label .btn-green {
    background-color: #3ac3db;
    border: 1px solid #3ac3db !important;
    color: #fff !important;
    }
    .btn-green:hover,.btn-green:hover svg , label .btn-green{
    background-color: #fff;
    color: #3ac3db !important;
    }
    .copyright {
    background-color: #3ac3db;
    border-top: 1px solid #3ac3db;
    }
    .simpleTable .table thead tr th {
    background-color: #3ac3db;
    }
    .detail-box .detail-box-title {
    background-color: #3ac3db;
    color: #fff;
    }
    .detail-box .detail-box-edit {
    background-color: #3ac3db;
    color: #fff;
    }
    .detail-box .detail-box-form {
    border: 1px solid #3ac3db;
    }
    .fas, a svg {
    color: #3ac3db !important;
    }
    .action-icons svg , svg {
    color: #3ac3db;
    }


    #nav-tabContent .card-header {
    background-color: #3ac3db;
    color: #fff;
    }
    #nav-tabContent .card-body {
    color: #3ac3db;
    }
    .directorBadge {
    background-color: #3ac3db;
    }
    .top-searchbar a {
    background-color: #3ac3db;
    color: #fff;
    }
    .top-searchbar a:hover {
    border: 1px solid #3ac3db;
    }
    .cont-buttons span {
    color: #3ac3db;
    }
    .whatupload a {
    color: #3ac3db;
    }
    .dropzone {
    border: 2px dashed #3ac3db !important;
    }
    .dz-message {
    color: #3ac3db;
    }
    .query-title {
    color: #fff;
    background: #3ac3db;
    }
    .query-popup-scroll .query-grid-blue thead th {
    background-color: #3ac3db;
    }
    .query-popup-scroll .query-grid-blue thead td, .query-popup-scroll .query-grid-blue tbody td {
    border: solid #3ac3db 1px;
    }
    .reply-inner {
    border: 1px solid #3ac3db;
    }
    .modalforall .modal-header {
    border-bottom: 2px solid #3ac3db;
    }
    .bootbox .modal-header {
    color: #3ac3db;
    border-bottom: 5px solid #3ac3db !important;
    }
    .bootbox .modal-header .modal-title {
    color: #3ac3db !important;
    }
    table.dataTable thead.themeColor th {
    background-color: #3ac3db ;
    }
    .data-table-content .nav-tabs.themeColor .nav-link.active {
    background-color: #3ac3db;
    color: #fff;
    border: 1px solid #3ac3db;
    }
    .themeTextColor {
    color: #3ac3db !important;
    }
    .themeBGColor {
    background-color: #3ac3db;
    }
    .themeBorderColor {
    border: 1px solid #3ac3db !important;
    }
    .themeHomeBorderColor {
    border: 2.5px solid #3ac3db !important;
    }

    .login-button:hover {
    border: 1px solid #3ac3db;
    color: #3ac3db;
    }
    .white-button-client:hover {
    background-color: #3ac3db;
    }
    .get-started {
    color: #3ac3db !important;
    }
    .smsf-client .smsf-cont-bg .card .nav-tabs .nav-link {
    border: 1px solid #3ac3db;
    }
    .smsf-client .smsf-cont-bg .card .nav-tabs .nav-link.active {
    border: 1px solid #3ac3db;
    background-color: #3ac3db;
    }


    .tab-content > .tab-pane {
    border: 1px solid #3ac3db;
    }
    .white-button-client-select {
    border: 1px solid #3ac3db;
    background-color: #3ac3db !important;
    }
    .button-tab-blue , .button-tab-green:hover {
    border-color: #3ac3db !important;
    color: #3ac3db !important;
    background-color: #fff !important;
    }
    .button-tab-blue:hover ,.button-tab-green {
    background-color: #3ac3db !important;
    border: 1px solid #3ac3db !important;
    color:#fff !important;
    }
    .client-white-button {
    color: #3ac3db;
    border: 1px solid #3ac3db;
    }
    .client-white-button:hover {
    background-color: #3ac3db;
    }
    .title-border-bottom{
    border-image: linear-gradient(to right, #3ac3db, #e2e3e5) 1;
    color: #3ac3db;
    }
    .accountant-header{
    border-bottom: 1px solid #3ac3db;
    }
    .accountantAI-footer {
    background-color: #3ac3db;
    }
    #JuneYear{
    color:#3ac3db;
    }
    .checkbox-input:checked + .checkbox-custom {
    background-color: #3ac3db;
    border-color: #3ac3db;
    }
    .tree li a {
    background-color: #3ac3db;
    border: 1px solid #3ac3db;
    }
    
    }
    .general-set-list input:checked + .slider1 {
    background-color:  #3ac3db !important;
    }
    .integration-box .botstrip a, .integration-box .botstrip span {
    color: #3ac3db !important;
    }
    .integration-box {
    border: 1px solid #3ac3db !important;
    box-shadow: 1.247px 5.869px 10px 0px  #3ac3db !important;
    }
    .range-item .range-input .active-dot {
    border: 4px solid #3ac3db;
    }
    .range-item .range-input .range-line .active-line {
    background-color:  #3ac3db;
    }
    .fa-regular, .fasr {
    color:#3ac3db;
    }
    .fa-light {
    color:#3ac3db;
    }
    .fa-thin{
    color:#3ac3db;
    }
    .data-table-content .tab-content{
    border-top:2px solid #3ac3db;
    }

    .bootbox-accept {
    color: #3ac3db;
    border: 1px solid #3ac3db;

    }
    .bootbox-cancel {
    color: #3ac3db;
    border: 1px solid #3ac3db;

    }
    .bootbox-accept:hover {
    background-color: #3ac3db;
    border: 1px solid #3ac3db;
    color:white;


    }
    .bootbox-cancel:hover {
    background-color: #3ac3db;
    border: 1px solid #3ac3db;
    color:white;



    }
    .box a {
    background-color: white;
    border: 1px solid #3ac3db;
    }
    .box a:hover {
    background-color: #3ac3db;
    border: 1px solid #color;
    color: white;

    }
    .box-select a {
    background-color: #3ac3db;
    border: 1px solid #3ac3db;
    color: white;

    }
    .active-menu-icon{
    background-color: #3ac3db;
    }
    .active-menu-icon svg , .active-menu-icon label{
    color: white !important;
    }
    input:checked + .slider {
    background-color: #3ac3db;
    }
    .smsf-client .form-control {
    border: 1px solid #3ac3db;
    }
    .smsf-client .form-select {
    border: 1px solid #3ac3db;
    }
    #smsf-structure .modal-body .table-bordered.innertdpadd0 th {
    background-color: #3ac3db;
    color: white;
    }
    .btn-circle.active {
    background-color: #3ac3db;
    color: #fff;
    }
    .btn-whites {
    background-color: #fff;
    border: 1px solid #3ac3db;
    color: #3ac3db;
    }
    #nav-tab .QueryTab.active span{
    color: #3ac3db;
    background-color: #fff;
    }
    #nav-tab .QueryTab span{
    color: #fff;
    background-color: #3ac3db;
    }
    
    .themeBGColor {
    background-color:#3ac3db !important ;
    color: #fff !important;
    }