/*body dark mode starts */
.body-dark-mode
{
  background-color:#4c4c4c!important;
}
.body-dark-mode .head-white-txt
{
    color: #fff;
}
.body-dark-mode .head-tit-txt
{
    color: #fff;
    font-size:1rem;
}
.body-dark-mode .chat-bg
{
  background-color:#696969!important;  
}
.body-dark-mode .chat-btn
{
background-color: #D3D3D3!important;
color: #000;
border-color:#D3D3D3;
}
.body-dark-mode .chat-bg1
{
background-color:#4c4c4c!important;
}
.body-dark-mode .chat-bg2
{
background-color:#696969!important;
}
.body-dark-mode .chat-ft
{
border-top: 1px solid #404040;
}
.body-dark-mode .chat-panel-bg
{
color: #FFF;
background: #000 !important;
border-radius: .25rem;
}
.body-dark-mode .chat-panel-bg2
{
color:#FFF !important;
background: #B8B8B8 !important;
border-radius: .25rem;
}

.body-dark-mode .chat-white-txt
{
    color: #fff!important;
}



/*body dark mode ends */

/* table dark mode starts */

.dark-mode 
{
  background-color:#4c4c4c!important;
  color:#fff !important;
}
.dark-mode .titletxt
{
    color: #fff;
}

.dark-mode a.content
{
 color: #fff!important;
}
.dark-mode .content-title-txt
{
    color: #fff;
}
/* table dark mode ends */

/* Border box dark mode starts */
.box-dark-mode
{
 background-color:#4c4c4c!important;
color: #fff;
}

.box-dark-mode .head-title-txt
{
color: #fff;
}

.box-dark-mode .box-title-txt
{
 color: #fff;
}
/*Border box dark mode starts */


/* Box dark mode starts */
.bx-dark-mode
{
 background-color:#4c4c4c!important;
color: #fff;
}
.bx-dark-mode .tab-bg
{
   background-color:#4c4c4c!important;
color: #fff;  
}
.bx-dark-mode a.big-link-txt
{
font-size: 30px;
color:#fff;
font-weight: bold;
}
.bx-dark-mode a.small-link-txt
{
 font-size: 14px;
    color:#fff!important;   
}

.bx-dark-mode .small-white-txt
{
font-size:12px;
color:#fff!important;   
}

.bx-dark-mode .small-white-bld-txt
{
font-size:12px;
color:#fff!important;
font-weight: bold;
}

.bx-dark-mode .small-head-white-bld-txt
{
font-size:14px;
color:#fff!important;
font-weight: bold;
}

.bx-dark-mode .head-white-bld-txt
{
font-size:30px;
color:#fff!important;
font-weight: bold;
}

.bx-dark-mode .head-small-white-bld-txt
{
font-size:20px;
color:#fff!important;
font-weight: bold;
}

/*Box dark mode ends */


/*compose email dark mode starts */
.email-dark-mode
{
background-color:#A9A9A9!important;
color: #fff;  
}
.email-dark-mode a.ct-txt
{
    color: #fff;
}
/*compose email dark mode ends */



/*inbox dark mode starts */
.inbox-dark-mode
{
background-color:#A9A9A9!important;
color: #fff;  
}
.inbox-dark-mode .inbx-bg
{
background-color:#C0C0C0!important;
color: #fff!important;  
}

.inbox-dark-mode .inbx-bg .cnt-txt
{
color: #fff!important;  
}


.inbox-dark-mode a.ct-txt
{
    color: #fff;
}
.inbox-dark-mode .inner-bg
{
   background-color:#C0C0C0!important; 
}
.inbox-dark-mode .inner-box-bg
{
   background-color:#D3D3D3!important;
    color:#000;
}

.inbox-dark-mode .inner-box-bg-clr
{
   background-color:#DCDCDC!important;
    color:#000;
}


.inbox-dark-mode .gback-black-txt
{
    color: #fff!important;
}

.inbox-dark-mode .title-black-txt
{
    color: #fff!important;
}
.gbacktxt
{
    color: #000;
}
.inbox-dark-mode .title-sub-txt
{
    color: #000!important;
}
/*inbox dark mode ends */
/*compose dark mode starts */
.compose-dark-mode
{
background-color:#A9A9A9!important;
}
.compose-dark-mode .compose-header-bg
{
background-color:#A9A9A9!important;
color: #000;
}
.compose-dark-mode .compose-frmcntrl
{
 display: block;
width: 80%;
height: calc(2.75rem + 2px);
padding: .75rem 1rem;
font-size: 1rem;
line-height: 1.25;
color: #4E5154;
background-color: #DCDCDC!important;
background-clip: padding-box;
border: 1px solid #BABFC7;
border-radius: .25rem;
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s   
}
.compose-dark-mode .compose-flupld
{
 background-color: #DCDCDC!important;   
}





/*compose dark mode ends */
/*footer dark mode starts */
.footer-dark-mode
{
background-color:#4c4c4c!important;
color: #fff;    
}

.footer-dark-mode  .content-white-txt
{
color: #fff;    
}
/*footer dark mode ends */