table.dataTable>thead .sorting,table.dataTable>thead .sorting_asc,table.dataTable>thead .sorting_desc,table.dataTable>thead .sorting_asc_disabled,table.dataTable>thead .sorting_desc_disabled {
    cursor: pointer;
    position: relative
}

table.dataTable>thead .sorting:before,table.dataTable>thead .sorting:after,table.dataTable>thead .sorting_asc:before,table.dataTable>thead .sorting_asc:after,table.dataTable>thead .sorting_desc:before,table.dataTable>thead .sorting_desc:after,table.dataTable>thead .sorting_asc_disabled:before,table.dataTable>thead .sorting_asc_disabled:after,table.dataTable>thead .sorting_desc_disabled:before,table.dataTable>thead .sorting_desc_disabled:after {
    position: absolute;
    bottom: .5em;
    display: block;
    opacity: .3
} 
#img{
	width:200px;
}
li{
	list-style:none;
}
.dark-switch { position: relative; }

.dark-switch:before, .dark-switch:after { position: absolute; content: ""; transform: translateY(-50%); border-radius: 1.5rem; display: block; top: 50%; }

.dark-switch:before { right: 0; width: 3rem; height: 1.5rem; background-color: #fff; border: #dbdfea solid 2px; }

.dark-switch:after { height: 1rem; width: 1rem; right: calc(2rem - 2px - .125rem); background-color: #dbdfea; }

.dark-switch.active:before { background-color: #FF5E1E; border-color: #FF5E1E; }

.dark-switch.active:after { right: calc(2px + .125rem); background-color: #fff; }

.is-scrollable { overflow: auto; }

.profile-ud-label { display: block; color: #8094ae; }

.plain .profile-ud-label { font-size: 12px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; }

.wider .profile-ud-label { display: inline-flex; letter-spacing: -0.01em; width: 120px; flex-shrink: 0; }

.profile-ud-value { color: #414141; }

.wider .profile-ud-value { text-align: right; font-weight: 500; width: 100%; }

.profile-ud.wider { display: flex; padding: .5rem 0; }

.profile-ud-item:nth-child(n+2) .profile-ud.plain { margin-top: 1.25rem; }

@media (min-width: 768px) { .profile-ud.wider { padding: .75rem 0; }
  .profile-ud-list { display: flex; flex-wrap: wrap; margin: -0.25rem -3.25rem; max-width: 960px; }
  .profile-ud-item { width: 50%; padding: 0 3.25rem; }
  .profile-ud-item:nth-child(2) .profile-ud.plain { margin-top: 0; } }

.profile-stats .amount { font-size: 1.125rem; font-weight: 700; }

.profile-balance-group { display: flex; align-items: flex-end; }

.profile-balance-ck { position: relative; height: 70px; margin-top: .5rem; }

.profile-balance-sub {font-size: .875rem;color: #8094ae;padding: 15px;}

.profile-balance-subtitle { font-size: 0.75rem; margin-top: 0.5rem; }

.profile-balance-sub .icon { font-size: .75rem; }

.profile-balance-plus { position: absolute; }

.profile-balance-plus .icon { font-size: 1rem; line-height: 1.5rem; }

.profile-balance-plus ~ * { padding-left: 24px; }

.profile-balance-amount .number { font-size: 1.25rem; font-weight: 700; color: #364a63; line-height: 1.5rem; white-space: nowrap; }

.profile-balance-amount .number small { font-weight: 400; }



.editor .app-action {
  padding: 0.9rem 1.5rem;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #ebe9f1;
  background-color: #fff;
  align-items: center;
}

.editor .app-action .action-right ul li:not(:last-child) {
  margin-right: 1rem; }

.editor .app-action .action-right .dropdown-toggle {
  color: #5e5873;
  white-space: normal; }

.editor .app-action .action-right .dropdown-toggle::after {
  display: none; }

.editor .email-app-details {
  position: absolute;
  display: block;
  z-index: 2;
  visibility: hidden;
  top: 0;
  width: calc(100% - 260px);
  background-color: #f8f8f8;
  transform: translateX(100%);
  transition: all 0.25s ease, color 0s;
  height: 100%; }

.editor .email-app-details.show {
  visibility: visible;
  transition: all 0.25s ease, color 0s;
  transform: translateX(0%); }

.editor .email-app-details .email-detail-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0 4px 6px rgba(34, 41, 47, 0.04);
  border-bottom: 1px solid #eee;
  position: relative;
  padding: 0.5rem 2rem;
  background-color: #fff;
  height: 5rem; }
.editor .content-area-wrapper {
  border: 1px solid #ebe9f1;
  border-radius: 0.428rem; }

.editor .content-area-wrapper .sidebar .email-app-sidebar {
  width: 300px;
  height: inherit;
  background-color: #fff;
  border-top-right-radius: 0.428rem;
  border-bottom-right-radius: 0.428rem;
  transition: all 0.3s ease, background 0s;
  z-index: 210; }

.editor .content-area-wrapper .sidebar .email-app-sidebar .email-app-menu {
  width: 100%;
  height: 100%;
  z-index: 3; }

.editor .content-area-wrapper .sidebar .email-app-sidebar .email-app-menu .compose-btn {
  padding: 1.5rem; }

.editor .content-area-wrapper .sidebar .email-app-sidebar .email-app-menu .sidebar-menu-list {
  position: relative;
  height: calc(100% - 80px); }

.editor .content-area-wrapper .sidebar .list-group .list-group-item {
  padding: 0.58rem 1.5rem;
  border: 0;
  font-weight: 500;
  letter-spacing: 0.4px;
  border-right: 2px solid transparent;
  border-radius: 0; }

.editor .content-area-wrapper .sidebar .list-group .list-group-item + .list-group-item.active {
  margin-top: 0; }

.editor .content-area-wrapper .sidebar .list-group .list-group-item:hover, .editor .content-area-wrapper .sidebar .list-group .list-group-item:focus, .editor .content-area-wrapper .sidebar .list-group .list-group-item.active {
  background: transparent;
  color: #7367f0; }

.editor .content-area-wrapper .sidebar .list-group .list-group-item.active {
  border-color: #7367f0; }

.editor .content-area-wrapper .content-right {
  width: calc(100% - 300px);
  border-right: 1px solid #ebe9f1; }

.editor .content-area-wrapper .content-right .email-app-list {
  height: inherit; }

.editor .content-area-wrapper .content-right .app-fixed-search {
  padding: 0.4215rem 0.5rem;
  border-bottom: 1px solid #ebe9f1;
  background-color: #fff;
  border-top-right-radius: 0.357rem; }

.editor .content-area-wrapper .content-right .app-fixed-search .input-group:focus-within {
  box-shadow: none; }

.editor .content-area-wrapper .content-right .app-fixed-search input,
.editor .content-area-wrapper .content-right .app-fixed-search .input-group-text {
  border: 0;
  background-color: transparent; }

.editor .content-area-wrapper .content-right .action-icon {
  cursor: pointer; }

.editor .content-area-wrapper .sidebar-toggle {
  cursor: pointer;
  float: left; }

.editor .content-area-wrapper .go-back {
  cursor: pointer; }

.editor .content-area-wrapper .email-user-list {
  position: relative;
  height: calc(
 100% - calc(3.49rem + 3.32rem)); }
 
.playAudio { vertical-align: middle;}
.playAudio a{ color:#7367f0; margin-right:5px;}
.audioFav a, .audioDef a{ /*color:#7367f0;*/ color:#cdcdcf;}

 .voice_tooltip {
  position: relative;
  display: inline-block;
  #margin-top: 100px;
}

.voice_tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 1s;
}

.voice_tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.voice_tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
 break:before {
	background-color: #dbffed;
    border: 1px solid #4fff54;
    border-radius: 0.2rem;
    content: attr(time);
    display: inline-block; 
    margin: 0 0.3rem;
    padding: 0.1rem 0.2rem;
    line-height: 17px;
}
}
hr {
border: none;
color: #111;
letter-spacing: 1em;
text-align: center;
}
.set_say_as, .set_break {
    cursor: pointer;
}
.tippy-content {
    display: flex;
    padding: 0;
}
#transcribe_start1 {
    width: 100%;
    max-width: 600px;
    padding: 15px;
    margin: auto;
}
#tooltip__pop .tippy-content {
    display: flex;
    width: 417px;
	padding:0px;
}  
.multiple_files .ql-editor{
    counter-reset: filenumber;
}
.withoutssml .datapopover {
    width: 135px;
}
.multiple_files .ql-editor p {
    border: 1px solid #ededed;
    border-radius: 5px;
    margin-bottom: 10px;
    clear: both;
    position: relative;
    padding: 5px;
    margin-top: 10px; 
    background: #fff;
}  

.tippy-content { 
	display: flex;
}
.tippy-arrow:before {
	border-color: transparent;
	border-style: solid;
	content: "";
	position: absolute;
}
.tippy-arrow { 
	color: #fff;
}
.tippy-box {
	background-color: #fff;
	border-radius: 0.25rem;
	box-shadow: 0 0 0 1px hsl(0deg 0% 6% / 5%), 0 3px 6px hsl(0deg 0% 6% / 10%), 0 9px 24px hsl(0deg 0% 6% / 20%);
	color: var(--black);
	max-width: none!important;
}
.trnsActionBtn { 
}
.ql-editor {
    width: 100%;
}
.sortable{
	cursor:grab;
}
.ql-container {
    height: auto !important;
    min-height: auto !important;
}
.multiple_files .ql-editor.ql-blank::before {
    top: 30px
}
.ql-toolbar.ql-snow {
    display: none;
}
.voice-control {
    margin-left: -15px;
    margin-right: -14px; 
    border-bottom: 1px solid #e4e5e8;
}
 
.topTransHead { 
    margin-left: -15px;
    margin-right: -14px;
}
.action__block .dropdown-menu{
    min-width: 150px;
}
#selection-ref {
  position: absolute;
  background: rgba(200, 0, 0, 0.2);
  pointer-events: none;
}

#tooltip__pop {
  position: absolute;
  display: none;
  border: grey solid 1px;
  background: white;
}

#cal1 {
  position: absolute;
  height: 0px;
  width: 0px;
  top: 100px;
  left: 100px;
  overflow: none;
  z-index: -100;
}

#cal2 {
  position: absolute;
  height: 0px;
  width: 0px;
  top: 0px;
  left: 0px;
  overflow: none;
  z-index: -100;
}
:root{
    --underline_hsl_lightness: 50%;
    --bg_hsl_lightness: 83%;

    --rate_bg_color:hsl(33, 100%, var(--bg_hsl_lightness));
    --rate_underline_color:hsl(33, 100%, var(--underline_hsl_lightness));

    --pitch_bg_color:hsl(175, 78%, var(--bg_hsl_lightness));
    --pitch_underline_color:hsl(175, 76%, var(--underline_hsl_lightness));

    --emphasis_bg_color:hsl(340, 82%, var(--bg_hsl_lightness));
    --emphasis_underline_color:hsl(340, 100%, var(--underline_hsl_lightness));

    --spellout_bg_color:hsl(156, 100%, var(--bg_hsl_lightness));
    --spellout_underline_color:hsl(156, 100%, var(--underline_hsl_lightness));

    --rate_pitch_gradient: linear-gradient(0deg, var(--rate_bg_color) 50%, var(--pitch_bg_color) 50%);
}
prosody[pitch] {
    background-color: var(--bg_hsl_lightness); 
}
prosody[rate] {
    background-color: var(--rate_bg_color); 
}
prosody[volume] {
    background-color: #b0baef;
}
prosody[pitch="x-low"][rate="x-slow"] {
    background-image: var(--rate_bg_color);
}
prosody[pitch="low"][rate="x-slow"] {
    background-image: var(--rate_pitch_gradient);
}
prosody[pitch="high"][rate="x-slow"] {
    background-image: var(--rate_pitch_gradient);
 
}
prosody[pitch="x-high"][rate="x-slow"] {
    background-image:  var(--rate_pitch_gradient);
}
prosody[pitch="x-low"][rate="slow"] {
    background-image: var(--rate_pitch_gradient); 
}
prosody[pitch="low"][rate="slow"] {
    background-image: var(--rate_pitch_gradient);  
}
prosody[pitch="high"][rate="slow"] {
    background-image: var(--rate_pitch_gradient);  
}
prosody[pitch="x-high"][rate="slow"] {
    background-image: var(--rate_pitch_gradient); 
}

prosody[pitch="x-low"][rate="fast"] {
    background-image: var(--rate_pitch_gradient); 
}
prosody[pitch="low"][rate="fast"] {
    background-image: var(--rate_pitch_gradient); 
}
prosody[pitch="high"][rate="fast"] {
    background-image: var(--rate_pitch_gradient); 
}
prosody[pitch="x-high"][rate="fast"] {
    background-image: var(--rate_pitch_gradient); 
}

prosody[pitch="x-low"][rate="x-fast"] {
    background-image: var(--rate_pitch_gradient); 
}
prosody[pitch="low"][rate="x-fast"] {
	background-color: var(--emphasis_bg_color);
}
prosody[pitch="high"][rate="x-fast"] {
	background-color: var(--emphasis_bg_color);
}
emphasis {
    background-color: var(--emphasis_bg_color);
    text-decoration: underline var(--emphasis_underline_color);
    text-decoration-thickness: 3px; 
}


say-as{
    background-color: var(--spellout_bg_color);
    text-decoration: underline dashed var(--spellout_underline_color); 
}
say-as[interpret-as="spell-out"] {
    background-color: var(--spellout_bg_color);
    text-decoration: underline dashed var(--spellout_underline_color);
    text-decoration-thickness: 4px;
    letter-spacing: 3px;
}
 

.ssml-code {
    width: 100%;
    margin: 0px;
    box-sizing: border-box;
    font-size: 16px;
    outline: none;
    padding: 12px 15px;
    line-height: 24px;
    font-family: Consolas, Menlo, Monaco, "Courier New", monospace;
    position: absolute;
    top: 0;
    bottom: 0;
    border: none;
    border-radius: 0 0 6px 6px;
    overflow: auto;
}

/* .ql-editor {
    white-space: normal!important;
} */
.noUi-connects { 
    background: #7367f0;
}
.noUi-horizontal .noUi-tooltip { 
    background: #e1defd;
}
 .sayas {
    padding: 5px;
    border: 1px solid #7367f0 !important;
    border-radius: 0.358rem;
}

.sayas .btn {
    margin: 3px;
}

 
.save_queuq .ni {
    font-size: 18px;
    top: 3px;
    position: relative;
}
.save_queuq {
    font-size: 13px;
    font-weight: bold;
    display: inline-block;
    padding: 5px 0px 0px 0px;
}
.editor-main-btn {
    display: block;
    border-radius: 0px;
    height: 44px;
    width:100%;
}

.custom-menu { 
    z-index: 1000;   
    white-space: nowrap; 
    padding: 9px;
    width: 100%;
    padding-bottom: 0px;
} 
.numberBox{
	width: 35px;
    border: 1px solid #e5e9f2;
    text-align: center; 

}
.custom-menu label.custom-control-label.text-dark {
    padding: 0px 7px !important;
	font-size: 11px;
}
#transcribe_text {
    font-size: 16px;
	min-height: 130px;
    border-color: #ebeef2;
}
span.qtyPremium {
    position: absolute;
    right: 15px;
    top: -15px;
    background: orange;
    color: #fff;
    line-height: 15px;
    border-radius: 4px 4px 0px 0px;
    font-size: 11px;
    padding: 0px 2px;
}
.voice_title, .fav_voice_title {
    font-size: 15px;
    font-weight: bold;
}
.single-list.active .popupVoiceBox { 
    border: 2px solid #7367f0;
}
span.getVoiceName {
    font-weight: bold;
}
.hide-ssml{
	display:none;
}
.tippy-content .btn {
    padding: 0.486rem 0.4rem;
}
.tippy-custome-areas .list-inline .custom-option-item {
    padding: 3px 4px;
    font-size: 12px;
    color: #000;
} 
.focused .action_button {
    display: block;
}

.action_button {
    display: none;
	margin:0px;
}
.action_button .fa{
    height: 1rem;
    width: 1rem;
    padding-top: 2px;
}
 .transcribeAction {
    float: left; 
}
.data_loop {
    margin-bottom: 15px;
}

.mr-1, .mx-1 { margin-right: 0.375rem !important; }

.mr-2, .mx-2 { margin-right: 0.75rem !important; }
.ml-1, .mx-1 { margin-left: 0.375rem !important; }
/*.voiceBtnsFormate{ margin:0px; padding:0px;}*/
.voiceBtnsFormate li{ margin:0px 15px 10px 0px; padding:0px; display:inline-block; list-style:none; position:relative; border:none; border-radius: 6px; background:#f3f3f3;}
.voiceBtnsFormate li a.mainLink{ margin:0px; padding:6px 35px 6px 35px; display:block; position:relative;  border-radius:50px; z-index:0;}
.voiceBtnsFormate li .playAudio{ position: absolute; z-index: 3; left: 8px; top: 3px; font-size: 21px; }
.voiceBtnsFormate li .audioFav{ position:absolute; z-index:3; right: 9px; top: 6px; font-size: 18px;}
.voiceBtnsFormate li a{ color:#333;}

.popupInfoBox{ margin:0px; padding:0px; text-align:right;}
.popupInfoBox span{  }
.cat_dot { margin-right: 2px; margin-left: 4px; font-size: 7px; }
.popupInfoBox .pro-voice{ width:0; height:0; border-top:12px solid #ffa500; border-left:12px solid transparent; }
.popupInfoBox .new-voice{ width:0; height:0; border-top:12px solid #45d334; border-left:12px solid transparent;}
.popupInfoBox em{ margin:0px 0px 0px 5px; font-size:12px; font-style:normal;}


.popupVoiceBox{ margin:10px 0px; padding:0px; background:rgba(115, 103, 240, 0.12); width:100%; position:relative; line-height:20px; border-radius: 5px;
    border: 2px solid #fff;}
.popupVoiceBox .voiceBoxRow{ padding:10px; display:table; width:100%; color:#333; font-weight:500;}
.popupVoiceBox .voiceBoxCol{ display:table-cell; vertical-align:middle;}
.popupVoiceBox .voiceBoxCol.profilePic{ width:40px; }
.popupVoiceBox .voiceBoxCol.profilePic img{ width:30px; height:30px; border-radius:50%; }
.popupVoiceBox .voiceBoxCol em{ display:block; font-style:oblique; font-size:12px; color:#000; font-weight:300;}
.popupVoiceBox .fav{ margin:0px; padding:0px; position:absolute; right:40px; top:22px; font-size:19px; color:#a7a7a7;}
.popupVoiceBox .playAudio{ margin:0px; padding:0px; position:absolute; right:5px; top:20px; font-size:23px;}
.popupVoiceBox .symbol{ position:absolute; right:0; top:11px;}
.popupVoiceBox .pro-voice{ width:0; height:0; border-top:12px solid #ffa500; border-left:12px solid transparent;}
.popupVoiceBox .new-voice{ width:0; height:0; border-top:12px solid #45d334; border-left:12px solid transparent;}
.popupVoiceBox .right12{ right:12px;}

.tts-popup-footer { flex:auto;}
.tts-popup-footer .row{ display:block; width:240px;}
.tts-popup-footer .row .single-list{ width:auto; flex:none; max-width:initial;}

.favorite_voices .fav_voice_title{ margin:0px 0px 0px 0px;}
.voice_title{ margin:10px 0px 0px 0px;}
.no-voice-available{ margin:15px;}
.gender__filter {
    /*border: 2px solid #7367f0;
    border-radius: 5px;
    padding: 5px;*/
	border-radius: 0;
    padding: 5px 10px 5px 0px;
    border-right: solid 1px #ccc;
}
.modal-header .btn-close { 
    margin: -0.4rem 1.3rem -0.4rem auto;
}
#modalVoice .btn-close  {
    width: 1rem;
    height: 1rem;
    background-size: 60%;
}
.withoutssml {
    padding: 0px 5px;
}
.proVoice {
    position: relative;
}
.addProFoot {
    position: absolute;
    z-index: 9999;
    right: 20px;
    top: 4px;
    font-size: 22px;
}
.perPro {
    min-height: 160px;
}
.addProFoot1 {
	position: absolute;
    z-index: 9999;
    right: 30px;
    top: 2px;
    font-size: 22px;
}
.addProFootRemove {
	position: absolute;
    z-index: 9999;
    right: 5px;
    top: 6px;
    border-radius: 50%;
    border: 1px solid #e5e9f2;
    line-height: initial;
    height: 18px;
    width: 18px;
    color: #e5e9f2;
    background: #e5e9f2;
    padding-left: 4px;
}

#prolist::-webkit-scrollbar {
  width: 2px;
}
#prolist ::-webkit-scrollbar-track {
  background: #f1f1f1;
}

#prolist::-webkit-scrollbar-thumb {
  background: #888;
}

#prolist::-webkit-scrollbar-thumb:hover {
  background: #555;
}
div#prolist {
    
    overflow-y: auto;
    max-height: 53vh;
}
.audioFav .fa, .audioDef .fa  {
    font-size: 20px;
}

.tippy-custome-areas .list-inline-item {margin-right: 0px !important;}
.tippy-box[data-animation=scale][data-placement^=top]{transform-origin:bottom}.tippy-box[data-animation=scale][data-placement^=bottom]{transform-origin:top}.tippy-box[data-animation=scale][data-placement^=left]{transform-origin:right}.tippy-box[data-animation=scale][data-placement^=right]{transform-origin:left}.tippy-box[data-animation=scale][data-state=hidden]{transform:scale(.5);opacity:0}

.addon-description{ min-height:64px;}
ul.nav-tabs.addon-tabs{ width:100%; text-align:center; display:block;}
ul.nav-tabs.addon-tabs li.nav-item{ display:inline-block;}
ul.nav-tabs.addon-tabs li.nav-item a.nav-link{ margin:0px 10px 0px 10px; padding:8px 0px;}
.addon-pricing{ margin:20px 0px 20px 0px; padding:0px; text-align:center; font-weight:bold;}
.addon-pricing p{ font-weight:normal; font-size:12px;}
.addon-pricing-btn .btn{ width:100%; padding:10px;}