.rl-nav-shadow{
  box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.11);
}

.table-responsive-mmr .dataTables_wrapper .ss-table{
  margin:0px auto 10px auto !important;
}

.rl-no-shadow{
  box-shadow:none !important;
}
.no-box-shadow{
  box-shadow: none;
}


/*only for dnc and unsubscribe report*/
  
  .dont--email-call{
    font-weight: bold !important;
    color: #db0e0e !important;
    text-decoration: line-through;
    pointer-events: none;
    opacity: .65;
    }


.ss-table-top--header .ss-bulk-select-active {
    width: 100%;
}

/*Manage Sources css block*/

 .sources-tooltip-content > ul.disc {
    list-style: none;
}

.sources-tooltip-content {
    top: 8px;
    left: 190px;
    position: absolute;
    background-color: hsl(0deg 1% 30%);
    min-width: 220px;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
    z-index: -1;
    border-radius: 4px;
    color: #fff;
    padding: 15px;
    font-size: 11px;
    font-family: var(--primary-font);
    transition: .3s ease-in-out;
}
  .sources-tooltip-content::before{
    content: "";
    position: absolute;
    left: -4px;
    width: 15px;
    height: 15px;
    right: 100%;
    background: hsl(0deg 1% 30%);
    top: 10px;
    transform: rotate(45deg);
  }

.sources-tooltip--hover:hover .sources-tooltip-content {opacity:1; visibility: visible; z-index: 999999999;left: 200px;}



/*Manage Sources css block*/


/*phone tooltip css only*/
  
  .dnc-tooltip-content > ul.disc {
    list-style: none;
  }

.dnc-tooltip-content {
    top: 0px;
    left: 135px;
    position: absolute;
    background-color: hsl(0deg 1% 30%);
    min-width: 220px;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
    z-index: -1;
    border-radius: 4px;
    color: #fff;
    padding: 15px;
    font-size: 11px;
    font-family: var(--primary-font);
    transition: .3s ease-in-out;
}
  .dnc-tooltip-content::before{
    content: "";
    position: absolute;
    left: -4px;
    width: 15px;
    height: 15px;
    right: 100%;
    background: hsl(0deg 1% 30%);
    top: 10px;
    transform: rotate(45deg);
  }

.dnc-tooltip--hover:hover .dnc-tooltip-content {opacity:1; visibility: visible; z-index: 999999999;left: 145px;}


  
  /*phone tooltip css only*/
  
  
  .dnc-unsubscribe-tooltip-content > ul.disc {
    list-style: none;
}

.dnc-unsubscribe-tooltip-content {
    top: -5px;
    left: 140px;
    position: absolute;
    background-color: hsl(0deg 1% 30%);
    min-width: 220px;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
    z-index: -1;
    border-radius: 4px;
    color: #fff;
    padding: 15px;
    font-size: 11px;
    font-family: var(--primary-font);
    transition: .3s ease-in-out;
}
  .dnc-unsubscribe-tooltip-content::before{
    content: "";
    position: absolute;
    left: -4px;
    width: 15px;
    height: 15px;
    right: 100%;
    background: hsl(0deg 1% 30%);
    top: 10px;
    transform: rotate(45deg);
  }

.dnc-unsbscribe-tooltip--hover:hover .dnc-unsubscribe-tooltip-content {opacity:1; visibility: visible; z-index: 999999999;left: 150px;}


  
/*only for dnc and unsubscribe report*/


/*only for lead listing table footer indextable css*/

.listing-tooltip-content > ul.disc {
    list-style: none;
}

.listing-tooltip-content {
    top: -8px;
    left: 20px;
    /*display: none;*/
    position: absolute;
    background-color: hsl(0deg 1% 30%);
    min-width: 255px;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
    z-index: -1;
    border-radius: 4px;
    color: #fff;
    padding: 15px;
    font-size: 11px;
    font-family: var(--primary-font);
    transition: .3s ease-in-out;
}
  .listing-tooltip-content::before{
    content: "";
    position: absolute;
    left: -4px;
    width: 15px;
    height: 15px;
    right: 100%;
    background: hsl(0deg 1% 30%);
    top: 10px;
    transform: rotate(45deg);
  }

.listing-tooltip--hover:hover .listing-tooltip-content {opacity:1; visibility: visible; z-index: 999999999;left: 30px;}


/*only for lead listing table footer indextable status css*/


/*only for lead listing indextable status dropdown css*/
.head-title--black li button.select-title-option{
    font-weight: var(--font-weight-700);
    font-family: var(--secondary-font);
}
.ss-dropdown-menu__inner-list >li.clsstatuslist {
    padding: 1px 10px 1px 30px;
}


.tooltip-content-status > ul.disc {
    list-style: none;
    text-align: initial;
}

.tooltip-content-status {
    top: 68px;
    left: 230px;
    /*display: none;*/
    position: absolute;
    background-color: hsl(0deg 1% 30%);
    min-width: 255px;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
    z-index: -1;
    border-radius: 4px;
    color: #fff;
    padding: 15px;
    font-size: 11px;
    font-family: var(--primary-font);
    transition: .3s ease-in-out;
}
  .tooltip-content-status::before{
    content: "";
    position: absolute;
    left: -4px;
    width: 15px;
    height: 15px;
    right: 100%;
    background: hsl(0deg 1% 30%);
    top: 10px;
    transform: rotate(45deg);
  }

.select-title-option{
  user-select:none;
}
.tooltip-status-hover:hover .tooltip-content-status {opacity:1; visibility: visible; z-index: 999999999;left: 246px;}

/*only for lead listing indextable status dropdown css*/



/*manage customer portal css*/
.ss-lead-details__button-container li button.collapse-menu{
  color:var(--black);
}
.ss-lead-details__button-container li .collapse-menu::before{
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    transform: rotate(45deg);
    right: -5px;
    top: 8px;
    transition: all .3s ease-in-out;

}
.ss-lead-details__button-container li .collapse-menu-left-icon::before,
.ss-lead-details__button-container li .favourites-calls-icon::before{
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    border-right: 2px solid #a6a6a6;
    border-bottom: 2px solid #a6a6a6;
    transform: rotate(45deg);
    left: 0px;
    top: 8px;
    transition: all .3s ease-in-out;

}

.ss-lead-details__button-container li .collapse-menu-left-icon.collapselistactive::before,
.ss-lead-details__button-container li .favourites-calls-icon.favouritescalls::before{
   transform: rotate(225deg);
   top:12px;
   border-right: 2px solid #a6a6a6;
   border-bottom: 2px solid #a6a6a6;
}

.ss-lead-details__button-container li .recent-menu-left-icon::before{
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    border-right: 2px solid #78889B;
    border-bottom: 2px solid #78889B;
    transform: rotate(45deg);
    left: 100%;
    top: 8px;
    transition: all .3s ease-in-out;

}

.ss-lead-details__button-container li .recent-menu-left-icon.recentlistactive::before{
   transform: rotate(225deg);
   top:12px;
   border-right: 2px solid #78889B;
   border-bottom: 2px solid #78889B;
}

.ss-lead-details__button-container li .collapse-menu.listactive::before{
   transform: rotate(225deg);
   top:12px;
   border-right: 2px solid #1e75f7;
   border-bottom: 2px solid #1e75f7;
}
/*manage customer portal css*/




  .froala-editor--modal .fr-box .fr-wrapper{
    max-height: 200px;
    overflow: auto;
  }

  /*global css for listing pages master search*/
  
  .toggleForSelecttion{
   
    padding-left: 15px;
  }
  
  .toggleForSelecttion > div.ss-pa-table{
    position: relative;
    top: -4px;
  }

    /*.level_one.ss-taggle-table-list-container{*/
    /*  position: relative; */
    /*  top: 10px;*/
    /*}*/
    .toggleForSelecttion.checkmark-align-left{
     position: relative;
     top: 20px;
      }
      
      .tbl-float-left{
        float:left;
        width:100%;
      }
		
  /*popup oveerflow style*/
  .scroll-overflow-y{
    overflow-x: hidden;
    overflow-y: auto;
  }    
      
/*global setting table css        */

.btn-bg-gray {
  background-color: var(--gray-1) !important;
  border: 1px solid var(--grey-3) !important;
  color: var(--black) !important;
}

.new-table-ss > .ss-b-padding .tab-pane .ss-table th, .ss-table.new-table-ss th {
  border-top: none !important;
border-bottom: none !important;
color: var(--black) !important;
}
/*global setting table css        */


/*leadlisting see notes css only*/
  .ss-dropdown-menu.see-notes-dropdown > ul > li{
      white-space: normal;
  }
  .ss-dropdown-menu.see-notes-dropdown > ul > li > button > p{
      margin: 0;
      padding: 5px 0px;
  }
/*leadlisting see notes css only*/


/*disable button css*/
        .mute-disabled{    
        cursor: not-allowed;
        opacity: 0.3;
        pointer-events:none;
        }
/*disable button css*/


/*global code for title collapsed*/

.ss-lead-details__title.title-collapse-rotate{
  cursor:pointer;
}

.ss-lead-details__title.title-collapse-rotate::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-right: 2px solid var(--black);
  border-bottom: 2px solid var(--black);
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  right: -20px;
  top: 18px;
  transition: all .3s ease-out;
  
}

.ss-lead-details__title.title-collapse-rotate.down::before {
   content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-right: 2px solid var(--black);
  border-bottom: 2px solid var(--black);
  transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  right: -20px;
  top: 22px;
  transition: all .3s ease-out;
}
/*global code for title collapsed*/


/*multi select css*/

.form-select span.select2 {
  width: 100% !important;
}
/*comment by Rana*/
/*.select2-selection > .select2-selection__rendered{*/
/*  height: 28px;*/
/*  cursor: pointer;*/
/*}*/

/*multi select css*/

.black--text{
 color:var(--black) !important; 
}

/*global search setting filters*/
    
    .ss-searchbar-icon .user-setting-input{
      border-radius: 4px;
      padding-left: 5px;
      color: var(--gray);
      height: 35px;
      border: 0px;
      background-color: #f7f7f7 !important;
    }
      
    .user-search-icon {
      position: absolute;
      color: var(--black-2);
      font-size: 14px;
      top: 10px;
      left: 10px;
      width: auto;
      font-weight: var(--font-weight-400);
    }
    
    /*global search setting filters*/

    body .dd3-handle::before{
      content: "";
      position: absolute;
      background-image: url(/images/v2022/drag-handle.svg);
     
    }
   

     .nestedhead .ss-lead-details__button-container > li > button, .nestedhead .ss-lead-details__button-container > li > a{
      box-shadow: none;
    }
    
    
    .register_yourself{
      padding: 0px; border-right: 1px solid #EEE; border-left: 1px solid #EEE; font-size: 10px; background: #EEE;
    }  
    
    .register_datavalue{
      padding: 2px 9px;border-top: 1px solid #EEE;font-size: 13px;background: #fff;
    }
      
    .form-select .form-select-placeholder{
      color: #313030;
      display: block;
      font-family: "Open Sans",sans-serif;
      font-size: 12px;
      font-weight: 400;
    }
    .text-time-bottom{
    bottom: -16px;
    font-size: 8px;
    right: 0px !important;
    transition: all 1s;
    display: block;
    }
    
 
    /*integration block classes type here*/
    
    .ss-f-b-height-lending{min-height: 287px;}
    .ss-f-b-height{
    min-height: 234px;
    }
    .ss-min-h-75{
       min-height: 75px;
    }
    
    .table-responsive.ss-leades-header-top .ss-leades-header-top__menu-list>li button.ss-border-black--icon:before{
	color:#1e75f7;padding: 0;font-weight:600;margin-top:-5px;
}
    .ss-lead-details__content .ss-custom-block__wrapper .ss-lead-details__title--wrapper{
      width:70%;
      display:block;
    }
    
    /*.ss-table.ss-table-mmr tr td a.ss-bluehide {*/
    /*  color: #171d1f;*/
    /*  }*/
    
    /*.ss-table.ss-table-mmr tr:hover td a.ss-bluehide {*/
    /*  color: #1e75f7;*/
    /*}*/
    
    .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover{
    background-color: #337ab7 !important;
    }
    .bootstrap-datetimepicker-widget .datepicker{
      border:none !important;
      box-shadow:none !important;
    }
    .bootstrap-datetimepicker-widget .datepicker table tr td span.active.active{
      background-color: #337ab7 !important;
    }
    
    
    
    .bootstrap-datetimepicker-widget .list-unstyled {
      margin: 0;
      padding: 10px 10px;
      list-style: none;
      }
      
      .bootstrap-datetimepicker-widget table td.day {
        height: 30px !important;
        line-height: 30px !important;
        width: 30px !important;
      }
      
      .fa-clock-o , .fa-calendar, .fa-arrow-up, .fa-arrow-down{
        color: #337ab7 !important;
      }
      
      /*css for scroller background color*/
        .table-responsive.ss-scroll-v_hiden ::-webkit-scrollbar{
          height: 4px;
          width: 4px;
          background: #ebebeb;
          visibility: hidden;
      }
      
      /*header icons css*/
     .ss-top-menu>li>a.ss-icon_block{
            padding: 20px 10px;
       }
        
     .multi-select-input .select2.select2-container--default{
       width:100% !important;
     }
         
     /*css for new dashboard leader board images on hover*/
    
/* Dropdown Button */
.dropbtn {
  background-color: #50c987;
  color: white;
  padding: 16px;
  font-size: 13px;
  border: 1px solid #35b76f;
  border-radius: 4px 4px 4px 4px;
}

.btnprospects{
  background-color: #23B772;
  border: 0px !important;
  color: white;
  padding: 3px 6px 5px 6px !important;
  font-size: 13px;
  border-radius: 4px 4px 4px 4px;
}

.btncontacts{
  background-color: #2C91DF;
  border: 0px !important;
  color: white;
  padding: 3px 6px 5px 6px !important;
  font-size: 13px;
  border-radius: 4px 4px 4px 4px;
}

.btnaccounts{
  background-color: #FD9C0F;
  border: 0px !important;
  color: white;
  padding: 3px 6px 5px 6px !important;
  font-size: 13px;
  border-radius: 4px 4px 4px 4px;
}

.btnpartnersassoc{
  background-color: #A165B9;
  border: 0px !important;
  color: white;
  padding: 3px 6px 5px 6px !important;
  font-size: 13px;
  border-radius: 4px 4px 4px 4px;
}


.btnorangebg{
  background-color: #ffb062;
  border: 0px !important;
  color: white;
  padding: 3px 6px 5px 6px !important;
  font-size: 13px;
  border-radius: 4px 4px 4px 4px;
}

.btnpurplebg{
  background-color: #8d81ec;
  border: 0px !important;
  color: white;
  padding: 3px 6px 5px 6px !important;
  font-size: 13px;
  border-radius: 4px 4px 4px 4px;
}

.btnyellowbg{
  background-color: #eabe0dd1;
  border: 0px !important;
  color: white;
  padding: 3px 6px 5px 6px !important;
  font-size: 13px;
  border-radius: 4px 4px 4px 4px;
}


.btnredbg{
  background-color: #fd6262fa;
  border: 0px !important;
  color: white;
  padding: 3px 6px 5px 6px !important;
  font-size: 13px;
  border-radius: 4px 4px 4px 4px;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  /*position: relative;*/
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 200px;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
    z-index: 99999;
    left: 0px;
    padding: 15px 1px;
    border:1px solid #dedede;
    border-radius: 4px 4px 4px 4px;
    list-style: none;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: #a2a2a2;
  padding: 8px 15px;
  text-decoration: none;
  display: block;
}

.dropdown-content::before{
position: absolute;
    display: block;
    content: '';
    bottom: 100%;
    left: 20px;
    top: 20px;
    width: 8px;
    height: 8px;
    margin-bottom: -3px;
    border-top: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    background: #fff;
    transform: rotate(45deg);
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #efefef;}

 /*Show the dropdown menu on hover */
 
.dropdown:hover .dropdown-content {
  display: block;
  margin: 1px 0px 0px 0px;
  overflow: visible;
  position: unset;
}



/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #3e8e41;}
  
  .ss-mt-100{
    margin-top:100px !important;
  }  

  /* css for back-office tabs*/ 
  .ss-lead-main-body .tab-content .tab-pane{
    padding:0px 15px 30px 15px;
  }
    
  .ss-datatbl-lbl #customDatatable_length label{ padding-left: 18px;}  
  
  /* css for call-monitoring*/  
  
  .ss-calc-ptb .ss-table.ss-table-mmr td{ 
    height: 26px;
    line-height: 0px;}
  .ss-callmonitor__header{
    background-color: #1e75f7;
    height: 62px;
    position: relative;
    line-height: 62px;}

  
.ss-i-txt-25{
  text-indent:20px;
}

.ss-i-txt10{
  text-indent:10px;
}

.border-bottom--1{
 border-bottom: 1px solid var(--gray-1) !important;
}
.border-top--1{
 border-top: 1px solid var(--gray-1) !important;
}

.border-b-1{border-bottom: 1px solid var(--grey-1)}
.border-t-1{border-top:1px solid var(--grey-1)}


.global-svg-s-20 li, .global-svg-s-20 li button .svg{
width: 20px !important;
height: 20px !important;
}
.global-svg-s-20 li button{
  font-size: 12px;
}


.flex-b-50{
  flex-basis:50%;
}
.flex-b-60{
  flex-basis:60%;
}

.flex-b-80{
  flex-basis: 80%;
}

.flex-b-20{
  flex-basis: 20%;
}

.flex-b-40{
  flex-basis:40%;
}
.flex-b-30{
  flex-basis:30%;
}

.pd__tblr-2{
  padding:2px;
}

.upcomingtasksblock .todo-list {
	 background: #FFF;
	 font-size: 20px;
	 padding: 0px 20px;
	 font-family: "Open Sans",sans-serif;
	 margin:0px;
}
 .todo {
	 display: block;
	 position: relative;
	 padding: 2em 1em 1em 16%;
	 margin: 0 auto;
	 cursor: pointer;
	 border-bottom: solid 1px #ddd;
}
 .todo:last-child {
	 border-bottom: none;
}
 .todo__state {
	 position: absolute;
	 top: 0;
	 left: 0;
	 opacity: 0;
}

 .todo-list .todo::after{
 	visibility: hidden;
 }
 
 .todo__text {
	 color: #171d1f;
	 transition: all 0.4s linear 0.4s;
	 position: relative;
	top: -22px;
	left: -24px;
	font-size: 16px;
	font-weight: 400;
	font-family: "Open Sans",sans-serif;
  }
  
 .todo__icon {
	 position: absolute;
	 top: 0;
	 bottom: 0;
	 left: 0;
	 /*width: 100%;*/
	 width: 60% !important;
	 height: auto;
	 margin: auto;
	 fill: none;
	 stroke: #27FDC7;
	 stroke-width: 2;
	 stroke-linejoin: round;
	 stroke-linecap: round;
}
 .todo__line, .todo__box, .todo__check {
	 transition: stroke-dashoffset 0.8s cubic-bezier(.9,.0,.5,1);
}
 .todo__circle {
	 stroke: #27FDC7;
	 stroke-dasharray: 1 6;
	 stroke-width: 0;
	 transform-origin: 13.5px 12.5px;
	 transform: scale(0.4) rotate(0deg);
	 animation: none 0.8s linear;
}
 @keyframes explode {
	 .todo__circle 30% {
		 stroke-width: 3;
		 stroke-opacity: 1;
		 transform: scale(0.8) rotate(40deg);
	}
	 .todo__circle 100% {
		 stroke-width: 0;
		 stroke-opacity: 0;
		 transform: scale(1.1) rotate(60deg);
	}
}
 .todo__box {
	 stroke-dasharray: 56.1053, 56.1053;
	 stroke-dashoffset: 0;
	 transition-delay: 0.16s;
}
 .todo__check {
	 stroke: #27FDC7;
	 stroke-dasharray: 9.8995, 9.8995;
	 stroke-dashoffset: 9.8995;
	 transition-duration: 0.32s;
}
 .todo__line {
	 stroke-dasharray: 168, 1684;
	 stroke-dashoffset: 168;
}
 .todo__circle {
	 animation-delay: 0.56s;
	 animation-duration: 0.56s;
}
 .todo__state:checked ~ .todo__text {
	 transition-delay: 0s;
	 color: #5EBEC1;
	 opacity: 0.6;
}
 .todo__state:checked ~ .todo__icon .todo__box {
	 stroke-dashoffset: 56.1053;
	 transition-delay: 0s;
}
 .todo__state:checked ~ .todo__icon .todo__line {
	 stroke-dashoffset: -10px;
}
 .todo__state:checked ~ .todo__icon .todo__check {
	 stroke-dashoffset: 0;
	 transition-delay: 0.48s;
}
 .todo__state:checked ~ .todo__icon .todo__circle {
	 animation-name: explode;
}

.btnsSendRetainerSMS {
  display:none !important;
}

  /*to-do checkbox css for new dashboard section paste here  */
    

/*sms-inbox slider height*/
  .wrapper_detail-h .inner_mesg_h{
    height: Calc(100% - 62px);
  }
  #js_smsInboxSidenav2 .wrapper_detail-h{
  height: Calc(100% - 155px);overflow: hidden;
  }
  .main-chat--height{
  height: 100%;position: relative;height: Calc(100% - 189px);}


  /*new sms inbox css here    */
  .ss-left-aside-inner-container-ld .form-element > input.texting-input--field{
    background-color: #f4f4f4 !important;
    border-radius: 4px;
    padding: 5px 5px 5px 10px;
    height: 30px;
  }
  
   .new-sms-notification .space-head p.bubble, .new-sms-notification > p.bubble{
    box-shadow:none;
    padding:10px 15px;
  }
  .smsInbox-me{
    float: left;
    background: #058de8;
    color: #fff;
    min-width: 125px;
    /*box-shadow: 0 0 6px #058de8;*/
  }
  
  /*text-messaging popup messaging block*/
    .smsInbox-me::before{
      height: 0px;
    }
    .smsInbox-you::before{
       height: 0px;
    }
  
  .smsInbox-you{
    float: right;
    min-width: 125px;
  }
  
  #leadlisting-chat p.bubble{
    box-shadow:none;
  }
  
  .new-sms-notification .bubble:before{
    height:0;
  }
  
 .svg-search-sms-inbox {
    position: absolute;
    width: 17px;
    height: 17px;
    z-index: 99;
    margin: 8px 8px 8px 0px;
    left: 5px;
    display: inline-block;
   }
 
  .no-hover-scale{
    transform:scale(1.2) !important;
  }
  
  .ss-br-bottom-lr-none{
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-top-right-radius: 0px !important;
  }
  
  .new-sms-notification{
    margin: 2px 0px;
    border-bottom: 1px solid #e6e6e6;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
  }
  
  
    .sms_left-dropdown .ss-inner-dd-button-container button.ss-no-border-black--icon.ss-db::before {
      top: 8px;
      font-size: 15px;
    }
    
    .sms_left-sidebar-icon li button span{
      font-weight:600;
    }
    .ss-toolbar.sms_left-sidebar-icon .ss-inner-dd-button-container button.ss-no-border-black--icon.ss-db::before{
      top: 13px;
      font-size: 11px;
    }
    
    .ss-toolbar.sms_left-sidebar-icon .ss-inner-dd-button-container:hover button.ss-no-border-black--icon.ss-db::before{
      top: 15px;
      font-size: 10px;
    }
    
    .sms_left-dropdown .ss-inner-dd-button-container button.ss-no-border-black.ss-db{
      font-size: 15px;
    }
    
    .svgleft-height-20{
      height:20px !important;
    }
    .main_search_wrapper .ss-lead-details__button-container.ss-svg-listing--medium li button svg{
      width: 45px;
      height: 45px;
      transform: scale(1.3);
    }
    
    .main_search_wrapper .ss-lead-details__button-container.ss-svg-listing--medium li button svg:hover{
      transform: scale(1.5);
    }
    
    .new-smsinbox-slider{
      margin: 0px;
      padding: 0px 10px;
      overflow-x: hidden;
      overflow-y: auto;
      list-style: none;
    }
    
    .no_hover-border:hover{
      border:none !important;
    }
  /*new sms inbox css here    */
    
    
    /*marketing report section flex block*/
.flex-b-23{
  flex-basis:23% !important;
}

.flex-b-72{
  flex-basis:72% !important;
}

 .align-item-stretch{
	 align-items: stretch;
 }
	 
.flex-b-50{
  flex-basis:50%;
}
.flex-b-5{
  flex-basis:5%;
}
.flex-b-45{
  flex-basis:45%;
}

.flex-column-unset{
  flex-direction: unset !important;
}
/*marketing report section flex block*/
    
    
  /*leads-sidebar activity tab css*/
  .flex-wrapper_basis > *{
  flex-basis:50%;
}

.flex-3-cols > *{
  flex: 1 1 33%;
}
.wd-35{
  width:35px !important;
  height:35px !important;
}
.form-element-field.form-feld-none:focus ~ .form-element-bar.bottom-line-none::after{
  background:transparent;
}
.form-element-bar.bottom-line-none{
  height:0px !important;
}


  /*leads-sidebar activity tab css*/
    
  /*global new frola tabs style  */
  .new_frola_placeholderhide .fr-box .show-placeholder {
    	display:none;
    }  
  
    .toolbarbottomcss .fr-box.fr-basic .fr-wrapper{
      border:none;
    }
  
  /*frola editor css style  */
  .new_frola_placeholderhide textarea{
    resize:none;
  }  
    
    
    /*proposal tab style here*/
      .main_title_details{
        display: flex;
        justify-content: center;
        align-content: center;
        flex-direction: column;
        margin: 0;
      }
      
      .main_title_details ul li h4{
        color: #999;
      font-size: 12px;
      font-weight: 400;
      margin: 1px;
      display: inline-block;
      padding: 3px 0px;
      }
      
      .ss-global-group-divider-flex-1{
        flex-basis:80%;
      }
      .ss-global-group-divider-flex-2{
        flex-basis:20%;
      }

    
  /*leads sidesebar sidebar email page css  */
	
	  .new-frola_bottom .fr-command.fr-btn svg{
	    width: 17px;
	    height: 17px;
	    margin: 8px 0px;
	  }
	  
	  .new-frola_bottom .fr-command.fr-btn{
	   margin: 0px 1px;
	  }
	  .new-frola_bottom .fr-toolbar .fr-btn-grp{
	    margin: 0 2px 0 2px;
	  }
	  .new-frola_bottom .fr-btn-grp button#alignLeft-5, .new-frola_bottom .fr-btn-grp button#alignCenter-5,
	  .new-frola_bottom .fr-btn-grp button#moreRich-5, .new-frola_bottom .fr-btn-grp button#undo-5,
	  .new-frola_bottom .fr-btn-grp button#redo-5, .new-frola_bottom .fr-btn-grp button#moreMisc-5,
	  .new-frola_bottom .fr-btn-grp button#undo-4, .new-frola_bottom .fr-btn-grp button#redo-4,
	  .new-frola_bottom .fr-btn-grp button#moreMisc-4, .new-frola_bottom .fr-btn-grp button#alignLeft-4,
	  .new-frola_bottom .fr-btn-grp button#alignLeft-4, .new-frola_bottom .fr-btn-grp button#alignCenter-4{
	    display: none;
	  }
	  
	  .new-frola_bottom.fr-box.fr-basic .fr-wrapper{
	   border:0; 
	  }
	  .new-frola_bottom .fr-toolbar{
	   border:0; 
	  }
	  .new-frola_bottom .fr-toolbar .fr-newline{
	   height:0; 
	  }
	  /*.new-frola_bottom > .fr-wrapper > div{*/
	  /*visibility: hidden;*/
   /* display: none;*/
   /* }*/
   
   .frola-right-btn li button{
     padding: 5px !important;
     font-size: 9px;
   }
	  
   .sms_left-dropdown .ss-inner-dd-button-container button.ss-no-border-black--icon.ss-db.icon-xsm::before{
      top: 7px;
      font-size: 13px;
    }
    .sms_left-dropdown .ss-inner-dd-button-container button.ss-no-border-black.ss-db.icon-xsm {
    font-size: 13px;
    }
	
  /*leads sidesebar sidebar email page css  */
    
  
  /*billing and transaction page bottom popups css  */
   .modal-body > .refund-policy_wrapper > p{
      color: var(--black);
      font-size: 12px;
      font-family: var(--primary-font);
      font-weight: var(--font-weight-400);
      }
    
    /*@media only screen and (min-width: 2500px){*/
        /* .ss-main-nav-container .ss-main-logo-wrapper {*/
        /*      margin: 25px 5px 25px 10px;*/
        /*  }*/
          
        /*  .res-ml-lg_15 {*/
        /*     margin-left: 15px;*/
        /*    }*/
          
        /*  .ss-search-button, .ss-search-button.ss-custom-icon, .ss-search-button.show-search{*/
        /*      margin: 10px 10px 0 0 !important;*/
        /*  }*/
        /*  .ss-user-setting{*/
        /*    top:10px;*/
        /*  }*/
        /*}*/
    
    @media only screen and (min-width: 1440px){
        /*.ss-main-logo-wrapper {*/
        /*    margin: 16px 20px 16px 30px;*/
        /*}*/
        
         .ss-left-aside-inner-container .setting-sidebar_accordion .ss-setting-side-nav .setting_link .ss-setting-side-nav__title.settings_text_o_ellipse{
           display: inline-block;
          white-space: nowrap;
          width: auto;
       }
    
    }
    
     /*@media only screen and (min-width: 1366px){*/
     /*   .ss-main-logo-wrapper {*/
     /*       margin: 16px 5px 16px 10px;*/
     /*   }*/
        
        #smsInboxSidenav .text-fixed-right-slider{
          bottom: 49.8%;
        }
        
     .ss-left-aside-inner-container .setting-sidebar_accordion .ss-setting-side-nav .setting_link .ss-setting-side-nav__title.settings_text_o_ellipse{
        /*text-overflow: ellipsis;*/
        /*overflow: hidden;*/
        display: inline-block;
        width: auto;
       }
        
    }
    
    @media only screen and (min-width: 1112px) and (max-width: 1200px)  {
       .ss-left-aside-inner-container .setting-sidebar_accordion .ss-setting-side-nav .setting_link .ss-setting-side-nav__title.settings_text_o_ellipse{
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 160px;
        display: inline-block;
        white-space: nowrap;
       }
       
      }
        
    
    
    @media only screen and (max-width: 1111px){
        .ss-main-nav-container #top-databaseserach.ss-search-button {
              margin: 0 80px 0 0;
          }
        .ss-main-header .ss-main-nav-container #top-datastore-serach.ss-custom-icon{
              margin: 0 40px 0 0 !important;
          }
          
          .ss-shape-body .ss-main-nav-container .ss-search-button {
                top: 0px;
            }
            
            .ss-user-setting.res-ml_20 {
             margin-left: 20px;
            }
            
           .ss-lead-details__header > .ss-lead-details__title--wrapper > .flex-3-cols > *{
              flex-basis: 100%;
            }
            
         .ss-left-aside-inner-container .setting-sidebar_accordion .ss-setting-side-nav .setting_link .ss-setting-side-nav__title.settings_text_o_ellipse{
              display: inline-block;  
              white-space: nowrap;
             }
             
  }
      


@media (max-width:900px){
  .ss-user-setting.res-ml_20 {
     margin-left: 20px;
    }
    
    .marketing-filters > .ss-lead-menux > li {
      padding: 5px 0px;
      margin: 5px 0px;
    }
    
    
}

@media (max-width:768px){
  .ss-global-group-divider-flex-1, .ss-global-group-divider-flex-2{
    flex-basis:100%;
  }
  .ss-lead-details-wrapper__full .calc_width_counts{
    width: 100%;
  }
  
  .ss-lead-details__content .systemoverviewwrapper .newleftblock{
    width: 100%;
    margin-right: 0px;
   }
   
  .ss-lead-details__content .systemoverviewwrapper .newrightblock{
     width: 100%;
   }
   
  /*.logo-mt-11-mb-22-ml-8-mr-20{*/
  /*   margin-left: 0px !important;*/
  /*  }*/
   
   .tabs-list-wrap > .tab-manage-users .tabs li{
     float:none;
   } 
  
}

   svg.listing--svg_icons{
    width:20px !important;
    height:20px !important;
   }   

  /*all report pages 14px global style  */
  
  /*lead-sidebar tabs comment-notify-dot*/
  .newleftsidebar-tabs > .sidebar--new-notify > li i.comment-notify-dot,
  .newleftsidebar-tabs > .sidebar--new-notify > li span.comment-notify-dot{
    margin-top: -29px;
    margin-right: -25px;
  }
  
  #show-custom-report-table .ss-table td, #show-custom-report-table .ss-table th,
  .shape-14--px.ss-table td, .shape-14--px.ss-table th, .shape-14--px.ss-table td .btn-group > button{
    font-size:14px !important;
  }

  .ss-circle--25{
    width:25px;
    height:25px;
  }

  /*css for phone controller note history section*/
  
  
  /*.form-element-field.black-text::placeholder{*/
    /*color:var(--black);*/
    /*opacity: 0.7;*/
    /*font-size: 11px;*/
  /*}*/
  
  .ss-phone-slideout__header .ss-shape-buttons .ss-dropdown button.web-phone--5:before{
    top: 2px;
    right: 4px;
  }
  
  .phone-history--details .phone-history__wrapper{
  width: 100%;
  position: relative;
  padding: 0px 5px 0px 0px;
  display: block;
  }
 .phone-history--details .notes-box-none{
    border-bottom: 1px solid var(--grey-4);
    border-radius: 0px;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
  }  

/*sidebar caret css*/

/*.js-widget-title > .ss-sidebar__content-card__body_wrapper > .ss-sidebar--froala > .fr-basic > .fr-quick-insert,*/
/*.js_editoreventdescsidebar > .fr-basic > .fr-quick-insert{*/
/*  display: none;*/
/*} */

/*lead listing table header dropdown icon code paste here*/
.ss-border-black--icon.icon-weight-b::before{
  top: 8px !important;
font-weight: 700 !important;
color: var(--grey) !important;
}

.ss-shape-buttons .purple-chev-icon.open > button{
  color: var(--theme-hilight)
}

.ss-shape-buttons li.purple-chev-icon:hover .ss-border-black--icon.icon-weight-b::before{
  color: var(--theme-hilight) !important;
}
/*lead listing table header dropdown icon code paste here*/


.d-inline-flex{
  display:inline-flex !important;
  align-items: center;
}



.rotate-caret {
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    margin-left: 0px;
    opacity: 1;
    color: white;
    margin-left: -10px;
    font-weight: 700;
    cursor: pointer;
}
.sidebar-caret:hover > .rotate-caret{
    opacity: 1;
    position: relative;
    color: var(--black);
    margin-left: 0px;
}

.rotate-caret.down {
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
}

.sidebar-advance-features {
  font-family: "Open Sans",sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #313030;
}

.ss-highlight-green {
  background: var(--green);
  border-left: 2px solid var(--green-border);
  border-right: 2px solid var(--green-border);
}

#loadWidget {z-index:99999;}