/** @format */
/* @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Raleway:wght@100;200;300;400;500;600;700;800&display=swap'); */
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap");
:root {
  --icon-color: #666666;
  --green: #2c9692;
  --bg-gray: #f8f9fb;
  --text-white: #ffffff;
  --text-color: #727272;

  /* //actions */
  --non-active-bg-color: #e3e9f1;
  --delete-bg: #F9CDCD;

  /* CLOSe */
  --close: #fc7d07;

  

  /********* Finalised color code ***********/
  --theme-primary-color: #fc7d07;
  --theme-primary-color-400: #ffeddc;
  --theme-partially-loss: #FFAB5C;
  --theme-secondary-color: #000000;

  --theme-green: #04B797;
  --theme-blue: #0C5EC8;
  --theme-blue-400: #C3EEFF;
  --theme-blue-800: #2B92D5;

  --theme-yellow: #FEC809;
  --delete-red: #EB5757;
    /******* // Finalised color code **************/

  --theme-green-400: #bee8c9;
  --theme-light-green: #3fd9d7;
 
  --theme-light: #add9da;
  --theme-pink: #ED1B60;
  --theme-pink-400: #ff008024;
 
 
  --theme-yellow-400: #fef2b7;

  --theme-teal: #1ca9a1;

  /* TAB COLOR */
  --tab-bg-gray: #d4d4d4;

  --custom-shadow: 0px 4px 18px rgba(0, 0, 0, 0.12);

  /* // SUB SIDEBAR */

  /* --body-font:  'Helvetica Neue', Helvetica, sans-serif; */
  /* --font2: "Raleway", sans-serif; */
  /* //heading font */
}

.light__bg {
  background-color: var(--bg-gray);
}


/* ******************* COMMON BUTTONS ******************* */
.theme__btn {
  background-color: var(--theme-primary-color);
  color: var(--text-white);
  /* font-family: var(--body-font); */
}

.theme__btn:hover,
.theme__btn:focus {
  color: #ffffff;
}

.theme__btn.btn__green {
  background-color: var(--theme-green);
}
.theme__btn.btn__green:disabled {
  background-color: var(--theme-green);
  color: #ffffff;
}
.theme__btn.btn__green:hover{
  background-color: var(--theme-green);
  color: #ffffff;
}

.theme__btn.btn__green:hover {
  /* color: var(--theme-green);
  background-color: var(--theme-green-400); */
}

.theme__btn.btn__light {
  background-color: var(--theme-primary-color-400);
  color: var(--theme-primary-color);
}

.theme__btn.btn__light:hover {
  /* color: #ffffff;
  background-color: var(--theme-primary-color); */
}

.theme__btn.btn__yellow {
  color: var(--theme-yellow);
  background-color: var(--theme-yellow-400);
}

.theme__btn.btn__yellow:hover {
  /* background-color: var(--theme-yellow);
  color: var(--theme-yellow-400); */
}

.theme__btn.btn__pink {
  color: #ffffff;
  background-color: var(--theme-pink);
}

.theme__btn.btn__pink:hover {
  /* background-color: var(--theme-pink-400);
  color: var(--theme-pink); */
}

.theme__btn.btn__blue {
  color: #ffffff;
  background-color: var(--theme-blue);
}

.theme__btn.btn__red {
  color: #ffffff;
  background-color: var(--delete-red);
}
.btn__lightBlue {
  /* color: #ffffff; */
  background-color: var(--theme-blue-400);
  border-color: var(--theme-blue-400);
  color: var(--theme-blue);
  font-weight: 500; /* Increased font-weight for low emphasis blue btn*/
}
.btn__lightBlue i{
  margin-right: 5px;
}
.btn__lightBlue:hover,
.btn__lightBlue:active,
.btn__lightBlue.active {
  background-color: var(--theme-blue-400);
  border-color: var(--theme-blue-400);
  color: var(--theme-blue);
}
.btn__close {
  background-color: var(--theme-pink);
  color: #ffffff;
  line-height: 39px;
}
.btn__close:hover {
  color: #ffffff;
}

.btn.btn-info:hover, .fixed-sidebar-left .side-nav > li > a.documentation-btn:hover, .wizard > .actions a.btn-info:hover, .dt-buttons .btn-info.dt-button:hover, .tablesaw-sortable th.tablesaw-sortable-head button.btn-info:hover, .sweet-alert button.btn-info:hover, .owl-theme .owl-nav .btn-info[class*="owl-"]:hover, button.btn-info.fc-agendaDay-button.fc-state-default.fc-corner-right:hover, button.btn-info.fc-month-button.fc-state-default.fc-corner-left:hover, button.btn-info.fc-agendaWeek-button:hover, .btn-info.fc-prev-button:hover, .btn-info.fc-next-button:hover, .btn-info.fc-today-button:hover, .btn.btn-info:active, .fixed-sidebar-left .side-nav > li > a.documentation-btn:active, .wizard > .actions a.btn-info:active, .dt-buttons .btn-info.dt-button:active, .tablesaw-sortable th.tablesaw-sortable-head button.btn-info:active, .sweet-alert button.btn-info:active, .owl-theme .owl-nav .btn-info[class*="owl-"]:active, button.btn-info.fc-agendaDay-button.fc-state-default.fc-corner-right:active, button.btn-info.fc-month-button.fc-state-default.fc-corner-left:active, button.btn-info.fc-agendaWeek-button:active, .btn-info.fc-prev-button:active, .btn-info.fc-next-button:active, .btn-info.fc-today-button:active, .btn.btn-info:focus, .fixed-sidebar-left .side-nav > li > a.documentation-btn:focus, .wizard > .actions a.btn-info:focus, .dt-buttons .btn-info.dt-button:focus, .tablesaw-sortable th.tablesaw-sortable-head button.btn-info:focus, .sweet-alert button.btn-info:focus, .owl-theme .owl-nav .btn-info[class*="owl-"]:focus, button.btn-info.fc-agendaDay-button.fc-state-default.fc-corner-right:focus, button.btn-info.fc-month-button.fc-state-default.fc-corner-left:focus, button.btn-info.fc-agendaWeek-button:focus, .btn-info.fc-prev-button:focus, .btn-info.fc-next-button:focus, .btn-info.fc-today-button:focus{
  /* background: var(--theme-pink);
  border: solid 1px var(--theme-pink); */
}

/* ********** PREDEFINED BUTTONS ************ */
.btn.btn-info, .fixed-sidebar-left .side-nav > li > a.documentation-btn, .wizard > .actions a.btn-info, .dt-buttons .btn-info.dt-button, .tablesaw-sortable th.tablesaw-sortable-head button.btn-info, .sweet-alert button.btn-info, .owl-theme .owl-nav .btn-info[class*="owl-"], button.btn-info.fc-agendaDay-button.fc-state-default.fc-corner-right, button.btn-info.fc-month-button.fc-state-default.fc-corner-left, button.btn-info.fc-agendaWeek-button, .btn-info.fc-prev-button, .btn-info.fc-next-button, .btn-info.fc-today-button {
  background: var(--theme-blue);
  border: solid 1px var(--theme-blue);
}
.btn.btn-info:hover, .fixed-sidebar-left .side-nav > li > a.documentation-btn:hover, .wizard > .actions a.btn-info:hover, .dt-buttons .btn-info.dt-button:hover, .tablesaw-sortable th.tablesaw-sortable-head button.btn-info:hover, .sweet-alert button.btn-info:hover, .owl-theme .owl-nav .btn-info[class*="owl-"]:hover, button.btn-info.fc-agendaDay-button.fc-state-default.fc-corner-right:hover, button.btn-info.fc-month-button.fc-state-default.fc-corner-left:hover, button.btn-info.fc-agendaWeek-button:hover, .btn-info.fc-prev-button:hover, .btn-info.fc-next-button:hover, .btn-info.fc-today-button:hover, .btn.btn-info:active, .fixed-sidebar-left .side-nav > li > a.documentation-btn:active, .wizard > .actions a.btn-info:active, .dt-buttons .btn-info.dt-button:active, .tablesaw-sortable th.tablesaw-sortable-head button.btn-info:active, .sweet-alert button.btn-info:active, .owl-theme .owl-nav .btn-info[class*="owl-"]:active, button.btn-info.fc-agendaDay-button.fc-state-default.fc-corner-right:active, button.btn-info.fc-month-button.fc-state-default.fc-corner-left:active, button.btn-info.fc-agendaWeek-button:active, .btn-info.fc-prev-button:active, .btn-info.fc-next-button:active, .btn-info.fc-today-button:active, .btn.btn-info:focus, .fixed-sidebar-left .side-nav > li > a.documentation-btn:focus, .wizard > .actions a.btn-info:focus, .dt-buttons .btn-info.dt-button:focus, .tablesaw-sortable th.tablesaw-sortable-head button.btn-info:focus, .sweet-alert button.btn-info:focus, .owl-theme .owl-nav .btn-info[class*="owl-"]:focus, button.btn-info.fc-agendaDay-button.fc-state-default.fc-corner-right:focus, button.btn-info.fc-month-button.fc-state-default.fc-corner-left:focus, button.btn-info.fc-agendaWeek-button:focus, .btn-info.fc-prev-button:focus, .btn-info.fc-next-button:focus, .btn-info.fc-today-button:focus {
  /* background: var(--theme-light-blue);
  border: solid 1px var(--theme-light-blue);
  color: var(--theme-blue); */
}
/* ******************* //  COMMON BUTTONS ******************* */
.blue__icon {
  color: var(--theme-blue);
}

.icon-start{
  color: var(--theme-yellow);
}

.sub__title {
  color: var(--theme-primary-color);
  /* color: var(--text-color); */
  /* font-family: var(--font2); */
}

.custom__switch input:checked + .slider {
  background-color: var(--theme-primary-color);
}

.custom__switch input:focus + .slider {
  -webkit-box-shadow: 0 0 1px var(--theme-primary-color);
  box-shadow: 0 0 1px var(--theme-primary-color);
}

.custom__switch .slider {
  background-color: var(--non-active-bg-color);
}

.custom__switch .slider::before {
  background-color: white;
}

.custom__field {
  border-color: #c2d6eb;
}

.custom__label {
  color: #000000;
}

.action_btn {
  background-color: var(--non-active-bg-color);
}

.delete .action_btn {
  color: var(--delete-red);
  /* background-color: var(--delete-bg); */
  /* border-color: var(--delete-bg); */
}

.delete .action_btn:hover {
  /* border-color: var(--delete-bg); */
  /* background-color: var(--non-active-bg-color); */
  background: transparent;
}

.edit .action_btn {
  color: var(--theme-primary-color);
  /* background-color: var(--non-active-bg-color);
  border-color: var(--non-active-bg-color); */
}

.edit .action_btn:hover {
  border-color: transparent;
  /* border-color: var(--theme-primary-color); */
}

.custom__breadcrumb a {
  /* color: #ffffff; */
  color: var(--theme-primary-color);
}

.custom__breadcrumb li:last-child span {
  /* color: var(--theme-light-blue); */
  color: #000000;
}
.custom__breadcrumb li:not(:last-child)::after {
  color: var(--theme-primary-color);
}
.custom__breadcrumb li a:hover {
  color: var(--theme-secondary-color);
}

body {
  /* font-family: var(--body-font); */
}

.fixed-sidebar-left .side-nav > li > a {
  /* border: 1px solid #ffffff; */
  border-right: 0;
}

.fixed-sidebar-left .side-nav > li > a:hover , .fixed-sidebar-left .side-nav>li>a.active {
  /* // background-color: var(--bg-gray); */
  background-color: #ffffff;
  border-color: var(--theme-primary-color);
}

.fixed-sidebar-left .side-nav li a i {
  color: var(--theme-primary-color);
}

.side-nav li.active {
  background-color: transparent;
}

.fixed-sidebar-left .side-nav > li.active > a {
  /* background-color: var(--theme-primary-color);
  color: var(--text-white);
  border-color: var(--theme-primary-color); */
  background-color: var(--theme-primary-color-400);
  color: var(--theme-primary-color);
  border-color: var(--theme-primary-color-400);
}

.fixed-sidebar-left .side-nav > li.active > a i {
  /* color: var(--text-white); */
  color: var(--theme-primary-color);
}
.fixed-sidebar-left .right-nav-text {
  /* // color: var(--text-white); */
}
.side-nav li.active .right-nav-text {
  /* color: var(--text-white); */
  color: var(--theme-primary-color);
}
.fixed-sidebar-left .side-nav > li.active > a .nav-text {
  color: var(--text-white);
}
.fixed-sidebar-left .side-nav > li.active .collapse .right-nav-text {
  color: var(--text-color);
}
.fixed-sidebar-left .collapse li {
  background-color: var(--bg-gray);
}
.fixed-sidebar-left .collapse .right-nav-text {
  color: var(--text-color);
}
.fixed-sidebar-left .side-nav > li.active .draggable.active .right-nav-text {
  color: var(--theme-primary-color);
  font-weight: 600;
}
.fixed-sidebar-left .side-nav > li.active .draggable.active a::before {
  background-color: var(--theme-primary-color);
}
.fixed-sidebar-left .side-nav > li.active .draggable.active a::after {
  border-color: var(--theme-primary-color);
}

.fixed-sidebar-left .side-nav > li.active .draggable.sub_menu_item.active a::before{
  color: var(--theme-primary-color);
}

#carousel .carousel-inner {
  border-bottom: 0px;
}

.custom__table {
  background-color: #ffffff;
  -webkit-box-shadow: var(--custom-shadow);
  box-shadow: var(--custom-shadow);
}

.custom__table .custom__table__head h3 {
  font-size: 16px;
  font-weight: 600;
}

.custom__table .custom__table__head {
  background-color: var(--theme-primary-color-400);
  color: var(--theme-primary-color);
  /* font-family: var(--font2); */
}

.custom__table .custom__table__head h3 {
  color: var(--theme-primary-color);
}

.sub__sidebar .lead-item .lead-nav-link {
  background-color: #eeeeee;
}

.sub__sidebar .lead-item.active {
  background-color: var(--theme-primary-color);
}

.sub__sidebar .lead-item.active .lead-nav-link {
  color: var(--text-white);
}

.sub__sidebar ul.lead-nav li.lead-item.active .lead-nav-link {
  background-color: var(--theme-primary-color);
}

.sub__sidebar ul.lead-nav li.active .menu-label {
  color: var(--text-white);
}

ul.lead-nav li.lead-item.active .lead-nav-link {
  background-color: var(--theme-primary-color);
}
ul.lead-nav li.active .menu-label {
  color: #ffffff;
}

.editor-container .form__preview {
  background-color: var(--bg-gray) !important;
}

.submit__btn .btn {
  background-color: var(--theme-green);
  color: var(--text-white);
  border-color: var(--theme-green);
  /* font-family: var(--body-font); */
}
.submit__btn .btn:disabled {
  background-color: var(--theme-green);
  color: var(--text-white);
  border-color: var(--theme-green);
}
.submit__btn .btn:hover {
  /* color: var(--theme-green);
  background-color: var(--theme-green-400); */
}

.field__preview {
  border: 1px solid var(--theme-primary-color);
}

.field__preview.active,
.field__preview:focus,
.field__preview:hover {
  -webkit-box-shadow: 0px 0px 5px #145497;
  box-shadow: 0px 0px 5px #145497;
}

.head__bar .sub__title,
.head__bar .sub__title small {
  color: var(--theme-primary-color);
}

.linkstack__detail {
  background: #f2f2f2;
}

.quicklinks__icon {
  background: var(--theme-primary-color-400);
}

.quicklinks__div .quicklinks__icon svg {
  /* fill: white; */
  fill: var(--theme-primary-color);
}

.linkstack-top-buttons .theme__btn.btn__blue{
  background: var(--theme-blue-800);
}

.active_social_links .quicklinks__icon{
  background-color: var(--theme-primary-color-400);
}
.active_social_links .quicklinks__icon svg {
  fill: var(--theme-primary-color);
}
.active_social_links .inactive.quicklinks__icon svg{
  fill: #727272;
}

.wizard__main__wrapper textarea.form-control {
  border-color: #c2d6eb;
}

.highlight-addon .form-label {
  color: #000000;
}

.highlight-addon .form-control.spectrum-input {
  border-color: #c2d6eb;
}

.highlight-addon .spectrum-group {
  border-color: #c2d6eb;
}

/* .vue-js-switch.toggled .v-switch-core {
  background-color: var(--theme-blue) !important;
} */
.vue-js-switch.toggled .v-switch-core {
  background-color: var(--theme-blue-400) !important;
}
.vue-js-switch.toggled .v-switch-button{
  background: var(--theme-blue)!important;
}
.quick-link-toggle .vue-js-switch.toggled .v-switch-core {
  background: var(--theme-blue-400)!important;
}
.quick-link-toggle .vue-js-switch.toggled .v-switch-button {
  background: #ffffff!important;
}
.save_link_div .btn-primary {
  background: var(--theme-blue);
  border-color: var(--theme-blue);
}
.quicklinks__icon.inactive{
  background: #EEEBEB!important;
}

.upload-kit .upload-kit-item .remove {
  color: var(--delete-red);
  background-color: var(--delete-bg);
  border-color: var(--delete-bg);
}

.upload-kit .upload-kit-item .remove:hover {
  border-color: var(--delete-red);
}


/* *** Lead manager - top right buttons */
.top__right__btn .add-lead-btn{
  background: var(--theme-blue);
  border-color: var(--theme-blue);
}
.top__right__btn .funnel-btn{
  background: var(--theme-teal);
  border-color: var(--theme-teal);
}
.top__right__btn .email-template-btn{
  background: var(--theme-primary-color) !important;
  border-color: var(--theme-primary-color) !important;
}
.top__right__btn .email-template-btn:hover {
  background: var(--theme-primary-color) !important;
  border-color: var(--theme-primary-color) !important;
}
.top__right__btn .edit-form-btn{
  background: var(--theme-yellow);
  border-color: var(--theme-yellow);
}
.top__right__btn .wizard-btn{
  background: var(--theme-green);
  border-color: var(--theme-green);
  color: #ffffff;
}

/* //  LEAD MANAGER -- CUSTOM TABS */

/* // BOTTOM POPUPS */
.heading h6 {
  background: var(--theme-primary-color-400);
  color: var(--theme-primary-color);
}

/* //  LEAD MANAGER -- CUSTOM TABS */
.custom__tabs {
  /* background-color: var(--tab-bg-gray);
  border-top: 3px solid var(--tab-bg-gray); */
  background-color: var(--theme-primary-color-400);
  border-top: 3px solid var(--theme-primary-color-400);
}
.tab .nav-tabs.custom__tabs li a{
  border-color: var(--theme-primary-color-400);
  color: var(--theme-primary-color);
}
/* .list-group-item {
  background-color: transparent;
} */
.ListViewTabLink li a {
  background-color: var(--theme-primary-color-400);
  border-top: 3px solid var(--theme-primary-color-400);
}
.ListViewTabLink li .router-link-exact-active {
  background-color: #ffffff !important;
  border-color: var(--theme-primary-color) !important;
  color: var(--theme-primary-color) !important;
}
.check-container input[type="checkbox"] + label,
.smart-forms .checkbox-group input[type=checkbox] {
  border-color: var(--theme-primary-color)!important;
}
.check-container input[type="checkbox"]:checked + label:before {
  border-left: 1px solid #275692;
}
.check-container input[type="checkbox"]:checked + label {
  border-bottom-color: var(--theme-primary-color);
}


  /* FIX CHECKBOX */
  #lead__list .check-container input[type="checkbox"]:checked + label, 
  #lead__list .smart-forms .checkbox-group input[type=checkbox]:checked {
      border-color: transparent!important;
  }
  #lead__list .check-container input[type="checkbox"]:checked + label {
      border-bottom-color: var(--theme-green)!important;
  }
  #lead__list .check-container input[type="checkbox"]:checked + label:before {
      border-left: 1px solid var(--theme-green);
  }

/* **************************** HANDYLEADMANAGER + ALL ACTION BUTTONS *************************** */
/* .lead__manager__wrapper .action_btn {
  background: none;
 
}
.lead__manager__wrapper .delete .action_btn {

}

.lead__manager__wrapper .delete .action_btn:hover {
 
}

.lead__manager__wrapper .email .action_btn {
  color: var(--theme-green);
}
.lead__manager__wrapper .email .action_btn:hover {
  background: transparent;
  border-color: var(--theme-green-400);
}

.lead__manager__wrapper .edit .action_btn {
  color: var(--theme-primary-color);
  border-color: var(--theme-primary-color);
}

.lead__manager__wrapper .edit .action_btn:hover {
  background-color: var(--theme-primary-color) !important;
  color: #ffffff;
} */


.lead__manager__wrapper .action_btn {
  background: none;
}

.lead__manager__wrapper .delete .action_btn,
.action-btn.btn-danger {
  color: var(--delete-red);
  border-color: transparent;
  background: transparent;
}
.lead__manager__wrapper .delete .action_btn:active,
.action-btn.btn-danger:active{
  color: var(--delete-red);
  border-color: transparent;
  background: transparent;
}

.lead__manager__wrapper .delete .action_btn:hover,
.action-btn.btn-danger:hover {
  /* border-color: var(--delete-bg); */
}

.lead__manager__wrapper .email .action_btn,
.action-btn.btn-success {
  color: var(--theme-green);
  background: transparent;
}

.action-btn.btn-success:hover,.action-btn.btn-success:active {
  color: var(--theme-green);
  background: transparent;
}

.lead__manager__wrapper .email .action_btn:hover,
.action-btn.btn-success:hover,
.action-btn.btn-success:focus {
  border-color: transparent;
  /* border-color: var(--theme-green-400); */
}

.lead__manager__wrapper .edit .action_btn,
.action-btn.btn-primary {
  color: var(--theme-primary-color);
  border-color: transparent;
}

.lead__manager__wrapper .edit .action_btn:hover,
.action-btn.btn-primary:hover {
  /* border-color: var(--theme-primary-color-400); */
}


.action-btn.btn-blue {
  color: var(--theme-blue);
  border-color: transparent;
}
.action-btn.btn-blue:hover{
  /* border-color: var(--theme-light-blue); */
}

.action-btn.btn-yellow,
.action-btn.btn-yellow:hover{
  color: var(--theme-yellow);
  border-color: transparent;
  background: transparent;
}


.action-btn.btn-info {
  color: var(--theme-pink);
  border-color: transparent;
}
.action-btn.btn-info:hover{
  /* border-color: var(--theme-pink-400); */
}
/* ********** // HANDYLEADMANAGER + ALL ACTION BUTTONS *********** */

/* // ****** WEB ADMIN - ASSIGNMENT ********** */
.assignment-index h1,
.auth-item-create h1 {
  background-color: var(--theme-primary-color);
  /* color: #ffffff; */
}

/* // ACCOUNT SETTING */
.card-view.panel.panel-default.border-panel > .panel-heading h5,
.card-view.panel.panel-default.panel-tabs > .panel-heading h5 {
  font-size: 18px;
  color: var(--theme-primary-color) !important;
}

.card-view.panel.panel-default.border-panel>.panel-heading h3,
.card-view.panel.panel-default.panel-tabs>.panel-heading h3 {
  font-size: 15px;
  color: var(--theme-primary-color) !important;
}
.card-view.panel.panel-default.border-panel > .panel-heading,
.card-view.panel.panel-default.panel-tabs > .panel-heading {
  background: var(--theme-primary-color-400);
  padding: 0px 15px;
}

/* ******************** MAIN BUTTONS ***************** */
.btn-theme-blue{
  background: var(--theme-blue);
  color: #ffffff;
}

/* ************* FILE UPLOADER **************** */
.upload-kit .upload-kit-input .add::after{
  font-family: sans-serif;
  font-weight: 600;
}


/* ******************* JOB HANDLER ************* */
.job-wrapper .job_header::before{
  background: var(--theme-primary-color-400);
}
.job-wrapper .job_header .job_name{
  border-color: var(--theme-primary-color);
}


/* ************** navbar buttons ************** */
.navbar.navbar-inverse.navbar-fixed-top .nav .open > a {
  background: var(--theme-blue-400);
}