/* ================================================================================================
// 	File Name: style.scss
// 	Description: Style for customization.
// 	----------------------------------------------------------------------------------------------
// 	Item Name: Chameleon Admin - Modern Bootstrap 4 WebApp & Dashboard HTML Template + UI Kit
// 	Version: 1.0
// 	Author: ThemeSelection
// 	Author URL: https://themeselection.com/
// ================================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

.customer-profile .navbar-header .navbar-brand .brand-logo
{
width: 130px;
height: 70px;	
}

.customer-profile .navbar-header .navbar-brand
{
padding:0px;
}
.customer-name
{
    padding: 23px 0px;	
}
.customer-role
{
font-size: 11px;
line-height: 15px;	
}
.customer-role .name1
{
font-weight: 700;
    font-size: 13px;
}
.customer-role .name1
{
font-style: italic;
}
.customer-profile  .header-navbar.navbar-brand-center .navbar-header
{
    left: 10%;	
}
.nav-home
{
padding-left: 10em;	
}
.customer-profile .banner-header
{
    padding: 0px;
    margin: 0px;
   /* border: 1px solid #000;
    background: black;	*/
	text-align: center;
}
.agent-label
{
/* font-weight: 1000;
font-size: 17px; */
font-size: 14px;

}
.agent-count
{
font-weight: 800;
font-size: 16px;	
color:#1482F1;
}
.customer-profile .card-header {
    background: #F7F7F7;
    padding: 8px 21px;
}
.customer-profile .card-title
{
font-size: 15px;
color:#1482F1;	
}
.agent-label1
{
/* font-weight: 800; */
font-size: 15px;
padding-left: 1em;	

}
.agent-percent1
{
font-weight: 800;
font-size: 16px;
color: #529E38;
margin-left: 5px;
}
.agent-percent2
{
color:#C9211F;	
font-weight: 800;
}
.customer-profile .btn-light
{
	background-color:none!important;
	
}
.audio-buttons ,.garaph-image
{
    text-align: center;
}
.audio-buttons
{
padding-top: 19px;		
}
.box1
{
/* border: 1px solid #ddd; */
padding: 7px 32px;
width: 49%;
/* margin: 9px 28px; */
display: inline-block;
line-height: 1.5;
}
.Sentiment-header .table-responsive {
    padding: 1px 21px 0px 24px;
}
.Sentiment-header .sentiment-audio
{
    padding: 0px 1px;
    font-weight: 800;
}
.edit-from  .row
{
margin:0px;	
}
.edit-from  input
{
padding: 1px 8px;
font-size: 14px;
}
.edit-from 
{
    border-left: 1px solid #ddd;
    margin: 12px 0px;	
} 
.edit-button {
    float: right;
    padding: 3px 0px;
}
.customer-profile .edit-from label {
color: #2b335e;
font-weight: 700;
font-size: 13px;
padding-top: 16px;
}
.resolution-header 
{
    float: left;
    width: 49%;
    margin-right: 11px;
}
.escalation-header
{
float:right;	
    width: 49%;	
}
.resolution-header  .card-body , .escalation-header   .card-body 
{
height: 170px !important;
}
.edit-button > a
{
font-size: 10px;	
}
.brand-image {
width: 100%;
}
.agent-header
{
position: absolute;
top: 137px;
width: 1004px;
left: 32px;	
}
.banner-int
{
position: relative;	
}
.agent-left
{
background: url(../assets/images/agentid.png) no-repeat center center;	
}
.customer-profile .card-header .heading-elements, .card-header .heading-elements-toggle
{
top: 10px;	
}
.chat-application .chats .chat-body .chat-content
{
        /* background-color: #ff8f00; */
        background-color: #fbf8f5;
}
.chat-application .chats .chat-body .chat-content:before
{
    /* border-left-color: #ff8f00;	 */
    border-left-color: #fbf8f5;
}
.chat-application .chats .chat-left .chat-content 
{
background-color:#FFFFFF;	
}
.chat-application .chats .chat-left .chat-content:before
{
	border-left-color:#FFFFFF;	
}
html body .content .content-wrapper {
    padding: 0em 2.2rem;
}
form .form-group
{
margin-bottom: 0;
}
.rsearch
{
padding: 0px;
    font-size: 11px;
    line-height: 14px;
    height: 20px;
    padding: 1px 7px;
    width: 50%;
    position: relative;
    left: 66px;
    top: -4px;	
}
.chat-application .chats .chat-body .chat-content p
{
font-size: 12px;
}
.customer-profile .card-body
{
padding: 0 1.5rem	
}
.customer-profile .btn
{
padding: 0.4rem 0.5rem;
font-size: 11px;	
}
/*
.agentsenthead button {
    text-align: left;
    padding: 20px 0px 5px 0px;
    margin-bottom: 4px!important;
}

.negative1 {
    color: #C9211F;
    font-weight: 800;
}

*/
.cs-inner1
{
color:#EC9E21;	
}
.cs-inner2
{
color:#FE6021;	
}
.cs-inner3
{
color:#FE6021;	
}
.cs-inner4
{
color:#F1A016;	
}
.box-header span
{
font-weight: bold;
font-size: 20px;
}
.audio-graphs img
{
padding-top: 15px;	
}
.Sentiment-header .my-custom-scrollbar td  span
{
color:	 #9CA5EF;
}
/* .table th, .table td {
    padding: 0.2rem 0.5rem;
    font-size: 12px;
} */
.ps__rail-y {
    display: none!important;
}
.charformhead .card
{
margin-bottom: 11px; 	
}
.customer-profile  .avatar img
{
width: 60%;	
}
.customer-profile .edit-from input
{
	height:32px;
}
.chat-application .chats
{
margin: 25px 0px;	
}
.customer-profile  .btn-info
{
	color:#FFFFFF!important;
}
.resolution-header p ,.escalation-header p
{
font-size: 12px;	
}
.toggle-image
{
    width: 100%;
    padding: 0px;
    margin: 0px;
    left: -35px;
    position: absolute;
    top: -8px;
}
.my-custom-scrollbar {
    position: relative;
    height: 347px;
    overflow: auto;
}
.table-wrapper-scroll-y {
display: block;
    margin: 10px 13px;
}
.customer-profile  .card {
    margin-bottom: 0.875rem;
}