.settings-menu .nav-link.active{
background-color: rgb(2, 83, 115) !important;
}
.nav-heading{
color: rgb(2, 83, 115) !important;
}
.btn-default{
border:1px solid rgb(2, 83, 115)  !important;color:rgb(2, 83, 115) !important;
}
.btn-default:hover {
border: 1px solid rgb(2, 83, 115) !important;
background-color: rgb(2, 83, 115) !important;
color: #fff !important;
}
.settings-menu .nav-item a:hover {
color: rgb(2, 83, 115) !important;
}
.settings-menu .subscribe-block-card .plan-item.active {
color: rgb(2, 83, 115)!important;
}
.remarketing-wizard .wizard-body .remarketing-step .step-block .btn {
border: 1px solid rgb(2, 83, 115);
color: rgb(2, 83, 115)!important;
}
.remarketing-wizard .wizard-body .remarketing-step .remarketing-step-blocks .num {
color: rgb(2, 83, 115);
}
.remarketing-wizard .wizard-header .wizard-left h3, .remarketing-wizard .wizard-header .wizard-right h4 {
color: rgb(2, 83, 115);
}
.remarketing-wizard .wizard-header .wizard-img .wizard-separator, .remarketing-wizard .wizard-header {
border-color: rgb(2, 83, 115);
}
.business-list-button img {
background-color: rgb(2, 83, 115) !important;
}
.create-new-image-template,
.btn-success {
color: rgb(2, 83, 115) !important;
border: 1px solid rgb(2, 83, 115) !important;
}
.top-center-panel .vue-js-switch .v-switch-label {
color: rgb(2, 83, 115) !important;
}
.navbar-light .navbar-nav .nav-link {
color: rgb(2, 83, 115) !important;
}
.page-item.active .page-link {
border: 1px solid rgb(2, 83, 115) !important;
color: rgb(2, 83, 115) !important;
}
.VuePagination__pagination-item-prev-chunk .page-link {
border: 1px solid rgb(2, 83, 115) !important;
color: rgb(2, 83, 115) !important;
}
.page-link:hover {
color: rgb(2, 83, 115) !important;
}
.modal-footer .btn-primary {
color: rgb(2, 83, 115) !important;
}
.modal-footer .btn-primary:hover {
background-color: rgb(2, 83, 115) !important;
}
.bottom-menu .active .notification {
color: rgb(2, 83, 115) !important;
}
.bottom-menu .dropdown-menu a {
color: rgb(2, 83, 115) !important;
}
.modal-footer .btn-danger {
border: 1px solid rgb(2, 83, 115) !important;
background: rgb(2, 83, 115) !important;
}
.auth-container .btn-link {
color: rgb(2, 83, 115) !important;
}
.auth-container .btn-default:hover {
border: 1px solid rgb(2, 83, 115) !important;
background-color: rgb(2, 83, 115) !important;
}
.sweet-alert .sa-button-container button.confirm {
border: 1px solid rgb(2, 83, 115) !important;
background-color: rgb(2, 83, 115) !important;
}
.sweet-alert .sa-button-container button.cancel {
border: 1px solid rgb(2, 83, 115) !important;
color: rgb(2, 83, 115) !important;
}
.alert-warning {
color: rgb(2, 83, 115) !important;
}
.data-source-item .data-source-item-header span {
color: rgb(2, 83, 115) !important;
}

.add-data-source {
color: rgb(2, 83, 115) !important;
}

#modal-data-source-library .modal-content .modal-body .data-source-account-block .data-source-account-list li:hover {
-webkit-box-shadow: 0px 0px 5px 0px rgb(2, 83, 115) !important;
box-shadow: 0px 0px 5px 0px rgb(2, 83, 115) !important;
}

#modal-data-source-library .modal-content .modal-body .data-source-account-block .data-source-account-list li.active {
-webkit-box-shadow: 0px 0px 5px 0px rgb(2, 83, 115) !important;
box-shadow: 0px 0px 5px 0px rgb(2, 83, 115) !important;
}

.editor-container .editor-main-container .editor-work-area .hover-object-hint {
background: rgb(2, 83, 115) !important;
}

.editor-container .editor-main-container .editor-control-panel .editor-control-item:hover {
border-color: rgb(2, 83, 115);
color: rgb(2, 83, 115) !important;
}

.editor-container .data-source-link-container .data-source-link .data-source-actions .btn-default:hover {
border: 1px solid rgb(2, 83, 115) !important;
background-color: rgb(2, 83, 115) !important;
}

.image-template-list .no-image-templates {
color: rgb(2, 83, 115) !important;
}


.image-template-list .image-template-create-action-wrapper .image-template-create-action .btn-create-image {
border: 1px solid rgb(2, 83, 115) !important;
color: rgb(2, 83, 115) !important;
}


.image-template-list .image-template-list-item .image-template-item-actions .vue-js-switch {
border: 1px solid rgb(2, 83, 115) !important;
}

.image-template-list .image-template-list-item .image-template-item-actions .btn {
color: rgb(2, 83, 115) !important;
border: 1px solid rgb(2, 83, 115) !important;
}

.image-template-list .image-template-list-item .image-template-item-actions .btn .btn i {
color: rgb(2, 83, 115) !important;
}

@media (max-width: 1600px) {
.image-template-list .image-template-list-item .image-template-item-actions .btn {
color: rgb(2, 83, 115) !important;
border: 1px solid rgb(2, 83, 115) !important;
}

.image-template-list .image-template-list-item .image-template-item-actions .btn .btn i {
color: rgb(2, 83, 115) !important;
}
}

.image-template-list .image-template-list-item .stats .impressions-count a {
color: rgb(2, 83, 115) !important;
border-bottom: 1px dashed rgb(2, 83, 115) !important;
}

.editor-full-panel-settings .shape-type-item.active {
border: 1px dashed rgb(2, 83, 115) !important;
}

.top-center-panel .zoom-control .zoom-actions {
color: rgb(2, 83, 115) !important;
}

.top-center-panel .btn-default.btn-image-save {
background: rgb(2, 83, 115) !important;
color: #fff !important;
}
.top-center-panel .btn-default.btn-image-save .icon:before {
color: #fff !important;
}

.top-center-panel .btn-default.btn-image-save:hover {
color: rgb(2, 83, 115) !important;
background: transparent !important;
}

.top-center-panel .btn-default.btn-image-save:hover .icon:before {
color: rgb(2, 83, 115) !important;
}

.top-center-panel .btn-default:hover {
background: rgb(2, 83, 115) !important;
}

.top-center-panel .editor-image-status {
border: 1px solid rgb(2, 83, 115);
}

.top-center-panel .editor-image-status .v-switch-button {
background-color: rgb(2, 83, 115) !important;
}
.wizard-steps-block .wizard-step.active {
color: rgb(2, 83, 115) !important;
}

.wizard-steps-block .wizard-step.active .step-no {
border: 1px dotted rgb(2, 83, 115) !important;
}

.settings-menu .btn-default.btn-back-to-list {
color: rgb(2, 83, 115) !important;
}

.settings-menu .btn-default.btn-back-to-list:hover .icon:before {
color: rgb(2, 83, 115) !important;
}

.settings-menu .card-default .card-header .trial-notice {
border-left: 1px solid rgb(2, 83, 115) !important;
color: rgb(2, 83, 115) !important;
}

.settings-menu .profile-photo-card .image-placeholder {
border: 1px solid rgb(2, 83, 115) !important;
}

.active-success-btn {
background: rgb(2, 83, 115) !important;
color: #fff !important;
}

.btn-default:hover {
border: 1px solid rgb(2, 83, 115) !important;
background-color: rgb(2, 83, 115) !important;
}

.business-list-button img {
background-color: rgb(2, 83, 115) !important;
}

.create-new-image-template,
.btn-success {
color: rgb(2, 83, 115) !important;
border: 1px solid rgb(2, 83, 115) !important;
}

.top-center-panel .vue-js-switch .v-switch-label {
color: rgb(2, 83, 115) !important;
}

.navbar-light .navbar-nav .nav-link {
color: rgb(2, 83, 115) !important;
}

.page-item.active .page-link {
border: 1px solid rgb(2, 83, 115) !important;
color: rgb(2, 83, 115) !important;
}

.VuePagination__pagination-item-prev-chunk .page-link {
border: 1px solid rgb(2, 83, 115) !important;
color: rgb(2, 83, 115) !important;
}

.page-link:hover {
color: rgb(2, 83, 115) !important;
}

.modal-footer .btn-primary {
color: rgb(2, 83, 115) !important;
}

.modal-footer .btn-primary:hover {
background-color: rgb(2, 83, 115) !important;
}

.bottom-menu .active .notification {
color: rgb(2, 83, 115) !important;
}

.bottom-menu .dropdown-menu a {
color: rgb(2, 83, 115) !important;
}

.bracket-line > div {
background: rgb(2, 83, 115);
}

.bracket-line > div:before, .bracket-line > div:after{
border-color: rgb(2, 83, 115);
}

.modal-footer .btn-danger {
border: 1px solid rgb(2, 83, 115) !important;
background: rgb(2, 83, 115) !important;
}

.auth-container .btn-link {
color: rgb(2, 83, 115) !important;
}

.auth-container .btn-default:hover {
border: 1px solid rgb(2, 83, 115) !important;
background-color: rgb(2, 83, 115) !important;
}

.sweet-alert .sa-button-container button.confirm {
border: 1px solid rgb(2, 83, 115) !important;
background-color: rgb(2, 83, 115) !important;
}

.sweet-alert .sa-button-container button.cancel {
border: 1px solid rgb(2, 83, 115) !important;
color: rgb(2, 83, 115) !important;
}

.alert-warning {
color: rgb(2, 83, 115) !important;
}
.editor-container .data-source-link-block .data-source-link-value:hover .full-link,
.editor-container .data-source-link-block .data-source-link-value{
color: rgb(2, 83, 115) !important;
}
.icon:before {
color: rgb(2, 83, 115) !important;
}
.btn-default:hover .icon:before {
color: #fff !important;
}

.bottom-menu .get_more:hover {
color: #fff !important;
}

.image-template-list .image-template-list-item .image-template-item-actions .image-template-status .toggle-text-label {
color: rgb(2, 83, 115) !important;
}
.image-template-list .image-template-list-item .image-template-item-actions .image-template-status .vue-js-switch .v-switch-core .v-switch-button {
background: rgb(2, 83, 115) !important;
}

.image-template-list .image-template-list-item .image-template-item-actions .image-template-status.draft .toggle-text-label {
color: rgb(176, 185, 191) !important;
}
.image-template-list .image-template-list-item .image-template-item-actions .image-template-status.draft .vue-js-switch .v-switch-core .v-switch-button {
background: rgb(176, 185, 191) !important;
}
.image-template-list .image-template-list-item .image-template-item-actions .image-template-status.draft .vue-js-switch {
border-color: rgb(176, 185, 191) !important;
}

.editor-right-block .editor-btn-source .active, .editor-right-block .editor-btn-source .editor-btn:hover {
color: rgb(2, 83, 115);
}

.editor-right-block .editor-btn-source .active img, .editor-right-block .editor-btn-source .editor-btn:hover img {
background: rgb(2, 83, 115);
}

.vue-slider-rail, .vue-slider-dot {
background: rgb(2, 83, 115);
}
.editor-right-block .editor-right-menu .common-control-group .common-control-label.reset.enabled {
color: rgb(2, 83, 115);
}
.editor-right-block .editor-right-menu .editor-icon-btn-group .btn.btn-selected {
color: rgb(2, 83, 115);
}
.editor-right-block .editor-right-menu .editor-icon-btn-group .btn .icon:before {
 color: #b6b6b6 !important;
}
.editor-right-block .editor-right-menu .editor-icon-btn-group .btn.btn-selected .icon:before{
color: rgb(2, 83, 115) !important;
}

.snap-to-grid-switcher.enabled .v-switch-button {
background: rgb(2, 83, 115) !important;
}
.snap-to-grid-switcher.enabled .v-switch-label.v-left {
color: rgb(2, 83, 115) !important;
}
.snap-to-grid-switcher.enabled {
border-color: rgb(2, 83, 115) !important;
}

.editor-object-mini-panel .btn-mini-panel {
color: rgb(2, 83, 115) !important;
}

#image-library-modal-container .add-image-block label,
#image-library-panel .image-block .image-name-block input,
#image-library-panel .image-block .close {
color: rgb(2, 83, 115) !important;
}

#image-library-modal-container .add-image-block, #image-library-panel .image-block {
border-color: rgb(2, 83, 115) !important;
}
#image-library-panel .image-block .image-name-block {
border-color: rgb(2, 83, 115) !important;
color: rgb(2, 83, 115) !important;
}

.bottom-menu .menu-icon.notifications-menu-icon:hover .bell-default,
.bottom-menu .menu-icon.notifications-menu-icon.active .bell-default {
background: rgb(2, 83, 115) !important;
}

.bottom-menu .menu-icon.notifications-menu-icon:hover .notification,
.bottom-menu .menu-icon.notifications-menu-icon.active .notification {
color: rgb(2, 83, 115) !important;
}

.py-4 {
    background-color: rgb(243, 233, 233);
}

.navbar-spark {
    background-color: rgb(255, 255, 255);
    border-color: rgb(255, 255, 255);
}
.navbar-spark .breadcrumb{
    background-color: rgb(255, 255, 255);
}

.side-bar {
background-color: rgb(255, 255, 255);
}

.side-bar .app-logo {
    background-color: rgb(255, 255, 255);
}

.side-bar .menu li.active img {
    background-color: rgb(17, 142, 191);
    color: rgb(17, 142, 191);
}

.side-bar .menu li a:hover img {
    background-color: rgb(17, 142, 191);
    color: rgb(17, 142, 191);
}

.side-bar .menu li.active a {
    color: rgb(17, 142, 191);
}
.side-bar .menu li a:hover {
    color: rgb(17, 142, 191);
}

.card-default {
    background-color: rgb(240, 243, 245) !important;
}

.card-default .card-header {
    background-color: rgb(240, 243, 245) !important;
}
.card-default .card-body {
    background-color: rgb(240, 243, 245) !important;
}

.image-template-create-action {
    background-color: rgb(240, 243, 245) !important;
}

.image-template-list-item {
    background-color: rgb(240, 243, 245) !important;
}

.active-dashed-bordered {
    border: 1px dashed rgb(2, 83, 115) !important;
}

.hyper-campaign-wizard .hyper-campaign-wizard-header {
    color: rgb(2, 83, 115);
}

.hyper-campaign-wizard .hyper-campaign-wizard-header hr {
    border-color: rgb(2, 83, 115);
}
.hyper-campaign-wizard .hyper-campaign-wizard-header .fa-angle-left, .hyper-campaign-wizard .hyper-campaign-wizard-header .fa-angle-right {
    border: 1px dashed rgb(2, 83, 115);
    color: rgb(2, 83, 115);
}

.hyper-campaign-wizard .hyper-campaign-wizard-header .fa-spin {
color: rgb(2, 83, 115);
}

.copy-text-block-wrapper .btn {
    border: 1px solid rgb(2, 83, 115);
    color: rgb(2, 83, 115);
}
.copy-text-block-wrapper .btn-guide {
    border: none !important;
}
.hyper-campaign-wizard .hyper-campaign-wizard-header .btn-finish {
color: rgb(2, 83, 115) !important;
}
.image-layer-sources {
	color: rgb(2, 83, 115)  !important;
}
.image-layer-sources .image-layer-source-item {
	border: 1px dashed rgb(2, 83, 115)  !important;
}