HTML, BODY{
     color: #ffffff;
     background: linear-gradient(0deg, #0d0d0d 33%, #181717 100%);
}
 #col1{
    background-color:#0f0e0e;
}
 #col2{
    background-color:#161414;
}
 #col3{
    background-color:#1a1818;
}
 .icon_text {
     font: 500 8.5pt/13pt "Montserrat";
}
 .separator {
     background-color: #2a2a2a;
}
 .datatable table tr:nth-child(odd) {
     background-color: #1e1c1c;
}
 .photo_thumbnail{
    background-color: #0f0e0e;
}
 .datatable table th {
     background-color: #202020;
     border: 1px solid #242424;
}
 .datatable table a {
     font: 500 8.5pt/13pt "Montserrat";
     color: #ffffff;
}
 #col2 form table tbody tr td input, #col2 form table tbody tr td textarea, #col2 form table tbody tr td select {
     border: 1px solid #434343;
     background-color: #434343;
     font: 500 8.5pt/13pt "Montserrat";
     color: #fff;
}
 .select2,.ms-options-wrap > button:focus, .ms-options-wrap > button,.ms-options-wrap > .ms-options {
     border: 1px solid #434343;
     background-color: #434343;
     font: 500 8.5pt/13pt "Montserrat";
     color: #fff;
}
.ms-options-wrap > .ms-options > ul li.selected label{    background-color: #464646;}
.ms-options-wrap > .ms-options > ul label.focused, .ms-options-wrap > .ms-options > ul label:hover {
    background-color: #464646;
    border-color: #464646;
}
.ms-options-wrap > .ms-options > .ms-search input {
    border-bottom: 1px solid #545454 !important;
}
.ms-options-wrap.ms-has-selections > button {
    color: #b3b3b3;
}
 .select2-search__field {
     border: 1px solid #434343;
     font: 500 8.5pt/13pt "Montserrat";
     background-color: #434343;
     color: #fff;
}
 .select2-container--open .select2-dropdown--below {
     border: 1px solid #545454;
}
 .select2-search--dropdown {
     border-bottom: 1px solid #545454;
}
 .select2-dropdown {
     background-color: #3d3d3d;
     border: 1px solid #7e7e7e;
}
 .select2-results__option--highlighted {
     color: #fff;
}
 .select2-search--dropdown {
     border-bottom: 1px solid #545454;
}
 .select2-selection__rendered{
     font: 500 8.5pt/13pt "Montserrat";
     color: #ffffff;
}
 .photo_id {
     color: #fff;
     background-color: #d33029;
}
 .row_description,.phone {
     font: 200 8.5pt/13pt "Montserrat";
}
 .row_title{
     font: 500 8.5pt/13pt "Montserrat";
}
 .row_file_size {
     color: #c4c3c3;
}
 .title {
     color: #c3c3c3;
}
.campaing_statistics span {
    font: 500 8.5pt/13pt "Montserrat";
    color: #c4c3c3;
}
.header {
    border-bottom: 1px solid #2a2a2a;
}
.home {
  background-image: url(../images/w_home.png);
}
.campaing {
  background-image: url(../images/w_campaing.png);
}
.chatbot {
  background-image: url(../images/w_chatbot.png);
}
.calendar {
  background-image: url(../images/w_calendar.png);
}
.agents {
  background-image: url(../images/w_messaging.png);
}
.clients {
  background-image: url(../images/w_clients.png);
}
.campaing_events {
  background-image: url(../images/w_calendar_events.png);
}
.brochure {
  background-image: url(../images/w_brochure.png);
}
.settings {
  background-image: url(../images/w_settings.png);
}
.user_circle {
  background-image: url("../images/w_user.png");
}
.sun{  background-image: url(../images/w_sun.png);}
.moon{  background-image: url(../images/w_moon.png);}

.user_active {
  background-image: url(../images/w_active.png);
}
.user_inactive {
  background-image: url(../images/w_inactive.png);
}
.map_active {
  background-image: url(../images/w_map_active.png);
}
.map_inactive {
  background-image: url(../images/w_map_inactive.png);
}
.text {
  background-image: url(../images/w_text_msg.png);
}
.media_link {
  background-image: url(../images/w_media_link_msg.png);
}
.interactive {
  background-image: url(../images/w_interactive_msg.png);
}
.interactive_list{
	  background-image: url(../images/w_interactive_list.png);
}
.catalog_link{
		  background-image: url(../images/w_catalog_link.png);
}
.auto_message {
  background-image: url(../images/w_auto_message.png);
}
.pending {
  background-image: url(../images/w_pending.png);
}
.rejected {
  background-image: url(../images/w_rejected.png);
}
.approved {
  background-image: url(../images/w_approved.png);
}
.unknown {
  background-image: url(../images/w_auto_message.png);
}

.attachment {
  background-image: url(../images/w_attachment.png);
}

.users {
  background-image: url(../images/w_agent.png);
}
.catalog{
  background-image: url(../images/w_catalog.png);
}
.sphone{
  background-image: url(../images/w_sphone.png);
  background-size: 36px !important;
}
.money{
		  background-image: url(../images/w_money.png);
	  background-size: 36px;
}
.locations {
  background-image: url(../images/w_store.png);
}
.common_answers {
  background-image: url(../images/w_common_answers.png);
}
.dashboard {
  background-image: url(../images/w_dashboard.png);
}
.server {
  background-image: url(../images/w_server.png);
}
.welcome_background {
  background-image: url(../images/w_welcome_background.png);
}
.close {
  background-image: url(../images/w_close.png);
}
.refresh {
  background-image: url(../images/w_refresh.png);
}
.add {
  background-image: url(../images/w_add.png);
}
.send {
  background-image: url(../images/w_send.png);
}
.template {
  background-image: url(../images/w_template.png);
}
.bot_template {
  background-image: url(../images/w_template.png);
}
.bot_answer {
  background-image: url(../images/w_bot_answers.png);
}
.bot_profile {
  background-image: url(../images/w_wa_profile.png);
}
.language {
  background-image: url(../images/w_language.png);
}
.orders {
  background-image: url(../images/w_orders.png);
}
input[type="datetime-local"]::-webkit-calendar-picker-indicator,
input[type="date"]::-webkit-calendar-picker-indicator
 {
  background-image: url(../images/w_calendar_picker.png);
}
#col2 form table tbody tr td label[for$="DeleteControl"] {
  background: url(../images/w_trash.png) no-repeat;
}
.select2-selection__arrow,.ms-options-wrap > button:after,#col2 form table tbody tr td select {
background-image: url(../images/w_arrow.png);
}
.wa_close {
    color: #fffff;
    font: 500 7.5pt/13pt "Montserrat";
}
#cboxClose {
    background-image: url(../images/w_close.png);
}

.wa_user_circle {
    background-image: url(../images/w_user.png);
    border: 3px solid #d5d5d5;
    background-color: #1e1c1c;
}
.indextable table tbody tr {
    border-bottom: 1px solid #2a2a2a;
}
#chatresponse textarea {
    border: 1px solid #434343;
    font: 500 8.5pt/13pt "Montserrat";
    background-color: #434343;
    color: #fff;
}
.message_to_date {
    font: 300 8pt/10pt "Montserrat";
    color: #c0c0c0;
}
.wa_userbody{
	font: 300 8pt/10pt "Montserrat";
		color: #fff;	
}
#col2 .tab {
    border: 1px solid #2a2a2a;
    background-color: #202020;
}
.error_alert, .confirm_alert, .cw-wrapper{
	    background: #333 !important;
    -webkit-box-shadow: 0px 0px 12px 13px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 12px 13px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 12px 13px rgba(0, 0, 0, 0.1);	    
}
.error_tile, .confirm_title{
	color: #ffffff;
}
.error_description, .confirm_description,.cw-content{
	font: 400 8.5pt/12pt "Montserrat";
	    color: #c0c0c0;
}
.cw-content {
	font: 400 8.5pt/12pt "Montserrat";
    background-image: url(../images/w_info_icon_wh.png);
}
.cw-button {
    border: 1px solid #161414;
    font: 500 8.5pt/13pt "Montserrat";
    background-color: #161414;
    color: #fff;
}
#cboxOverlay,#cw-screencover,.blockOverlay {
    background-color: #151414 !important;
    background: #151414 !important;
    opacity: 0.7 !important;
}
.message_to {
  font: 300 9pt/13pt "Montserrat";
  color: #ffffff;
  background: rgb(97, 94, 94);
  background: linear-gradient(
    250deg,
    rgba(71, 71, 71, 1) 0%,
    rgba(69, 69, 69, 1) 100%
  );
}
.message_to:after {
  box-shadow: -21px -9px 0px 8px #474747;
}
.message_to .message_text{font: 300 8.5pt/13pt "Montserrat";color:#ffffff !important;}

.login_left,.login_right {
    background-color: #161414;
}
#login1 {
    background-color: #242424;
}
#session{border: 1px solid #242424;
    background-color: #161414;}
    
    #policy,#policy #atsign{color: #a5a5a5;
    font: 500 8.5pt/15pt "Montserrat";}
    
    #LoginTable label{    color: #fff;}
    
    #LoginTable input{
border: 1px solid #434343;
    font: 500 8.5pt/13pt "Montserrat";
    background-color: #434343;
    color: #fff;    	
    }
    
    
    .received{background-image:url("../images/order_received.png");filter: invert(100%);
    -webkit-filter: invert(100%);}
.collecting{background-image:url("../images/order_collecting.png");filter: invert(100%);
    -webkit-filter: invert(100%);}
.completed{background-image:url("../images/order_completed.png");filter: invert(100%);
    -webkit-filter: invert(100%);}
.delivered{background-image:url("../images/order_delivered.png");filter: invert(100%);
    -webkit-filter: invert(100%);}
    
    .datatable:not(.chatlogscroll) tr td{        border-color: #2a2a2a;}