.dark-theme {
  background: #2f2f2f !important;
  color: #f1f1f1;
}

.dark-theme #nav_top{
  background: #222222;
}

.dark-theme .nav-item:hover{
  color: #666666;
  border-color: #999999;
}

/*------------------------Switch Button--------------------------------*/

.switch-to-darkMode {
	opacity: 0;
	position: absolute;
}

.sun_moon {
	background-color: #363636;
	border-radius: 50px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 5px;
	position: relative;
	height: 26px;
	width: 50px;
	transform: scale(1);
}

.sun_moon .switch_button {
	background-color: #666666;
	border-radius: 50%;
	position: absolute;
	top: 2px;
	left: 2px;
	height: 22px;
	width: 22px;
	transform: translateX(0px);
	transition: transform 0.2s linear;
}

.switch-to-darkMode:checked + .sun_moon .switch_button {
	transform: translateX(24px);
}

.fa-moon {
	color: #777bb0;
}

.fa-sun {
	color: #dfaa56;
}

/*------------------------Alert's colors-------------------------------*/

.dark-theme .text-white{
  color: #f1f1f1 !important;
}

.dark-theme .text-secondary{
  color: #999999 !important;
}

.dark-theme .btn-success{
  background: #218838 !important;
  border-color: #218838 !important;
}

.dark-theme .badge-warning,
.dark-theme .btn-warning,
.dark-theme .badge-info,
.dark-theme .badge-success,
.dark-theme .btn-info{
  color: #464646 !important;
}

.dark-theme .btn-danger,
.dark-theme .btn-primary,
.dark-theme .btn-success,
.dark-theme .btn-secondary{
  color: #dddddd !important;
}

.dark-theme .alert-warning,
.dark-theme .alert-danger,
.dark-theme .alert-success,
.dark-theme .alert-info{
  color: #9c9c9c !important;
}

/*-----------------------------INPUT------------------------------*/

.dark-theme .card-footer .form-control,
.dark-theme .modal-body .form-control,
.dark-theme .input-group .form-control,
.dark-theme .card-body .input-group .form-control,
.dark-theme .form-group .form-control,
.dark-theme .card-body .form-control,
.dark-theme .custom-file-label,
.dark-theme #search_dialogs,
.dark-theme #filter_dialog_group,
.dark-theme #user-form .form-control,
.dark-theme .iconpicker-search,
.dark-theme #account_will_receive_tags,
.dark-theme .phone_template input,
.dark-theme #page_title_div .form-control{
  background: #666666;
  border-color: #666666;
  color: #f1f1f1;
}

.dark-theme .card-body .input-group .form-control::placeholder,
.dark-theme .input-group .form-control::placeholder,
.dark-theme .modal-body .form-control::placeholder,
.dark-theme #user-form .form-control::placeholder,
.dark-theme .custom-file-label::placeholder,
.dark-theme #search_dialogs::placeholder,
.dark-theme .dialog_action_toggle_this .form-control::placeholder,
.dark-theme .iconpicker-search::placeholder,
.dark-theme #dialog-edit-form .form-control::placeholder,
.dark-theme #campaign-add-form .form-control::placeholder,
.dark-theme #form-template-flow-config input::placeholder,
.dark-theme .card-body .form-control::placeholder,
.dark-theme #page_title_div .form-control::placeholder{
  color: #c2c2c2 !important;
}

.dark-theme .input-group-prepend .input-group-text{
  background: #3e3e3e;
  color: #f1f1f1;
  border-color: #3e3e3e;
}  

/*----------------------------LINKS------------------------------*/

.dark-theme a,
.dark-theme .chat_tabs.active{
  color: #68bbe4;
}

.dark-theme .chat_tabs{
  color: #a0a0a0;
}

/*------------------------------Notifications--------------------------------------*/

.dark-theme .noty_theme__mint.noty_type__alert, 
.dark-theme .noty_theme__mint.noty_type__notification{
  border-color: #363636;
  color: #f1f1f1;
  text-align: center;
  background: #363636;
}

.dark-theme .noty_buttons .btn-error{
  background: #666666;
  color: #f1f1f1;
}


/*----------------------------Dashboard area-----------------------------*/

.dark-theme .card-body,
.dark-theme .card-header,
.dark-theme #dashboard_unresolved{
  background: #2e2e2e !important;
  border: 1px solid rgba(48, 48, 48, 0.25);
  border-radius: 0.25rem;
  color: #dddddd;
}

.dark-theme .no-gutters{
  background: #2f2f2f;
}

.dark-theme .card-body .no-gutters{
  background: #2e2e2e !important;
}

.dark-theme .card-header{
  border-bottom: 1px solid #666666;
}

.dark-theme .boleft-secondary,
.dark-theme .boleft-danger,
.dark-theme .boleft-primary,
.dark-theme .boleft-info,
.dark-theme .boleft-success,
.dark-theme .boleft-warning{
  background: #121212;
}

.dark-theme .table,
.dark-theme .new_page_title{
  color: #dbdbdb;
}

.dark-theme .card{
  background: #2e2e2e;
}

.dark-theme .dash_title{
  color:#9c9c9c !important;
}

.dark-theme .dash_button{
  background: #292929 !important; 
  color: #999999;
  border: 1px solid #2e2e2e;
  border-radius: 5px;
}


.dark-theme .btn-outline-primary,
.dark-theme .btn-outline-light{
  color: #dddddd;
  border-color: #999999 !important;
}

.dark-theme .btn-outline-primary:hover,
.dark-theme .btn-outline-light:hover{
  background-color: #292929;
  border-color: #292929 !important;
}

/* Table */

.dark-theme .bg-light{
  background: #2e2e2e!important;
  border-color: #666666 !important;
}

.dark-theme .bg-light:hover{
  background: #474747;
}

.dark-theme tr{
  background: #2e2e2e;
  border-color: #2e2e2e !important;
}

.dark-theme .table{
  border-color: #2e2e2e !important;
}

.dark-theme .table td, 
.dark-theme .table td> .text-primary{
  border-color: #666666;
  color: #aaaaaa !important;
}

.dark-theme .table td> .text-muted2{
  color: #666666 !important;
}

.dark-theme .table-hover{
  background: #474747;
}

.dark-theme .hourChartTable{
  background: #363636 !important;
  border-color: #3f3f3f;
}

.dark-theme .hourChartTable:hover{
  background: #292929 !important;
}

.dark-theme .hourChartTable td, 
.dark-theme .hourChartTable th,
.dark-theme .hourChartTable tr > .bold0 {
  border-color: #3f3f3f !important;
}

.dark-theme .hourChartTable th,
.dark-theme .hourChartTable td.bold0 {
  background: #363636 !important;
}

.dark-theme #dashboard_unresolved a{
  color: #f1f1f1 !important;
}

/* --------------------------------- Chats area ---------------------------------- */

/* Adicionar chat */

.dark-theme #startchat-modal-content{
  background: #363636;
  color: #dddddd;
}

.dark-theme #startchat-modal-content .form-control{
  background: #666666;
  border-color: #666666;
  color: #f1f1f1;
}

.dark-theme #startchat-modal-content .form-control::placeholder{
  color: #dddddd;
}

.dark-theme #startchat-modal-content .table tr:hover{
  color: #dddddd;
}

.dark-theme #chat_list_wrapper{
  background: #2e2e2e;
  border: none;
}

.dark-theme #chat_filters_container .bg-light{
  border: none !important;
}

.dark-theme #chat_filters_container{
  background: #2e2e2e;
  border-color: #3f3f3f;
}

.dark-theme .chats_filter{
  background: #3f3f3f;
  border-color: #2e2e2e;
  color: #999999;
}

.dark-theme #chats_container_wrapper{
  border-color: #2e2e2e !important;
}

.dark-theme #chat_header,
.dark-theme #chat_container_title_wrapper{
  background: #2e2e2e;
}

.dark-theme #chat_container_title_wrapper{
  border-bottom: 1px solid #2e2e2e !important;
}

.dark-theme .startchat-modal-open{
  background: #2e2e2e;
  border-color: #2e2e2e;
  color: #1cc88a !important;
}

.dark-theme .startchat-modal-open:hover{
  background: #2e2e2e !important;
  border-color: #2e2e2e;
  color: #1cc88a !important;
}

.dark-theme .search-message-modal-open{
  background: #3f3f3f !important;
  color: #9e9e9e !important;
  border-color: #2e2e2e;
}

.dark-theme .search-message-modal-open:hover{
  background: #3f3f3f !important;
}

.dark-theme #chats_filter_fields{
  background: #2e2e2e;
}

.dark-theme #chats_filter_fields button,
.dark-theme #filter_tag_rule{
  background: #3f3f3f !important;
  border-color: #2e2e2e;
  color: #999999;
}

.dark-theme #chat_filters_container .bg-white{
  background: #3f3f3f !important;
  border-color: #3f3f3f !important;
}

.dark-theme #chat_filters_container .btn-light{
  background: #2e2e2e !important;
  border-color: #2e2e2e;
}

.dark-theme #chat_filters_container .btn-light:hover{
  background: #3f3f3f !important;
}

.dark-theme #modal-dialog .modal-body{
  color: #9c9c9c !important;
}

/* Search message */

.dark-theme .modal-header,
.dark-theme #message_search{
  background:#2e2e2e;
  color: #999999;
  border-color: #3f3f3f;
}

.dark-theme #message_search_input{
  background: #666666;
  color: #f1f1f1;
  border-color: #666666;
}

.dark-theme .input-group-append button{
  color: #dddddd;
  border-color: #666666;
}

.dark-theme .input-group-append button:hover{
  background: #666666;
  color: #121212;
}

.dark-theme #message_search_input::placeholder{
  color: #dddddd !important;
}

.dark-theme li > .page-link,
.dark-theme .page-item.disabled .page-link{
  background: #666666;
  border-color: #666666;
  color: #dddddd;
}

.dark-theme .page-item.active .page-link{
  background: #464646;
  border-color: #464646;
  font-weight: bold;
}

/* Chats */

.dark-theme .nav-chat-item{
  background: #2e2e2e;
  color: #999999;
  border-color: #3e3e3e;
}

.dark-theme .nav-chat-active{
  background: #3f3f3f;
}

.dark-theme .nav-chat-active .nav-chat-name{
  background: #3f3f3f;
  color: #f1f1f1;
}

.dark-theme .nav-chat-item .nav-chat-item-pic .border{
  border-color: #2e2e2e !important;
}

.dark-theme .nav-chat-active .nav-chat-name{
  color: #68bbe4;
}

.dark-theme .nav-chat-item:hover {
  background-color: #3f3f3f;
}

/* Messsages area */

.dark-theme #msg_send_container #input_message{
  background: #545454 !important;
  border-color: #545454 !important;
}

.dark-theme #msg_send_container{
  background: #363636 !important;
}

.dark-theme #start_recorder{
  background: #3f3f3f;
  border-color: #3f3f3f !important;
  color: #9a9a9a;
}

.dark-theme #notes_add_wrapper{
  color: #999999;
}

.dark-theme #chat_container_title_wrapper .dropdown-menu{
  background: #2e2e2e;
}

.dark-theme #chat_container_title_wrapper .dropdown-item{
  color: #c7c7c7;
}

.dark-theme #chat_container_title_wrapper .dropdown-item:hover{
  background: #363636;
}

.dark-theme #chat_messages_wrapper {
  width: 100%;
  overflow: auto;
  background-image: url("/static/chatbgdark.png");
  background-repeat: repeat;
}

.dark-theme #chat_messages .msg-data{
  background: #2e2e2e;
  opacity: 0.5;
  color: #9c9c9c;
  border-color: #2e2e2e;
}

.dark-theme .msg-container{
  background: #2e2e2e;
  color: #f1f1f1;
  border-color: #2e2e2e;
}

.dark-theme .bg-sent-msg{
  background: #006563;
  color: #f1f1f1;
  border-color: #006563;
}

.dark-theme .bg-sent-msg .msg-timestamp{
  color: #c1c1c1;
}

.dark-theme #tick_btn,
.dark-theme #cancel_btn,
.dark-theme #start_recorder{
  background-color: #3e3e3e !important;
  border-color: #363636 !important;
}

.dark-theme #chat_left #input_message{
  background: #464646 !important;
  border-color: #464646 !important;
  color: #f1f1f1;
}

.dark-theme #reply_msg_wrapper{
  background: #464646 !important;
  border-left: 3px solid #286663 !important;
  color: #f1f1f1;
}

.dark-theme .msg-quoted{
  background: #999999;
  color: #363636;
}

.dark-theme .reply_msg .text-light{
  color: #9c9c9c !important;
}

.dark-theme #chat_messages .scheduled_container{
   background: #464646;
   color: #9c9c9c;
   font-weight: bold;
}

.dark-theme #chat_messages #scheduled_container_wrapper{
  background: #464646 !important;
  border-color: #464646 !important;
}

.dark-theme #scheduled_container td{
  background: #464646;
}

.dark-theme #scheduled_container .border{
  border-color: #666666 !important;
}

.dark-theme .xdsoft_datetimepicker .xdsoft_calendar table thead,
.dark-theme .xdsoft_calendar tr td,
.dark-theme .xdsoft_datetimepicker,
.dark-theme .xdsoft_datetimepicker .xdsoft_time_box .xdsoft_time,
.dark-theme .xdsoft_datetimepicker .xdsoft_calendar th{
  background: #363636;
  border-color: #464646;
  color: #f8f9fa;
}

.dark-theme .xdsoft_datetimepicker .xdsoft_label,
.dark-theme .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
  background: #363636;
  color: #f8f9fa
}

.dark-theme .xdsoft_datetimepicker .xdsoft_time_box {
  border-color: #464646;
}

.dark-theme .ui-widget-content{
  background: #464646;
  border-color: #464646;
  color: #f8f9fa;
}

.dark-theme #send_datetime{
  background: #464646;
  border-color: #363636;
  color: #999999;
  margin-left: 4px;
}

.dark-theme .msg-container audio{
  background-color: #58738a;
}

.dark-theme .msg-container .btn-white{
  color: #cccccc;
}

.dark-theme .msg-container .btn-light{
  background: #363636;
  border-color: #363636;
}

.dark-theme .msg-status-error{
  background: #d27171 !important;
  opacity: 0.8;
}

.dark-theme .msg-status-error .text-secondary{
  color: #dbdbdb !important;
}

/*Notes*/

.dark-theme .msg-note{
  background: #343A40 !important;
  border-color: #121212 !important;
  opacity: 0.8;
  color: #dddddd;
}

.dark-theme #note_container_text{
  background-color: #464646 !important;
  border-left: #121212 !important;
  border-color: #464646;
  color: #dddddd;
}

/* Send file and dialog */

.dark-theme .modal-body {
  background: #363636;
  color: #dbdbdb;
}

.dark-theme #attachments-modal-content .bg-light{
  background: #363636 !important;
  color: #999999;
}

.dark-theme .modal-content {
  background: #464646;
  border-color: #464646;
}

.dark-theme #upload_file_area{
  background: #464646;
  color: #dddddd;
  border-color: #18222c !important;
}

.dark-theme #upload_file_area_text{
  color: #dddddd;
}

.dark-theme #areaFilesSelect{
  background: #666666;
  color: #dddddd;
  border-color: #18222c !important;
}

.dark-theme #attachments-modal-content .bg-secondary{
  background: #363636 !important;
}

.dark-theme #attachments-modal-content #thumb_sizer{
  border-color: #999999 !important;
  color: #999999 !important;
}

.dark-theme #attachments-modal-content #thumb_sizer:hover{
  background: #555555 !important;
  color: #121212 !important;
  border-color: #555555 !important;
}

.dark-theme .modal-title{
  font-weight: bold;
  color: #f8f9fa;
}

.dark-theme .modal-dialog .p-3{
  background: #2e2e2e;
}

.dark-theme #search_dialog_modal{
  background: #666666;
  color: #f1f1f1;
  border-color: #666666;
}

.dark-theme #search_dialog_modal::placeholder{
  color: #dddddd;
}

.dark-theme .dialog_tr .bg-white{
  background: #555555 !important;
  border-color: #555555 !important;
}

.dark-theme .accordion .card-header{
  background: #464646 !important;
  border-color: #464646 !important;
}

.dark-theme .accordion .card-body .table td{
  border-color: #464646;
}

.dark-theme .dialog_tr{
  background: #2e2e2e;
  border-color: #666666 !important;
}

.dark-theme .dialog_tr:hover{
  background: #363636;
}

.dark-theme .dialog_tr .text_info{
  color: #9a9a9a !important;
}

.dark-theme #upload_and_send_file_caption{
  background: #666666;
  color: #f1f1f1;
  border-color: #666666;
}

.dark-theme #upload_and_send_file_caption::placeholder{
  color: #c2c2c2;
}

.dark-theme .dz-remove{
  background: #666666;
}

/* Chat info */


.dark-theme #chat_info{
  background:#2e2e2e !important;
  border-left: 1px solid #2e2e2e !important;
}

.dark-theme #chat_info_ul .d-flex{
  border-color: #666666 !important;
}

.dark-theme #chat_fast_info .bg-white{
  background: #363636 !important;
  color: #999999;
}

.dark-theme #chat_fast_info {
  background: #2e2e2e;
}

.dark-theme #chat_name{
  color: #f1f1f1;
}

.dark-theme .change_chat_name{
  color: #f1f1f1 !important;
  font-weight: bold;
}

.dark-theme .change_chat_name:hover{
  color: #dddddd !important;
}

.dark-theme #chats_app .p-2{
  color: #666666;
}

.dark-theme #chat_info > .bg-white{
  background: #2e2e2e !important;
}

.dark-theme .chat_info_tab_card{
  background: #363636;
  color: #666666;
}

.dark-theme .chat_info_tab_card .text-primary{
  color: #999999 !important;
}

.dark-theme #chat_fast_info .btn-light{
  background: #2e2e2e !important;
  border-color: #2e2e2e !important;
}

.dark-theme #chat_fast_info .btn-light:hover{
  background: #121212 !important;
  border-color: #121212 !important;
}

.dark-theme #chat_pic_space .border{
  border-color: #363636 !important;
}

/* Delegate module */

.dark-theme #chat_delegate_module button{
  background: #363636;
  color: #9e9e9e;
}

/* Tags */

.dark-theme #chat_tags_module .chat_tag_item{
  border-color: #363636;
}

/* Custom fields */

.dark-theme .custom_field_input {
  background: #363636;
  border-color: #666666;
  color: #9e9e9e;
}

.dark-theme #chat_custom_fields table tr{
  background: #363636 !important;
}

.dark-theme #chat_custom_fields table tr:hover{
  background: #3f3f3f !important;
}

.dark-theme #dropdownMenuLink{
  color: #999999;
}

.dark-theme .custom-fields-modal-open{
  color: #999999;
  border-color: #999999;
}

.dark-theme .custom-fields-modal-open:hover{
  background: #292929;
  border-color: #3f3f3f;
}

.dark-theme #custom-fields-modal-content .table td{
  border-color: #3f3f3f;
}

.dark-theme #custom-fields-modal-content .table tr:hover{
  background: #3e3e3e;  
}

.dark-theme #custom-fields-modal-content strong{
  color: #9c9c9c;
}

.dark-theme #custom-fields-modal-content .table th{
  color: #9c9c9c;
}

.dark-theme #custom-fields-modal-content .text-info{
  color: #9c9c9c !important;
}

.dark-theme #custom-fields-modal-content h4{
  font-weight: bold;
}

.dark-theme #custom-fields-modal-content .form-control{
  background: #464646;
  border-color: #464646;
  color: #9c9c9c;
}

.dark-theme #custom-fields-modal-content .form-control::placeholder{
  color: #999999;
}

/* Histórico de atendimento */

.dark-theme .chat_tabs{
  background: #2e2e2e;
  border-color: #999999;
}

.dark-theme .chat_info_tab_internal_content{
  background: #2e2e2e;
}

.dark-theme .chat_info_tab_internal_content .table{
  border-color: #363636;
  background: #363636;
  color: #999999;
}

.dark-theme .chat_info_tab_internal_content .bg-secondary{
  border-color: #464646 !important;
  background: #464646 !important;
  color: #999999 !important;
}

.dark-theme .chat_info_tab_internal_content .table:hover{
  background: #2e2e2e !important;
}

.dark-theme .chat_info_tab_internal_title{
  background: #2b2b2b;
  color: #9c9c9c;
  font-weight: bold;
}

/* Notes */

.dark-theme .chat_info_tab_card .form-control {
  background: #66666659;
  border-color: #363636;
  color: #9c9c9c;
}

.dark-theme .chat_info_tab_card .form-control::placeholder{
  color: #999999 !important;
}

.dark-theme #chat_notes .alert-info{
  color: #9c9c9c;
}

.dark-theme #link-notes-filters{
  background: #2b2b2b;
  color: #dddddd;
  border-color: #a0a0a0;
}

.dark-theme .cg_pagination{
  background: #2b2b2b;
  color: #9c9c9c;
  z-index: 1000;
}

.dark-theme .cg_pagination .dropdown .button-mais-pags,
.dark-theme .cg_pagination .button-back,
.dark-theme .cg_pagination .button-next{
  background: #666666;
  border-color: #666666;
  color: #dddddd;
}

.dark-theme .cg_pagination #notesResultsLenght,
.dark-theme .cg_pagination .button-back,
.dark-theme .cg_pagination .button-next{
  color: #dddddd;
}

.dark-theme .cg_pagination .dropdown .button-mais-pags:hover,
.dark-theme .cg_pagination .button-back:hover,
.dark-theme .cg_pagination .button-next:hover {
  background-color: #999;
}
.dark-theme .cg_pagination .dropdown .button-mais-pags svg path,
.dark-theme .cg_pagination .button-back svg path,
.dark-theme .cg_pagination .button-next svg path{
  stroke: #dddddd;
}

.dark-theme .cg_pagination button.disabled{
  background-color: #666 !important;
}

.dark-theme .cg_pagination .dropdown .menu-pag {
  border-color: #666;
  background-color: #464646;
}

.dark-theme .cg_pagination .dropdown .menu-pag li{
  background-color: #464646;
  border-color: #666666;
}

.dark-theme .cg_pagination .dropdown .menu-pag li:hover{
  background-color: #999999;
}

.dark-theme .cg_pagination .dropdown .menu-pag li a{
  color: #dddddd;
}

/* Funnels */

.dark-theme #chat_funnels .chat_info_tab_card .text-dark{
  color: #9c9c9c !important;
}

/* Histórico de delegação */

.dark-theme #chat_delegation_logs .alert-light{
  background: #3f3f3f;
  border-color: #3f3f3f;
  color: #999999;
}

.dark-theme #chat_delegation_logs table tr td{
  background: #464646 !important;
}

/* Histórico de diálogos acionados */

.dark-theme #chat_chatbot_context .alert-light{
  background: #3f3f3f;
  border-color: #3f3f3f;
  color: #999999;
}

.dark-theme #chat_chatbot_context .alert-info{
  color: #999999;
}

.dark-theme #chat_chatbot_context pre{
  color: #f1f1f1;
}

/* Media history */

.dark-theme #message_media_history .topnav a{
  background: #363636;
  color: #9c9c9c;
}

.dark-theme #message_media_history .list-group-item{
  background: #363636;
  color: #9c9c9c;
}

.dark-theme #message_media_history .media-list{
  border-color: #363636 !important;
}

.dark-theme #message_media_history .btn-light{
  background: #2e2e2e !important;
  color: #999999 !important;
  border-color: #363636 !important;
}

/*-------------------- Página de Contatos --------------------*/

.dark-theme .cg--header{
  background: #2e2e2e;
}

.dark-theme .cg--header h1{
  color: #bbbbbb;
}
.dark-theme .cg--header h2{
  color: #999999;
}

.dark-theme .cg .btn-secondary{
  background: #5cb85c !important;
  border-color: #5cb85c;
  font-weight: bold;
  color: #f8f9fa;
}

.dark-theme #contacts_form .report_filter_field{
  background: #cbcbcb;
  border-color: #cbcbcb;
}

.dark-theme #contacts_form .form-control{
  background: #666666;
  border-color: #666666;
  color: #f1f1f1;
}

.dark-theme #contacts_form .form-control::placeholder{
  color: #dddddd;
}

.dark-theme .multiselect-container{
  background: #363636;
}

.dark-theme .multiselect-container .dropdown-item{
  color: #cbcbcb;
}

.dark-theme .multiselect-container .dropdown-item:hover{
  background: #292929;
}

.dark-theme .multiselect-container .bg-warning{
  background: #292929 !important;
}

.dark-theme #contacts_form .btn-primary{
  color: #dbdbdb !important;
}

.dark-theme .nav-item .active{
  background: #666666 !important;
  border-color: #666666;
  border-bottom: 1px solid #666666 !important;
}

.dark-theme #myTab{
  background: #353535 !important;
  border-bottom: 1px solid #999999;
}

/* Adicionar contato */

.dark-theme #myTab .nav-item > a{
  color: #dddddd;
}

.dark-theme #myTab .nav-item .active{
  color: #f1f1f1;
}

.dark-theme #myTabContent .btn-outline-success:hover{
  color: #f8f9fa;
  border-color: #363636 !important;
  background: #28a745;
  font-weight: bold;
}

.dark-theme .custom-select{
  background: #464646;
  border-color: #666666;
  color: #f1f1f1;
}

/*--------------------------------- Funnel ----------------------------------*/

.dark-theme .page_header p{
  color: #999999;
}

.dark-theme .card-header .text-dark{
  color: #9c9c9c !important;
}

.dark-theme .background{
  background: #363636 !important;
}

.dark-theme .funnel_users_see_all{
  color: #9c9c9c !important;
}

.dark-theme .funnel-delegate-wrapper .multiselect-native-select{
  background: #999999;
}

.dark-theme .card-footer{
  color: #9c9c9c;
  background: #363636 !important;
}

.dark-theme .funnel_footer button{
  background: #666666 !important;
  color: #dddddd !important;
}

.dark-theme .card-footer ul{
  background: #363636;
}

.dark-theme .card-header .btn-outline-secondary{
  color: #dddddd;
}

.dark-theme .card-header .btn-outline-secondary:hover{
  background: #2e2e2e !important;
}

.dark-theme .card-footer a{
  color: #f1f1f1;
}

.dark-theme .svg-funnel-js{
  background: #2e2e2e !important;
}

.dark-theme .svg-funnel-js .svg-funnel-js__labels .svg-funnel-js__label .label__value{
  color: #dbdbdb;
}

.dark-theme .svg-funnel-js .svg-funnel-js__labels .svg-funnel-js__label .label__title{
  color: #19bf83;
}

/* New funnel */

.dark-theme #user-form .col-form-label{
  color: #dbdbdb;
}

.dark-theme .funnel-top{
  background: #363636 !important;
  color: #dbdbdb;
}

.dark-theme #user-form button{
  color: #f8f9fa;
;
}

.dark-theme #page_title_div{
  background: #363636 !important;
  color: #dbdbdb;
}

.dark-theme .funnel_view_search_name{
  background: #dbdbdb;
  border-color: #dbdbdb;
  color: #121212;
}

.dark-theme .funnel_view_search_name::placeholder{
  color: #363636;
}

/* Funnel page */

.dark-theme .the_board {
  background: #18222c !important;
}

.dark-theme .funnel_header{
  background: #464646;
  color: #dbdbdb;
}

.dark-theme .funnel_header .btn-light{
  background: #dbdbdb;
  border-color: #dbdbdb;
}

.dark-theme .funnel_header .dropdown-menu{
  background: #dbdbdb;
  color: #121212;
}

.dark-theme .funnel_items{
  background: #464646;
}

.dark-theme .funnel_item{
  background: #666666;
  border-color: #666666;
}

.dark-theme .funnel_item_name{
  color: #f1f1f1;
}

.dark-theme .funnel_item_name:hover{
  color: #121212;
}

.dark-theme .funnel_footer .p-1{
  background: #292929 !important;
  color: #f8f9fa;
  border-bottom: 1px solid #292929;
}

.dark-theme .modal-body .text-info{
  color: #dddddd !important;
}

.dark-theme #funnel_columns .dropdown-menu{
  background: #464646;
}

.dark-theme #funnel_columns .dropdown-divider{
  border-top: 1px solid#666666;
}

/*-------------------------------- Respostas rápidas -------------------------------------------*/

.dark-theme .card-body textarea{
  background: #666666;
  border-color: #666666;
  color: #f1f1f1;
}

.dark-theme .card-body textarea::placeholder{
  color: #c2c2c2;
}

.dark-theme .card-body .input-group-prepend .input-group-text{
  background: #3e3e3e;
  border-color: #3e3e3e;
  color: #f1f1f1;
}

.dark-theme .dropdown-menu{
  background: #292929;
  color: #dddddd;
}

.dark-theme .var_to_textarea{
  color: #f1f1f1;
}

.dark-theme .var_to_textarea:hover{
  background: #363636;
}

.dark-gif{
  display: none;
}

.dark-theme .light-gif{
  display: none;
}

.dark-theme .dark-gif{
  display: block;
  border-color: #363636;
  height: 225px;
  padding: 15px 15px;
}

/*------------------------------Files------------------------------*/

.dark-theme .bootstrap-tagsinput{
  background: #666666;
  border-color: #666666;
  color: #f1f1f1;
}
  
.dark-theme .bootstrap-tagsinput input::placeholder{
  color: #dddddd;
}

/*---------------------------Chatbots-------------------------------*/

.dark-theme .bg-secondary{
  background: #363636 !important;
  color: #bbbbbb;
}

.dark-theme .bg-secondary .text-light{
  color: #bbbbbb !important;
}

.dark-theme .fa-plus-circle{
  color: #f1f1f1;
}

/* Create new dialogue */

.dark-theme #user-form .label_input{
  color: #f8f9fa;
}

/* Dialogues list */

.dark-theme .dialog_handle,
.dark-theme .dialog_list,
.dark-theme .dialog_title_edit{
  background: #363636 !important;
  color: #f1f1f1 !important; 
  border-color: #363636 !important;
}

.dark-theme .no-gutters .bg-white{
  background: #292929 !important;
}

.dark-theme .dropdown-item{
  color: #dddddd;
  border-bottom: 1px solid #2e2e2e !important;
}

.dark-theme .dropdown-item:hover{
  background: #464646;
  color: #dddddd;
}

.dark-theme .dialog_row .text-dark{
  color: #bbbbbb !important;
}

/* Intentions list */

.dark-theme .table thead th{
  border-bottom: 1px solid #464646;
}

.dark-theme .table-bordered th{
  border-bottom: 2px solid #666666 !important;
}

.dark-theme .table-bordered td, .dark-theme .table-bordered th {
  border-color: #464646;
}

.dark-theme .keyword_item,
.dark-theme .example_item,
.dark-theme .min_points{
  border-color: #666666 !important;
}

/*Entities list*/

.dark-theme #entity_values .form-control{
  border-color: #292929;
}        

.dark-theme .border-bottom{
  border-bottom: 2px solid #464646 !important;
}

.dark-theme hr{
  border-top: 1px solid #464646;
}

/*Dialog page*/

.dark-theme #dialog-edit-form .form-control,
.dark-theme .dialog_action_toggle_this .form-control{
  background: #666666;
  border-color: #292929;
  color: #f1f1f1;
}

.dark-theme #dialog-edit-form .input-group-text{
  background: #666666;
  border-color: #292929;
}

.dark-theme #dialog-edit-form .btn-outline-danger{
  border-color: #dc354573 !important;
}

.dark-theme #dialog-edit-form .iconpicker-component:hover{
  background: #666666;
  border-color: #666666;
}

.dark-theme .section_content{
  border-top: 1px solid #666666 !important;
}

.dark-theme #dialog_advanced{
  border: 2px dashed #7b7b7b !important;
}

.dark-theme .fa-info-circle{
  color: #666666;
}

.dark-theme #dialog-edit-form .label_input{
  color: #dddddd;
}

.dark-theme .action_to_add{
  background: #363636;
  border-bottom: 3px solid #222222;
}

.dark-theme .action_to_add .bg-white{
  border-color: #464646 !important;
  color: #999999 !important;
}

.dark-theme .action_to_add .btn-light .toggle-off,
.dark-theme .action_to_add .btn-default .toggle-off{
  background: #666666 !important;
  border-color: #666666 !important;
  color: #f1f1f1 !important;
}

.dark-theme #dialog-edit-form .border,
.dark-theme .no-gutters .border{
  border-color: #464646 !important;
}

.dark-theme .dialog_action_toggler{
  background: #666666 !important;
  border-color: #666666;
}

.dark-theme .dialog_actions .btn-outline-secondary{
  border-color: #999999 !important;
  color: #dddddd;
}

.dark-theme .dialog_actions .btn-outline-secondary:hover{
  background: #666666 !important;
  border-color: #666666 !important;
}

.dark-theme #dialog-edit-form .group_color_dialog{
  padding: 0px;
  border: 4px solid #666666;
  border-radius: 3px;
  border-collapse: collapse;
}

.dark-theme .dialog_action_toggle_this{
  color: #dddddd;
}

.dark-theme .dialog_action_toggle_this .fa-paperclip,
.dark-theme .dialog_action_toggle_this .btn-light{
  background: #464646 !important;
  border-color: #464646;
}

.dark-theme .alert-light{
  background: #666666;
  border-color: #666666;
  color: #f1f1f1;
}

.dark-theme .advanced_condition{
  background: #19ae79;
  color: #f1f1f1;
  border-color: #292929;
}

.dark-theme .modal-body .form-control,
.dark-theme .modal-body button{
  border-color: #363636;
}

.dark-theme .dialog_action_toggle_this option:hover{
  background: #2e2e2e;
  color: #f1f1f1;
}

.dark-theme .border-primary{
  border-color: #464646 !important;
}

.dark-theme .ui-sortable-placeholder{
  border-color: #18222c;
}

.dark-theme .dialog_group_edit,
.dark-theme .dialog_group_edit::placeholder{
  color: #f1f1f1 !important;
}

.dark-theme .dialog_tag{
  background: #666666 !important;
  border-color: #666666 !important;
  color: #f1f1f1;
}

.dark-theme .iconpicker-popover.popover .popover-title,
.dark-theme .iconpicker .iconpicker-items{
  background: #464646;
  border-color: #3e3e3e !important;
}

.dark-theme .popover-content .iconpicker-item a:hover{
  background: #666666 !important;
  border-color: #666666;
  color: #121212; 
}

.dark-theme .popover-title,
.dark-theme .popover-content{
  border-color: #666666 !important;
}

/*-------------------------Campaigns--------------------------------*/

.dark-theme .no-gutters .campaign_warning{
  background: #363636 !important;
}

.dark-theme #campaign-add-form .text-info{
  color: #999999 !important;
}

.dark-theme #campaign-add-form{
  color: #f1f1f1;
}

.dark-theme #campaign-add-form .form-control{
  border-color: #2e2e2e;
  background: #666666;
  color: #f1f1f1;
}

.dark-theme #campaign-add-form strong{
  color: #dddddd;
}

.dark-theme #campaign-add-form .bg-warning{
  background-color: #e3b236 !important;
  color: #464646;
}

.dark-theme #dialog_for_campaign{
  background-color: #464646 !important;
}

.dark-theme #dialog_for_campaign option:active{
  background: #666666 !important;
}

.dark-theme .campaign-info .progress{
  background: #666666;
}

.dark-theme .finished-campaign{
  background: #555555;
  border-color: #555555;
}

.dark-theme .campaign-info{
  color: #cccccc;
}

.dark-theme .badge-light{
  background: #999999;
  color: #dddddd;
}

/*-------------------Reports------------------------*/

.dark-theme #chat_report_form .form-control{
  background: #666666;
  border-color: #2f2f2f;
  color: #f1f1f1;
}

.dark-theme #chat_report_form .form-control::placeholder,
.dark-theme #notes_report_form .form-control::placeholder,
.dark-theme #addchats_report_form .form-control::placeholder,
.dark-theme #messages_report_form .form-control::placeholder{
  color: #c2c2c2;
}

.dark-theme #chat_report_form .bg-warning,
.dark-theme #accesses_report_form .bg-warning,
.dark-theme #notes_report_form .bg-warning,
.dark-theme #addchats_report_form .bg-warning,
.dark-theme #messages_report_form .bg-warning{
  background: #e3b236 !important;
  color: #464646;
}

.dark-theme #chat_report_form strong{
  color: #dddddd;
}

.dark-theme #chat_report_form .text-muted{
  color: #f1f1f1 !important;
}

.dark-theme #chat_report_form .border-top{
  border-top: 1px solid #666666 !important;
}

.dark-theme #addchats_report_results button.btn-outline-danger,
.dark-theme #messages_report_results button.btn-outline-danger{
  color: #dc3545 !important;
  background: #2e2e2e;
  border-color: #dc3545;
}

.dark-theme #addchats_report_results .table td,
.dark-theme #addchats_report_results .table th,
.dark-theme #messages_report_results .table td,
.dark-theme #messages_report_results .table th{
  border-top: 1px solid #666666;
}

/*--------------- Users -----------------*/

.dark-theme #permissions_container .card-header{
  border-bottom: 1px solid #666666;
  background: #333;
}

/*----------------- Tags -----------------------*/

.dark-theme #tag_description::placeholder{
  color: #c2c2c2;
}

.dark-theme .edit_tag_bg,
.dark-theme .edit_tag_color{
  background: #666666 !important;
  border: 2px solid #666666;
  border-radius: 3px;
  height: 30px;
}

/*--------------------- Phones -----------------------*/

.dark-theme code{
  color: #18ad78;
}

.dark-theme .btn-outline-warning:hover{
  color: #464646;
}

/* Messages templates */

.dark-theme .cg{
  background: #2f2f2f;
}

.dark-theme .cg--module{
  background: #2e2e2e;
}

.dark-theme .cg--module .table thead th{
  background: #292929;
  border-top: 1px solid#666666;
  color: #f1f1f1;
}

.dark-theme .v3dp__popout{
  --popout-bg-color: #363636;
  --text-color: #f1f1f1;
}

.dark-theme .cg--list h3,
.dark-theme .phone_template label,
.dark-theme .phone_template p{
  color: #dddddd;
}

.dark-theme .cg--header .no-gutters{
  background: #2e2e2e !important;
}

/*----------------- NPS -------------------*/

.dark-theme .no-gutters.nps-see-answers{
  background: #36b9cc !important; 
}

/*-------------------Menu SUPER-------------------*/

.dark-theme .label_phone_e{
  color: #f1f1f1;
}

/*-----------------Logs ------------------*/

.dark-theme .alert{
  color: #dbdbdb;
}

/*-----------------WhiteLabel-----------------*/

.dark-theme .lista-white-label .tabela-lista th{
  background-color: #2f3f3f;
  border-color: #696969;
}

.dark-theme .lista-white-label .tabela-lista td{
  border: 1px solid #696969;
}

/* edit */

.dark-theme .edit-white-list .form-whitelabel{
  background-color: #2e2e2e;
  color: #ffffff;
}

.dark-theme .edit-white-list .form-whitelabel .informacoes-smtp{
  border-color: #696969;
}

.dark-theme .edit-white-list .form-whitelabel .informacoes-cliente .info,
.dark-theme .edit-white-list .form-whitelabel .informacoes-smtp .info{
  color: #ffffff;
  border-color: #696969;
}

.dark-theme .edit-white-list .form-whitelabel .informacoes-cliente input,
.dark-theme .edit-white-list .form-whitelabel .informacoes-smtp input{
  background-color: #3f3f3f;
  border-color: #2e2e2e;
  color: #dbdbdb;
}

.dark-theme .edit-white-list .form-whitelabel .informacoes-cliente input[type=file]{
  background-color: #2e2e2e;
}

.dark-theme .edit-white-list .form-whitelabel .informacoes-cliente .info .btn-outline-secondary{
  background-color: #3f3f3f;
  border-color: #2e2e2e !important;
  color: #dbdbdb;
}

/* add */

.dark-theme .whitelabel-adicionar .form-whitelabel{
  background-color: #2e2e2e;
  color: #ffffff;
}

.dark-theme .whitelabel-adicionar .form-whitelabel .informacoes-smtp{
  border-color: #696969;
}

.dark-theme .whitelabel-adicionar .form-whitelabel .informacoes-cliente .info,
.dark-theme .whitelabel-adicionar .form-whitelabel .informacoes-smtp .info{
  color: #ffffff;
  border-color: #696969;
}

.dark-theme .whitelabel-adicionar .form-whitelabel .informacoes-cliente input,
.dark-theme .whitelabel-adicionar .form-whitelabel .informacoes-smtp input{
  background-color: #3f3f3f;
  border-color: #2e2e2e;
  color: #dbdbdb;
}

.dark-theme .whitelabel-adicionar .form-whitelabel .informacoes-cliente input[type=file]{
  background-color: #2e2e2e;
}

.dark-theme .whitelabel-adicionar .form-whitelabel .informacoes-cliente .info .btn-outline-secondary{
  background-color: #3f3f3f;
  border-color: #2e2e2e !important;
  color: #dbdbdb;
}

.dark-theme .view-user-white-label table th,
.dark-theme .view-white-labels table th{
  background-color: #006563;
  border: 1px solid #696969;
}

.dark-theme .view-white-labels .table-bordered th,
.dark-theme .view-user-white-label .table-bordered th{
  border-bottom: 1px solid #696969 !important;
}

.dark-theme .announcement-box {
  background-color: #3c3c3c;

  & :where(span, p) {
    color: #ffffff;
  }

}

.dark-theme .interactive-messages {
  background-color: #999999; 
  
  & :where(span, p) {
    color: #363636;
  } 

  & :where(div) {
    border-top: 1px solid #363636;
  }

}

.dark-theme .interactive-options {
  background-color: #999999;

  & :where(span) {
    color: #363636;
  }
}

.dark-theme .interactive-messages__button {
  color: #363636;
} 

.dark-theme .add-btns__inputs-wrapper {
  background-color: #363636;
}

.dark-theme .interactive__quick-reply__file {
  background-color: #343A40;
}
.dark-theme .interactive-product-chat {
  background-color: #999999;

  & :where(span, p) {
    color: #363636;
  }

  & :where(div) {
    border-top: 1px solid #363636;
  }
}

.dark-theme {
  .interactive-product_options {
    background-color: #999999;

    & :where(span, p) {
      color: #363636;
    }

    & :where(div) {
      border-top: 1px solid #363636;
    }
  }
}

.dark-theme {
  .interactive-order__catalog {
    border-bottom: 1.5px dashed #dbdbdb;

    span {
      color: #dbdbdb;
    }
  }

  .interactive-order-button {
      color: #dbdbdb;
  }

  .interactive-order__options {
    background-color: #999999;

    span {
      color: #363636;
    }
  }
}

