/* @import url("https://fonts.cdnfonts.com/css/segoe-ui-4"); */

html,
body {
    height: 100%;
    padding: 0;
    margin: 0;
}
* {
    box-sizing: border-box;
}

body {
    font-family: 'Roboto', sans-serif !important;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-overflow-scrolling: touch;
}

/* @font-face {
    font-family: "segoe-normal";
    src: url(../fonts/segoe-fonts/SEGOEUI.TTF);
}

@font-face {
    font-family: "segoe-semiBold";
    src: url(../fonts/segoe-fonts/seguisb.ttf);
} */


/* Animation Loader */

.animation-logo {
    position: fixed;
    background: #ffffff;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1080;
    display: flex;
    align-items: center;
    justify-content: center;
}

.in-app-animation-logo {
    position: absolute;
    background: #f3f2f2;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1080;
    display: flex;
    align-items: center;
    justify-content: center;
}

.svg-logo {
    width: 81px;
    height: 61px;
    background-image: url(../images/main-loader/gradient-img.jpg);
    -webkit-mask: url(../images/main-loader/svg-logo-animation.svg) center/cover;
    mask: url(../images/main-loader/svg-logo-animation.svg) center/cover;
    -webkit-background-clip: content-box;
    background-clip: content-box;
    background-size: 200% 200%;
    animation: gradient-animation 5s ease-in-out infinite;
}

@keyframes gradient-animation {
    0% {
        background-position: 0% 100%;
    }
    50% {
        background-position: 180% 0%;
    }
    100% {
        background-position: 0% 150%;
    }
}

/* Animation Loader */

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    -webkit-appearance: none;
}

textarea:focus {
    outline: none;
}

.body-responsive {
    background-color: #f8fafc;
    display: flex;
    flex-direction: column;
    height: 100vh;
}

.setup-container.assign-manage-container{
    padding: 30px 11.2rem 30px 11.2rem;
}

.setup-container {
    padding: 30px 0px 30px 0px;
    margin: auto;
    width: 81.3%;
}

.find-editor-global-container {
    margin: 20px auto;
    width: 81.2%;
}

.setup-container-tab {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #E5E8EC;
}

button:focus,
input:focus {
    outline: none !important;
}

#workspace_length {
    padding: 20px;
}

#workspace_info {
    padding: 20px;
}

#workspace_paginate {
    padding: 20px;
}

.workspace-form {
    margin: 0px;
}

.header-align {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding-bottom: 30px;
}

.assign-manage-container .header-align{
    padding-bottom: 0px;
}

.header-align.glossary-header.glossary-search-header{
    padding-top: 38px;
    padding-bottom: 38px;
}

.header-align.glossary-header{
    padding-top: 30px;
    padding-bottom: 30px;
}

.header-align.glossary-header.pdf-convert{
    flex-direction: column;
    align-items: baseline;
    justify-content: space-between;
}

.header-align.glossary-header.pdf-convert.docs-list{
    padding-top: 0px;
}

.pdf-convert-header a{
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    color: #0078D4;
    text-decoration: underline;
    text-transform: capitalize;
    padding-left: 5px;
}

.pdf-convert-header .icons{
    font-size: 20px;
    color: #0078D4;
}

.header-align.glossary-header.pdf-convert .pdf-convert-header-wrapper{
    display: block;
    width: 100%;
}

.header-align.glossary-header.pdf-convert .pdf-convert-header-wrapper .header-project-setup-align-wrap{
    gap: 0px;
}

/* .header-align.glossary-search-header{
    padding-top: 0px !important;
} */

.credits-score-box{
    position: absolute;
    box-shadow: 0px 20px 43px #0000004D;
    border-radius: 8px;
    background-color: #ffffff;
    padding: 18px;
    right: 150px;
    top: 50px;
    width: 350px;
    z-index: 10;
}

.credits-score-box.writer-credit-box{
    right: 104px !important;
}

.credits-score-box .plan-content{
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    color: #5F6368;
    margin-bottom: 0px;
}

.credits-score-box .plan-content p{
    
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    color: #0074D3;
    margin-bottom: 0px;
    cursor: pointer;
    display: inline;
}

.credits-score-box .avail-credits-box{
    padding: 10px 15px;
    border-radius: 4px;
    background-color: #E3F2FF;
}

.credits-score-box .avail-credits-box .avail-cred{
    
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.5;
    color: #5F6368;
    margin-bottom: 0px;
}

.credits-num-wrap p{
    font-family: Inter;
    font-style: normal;
    font-weight: 800;
    font-size: 26px;
    line-height: 44px;
    color: #3c4043;
    margin-bottom: 0px;
}

.plan-info-row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 11px 0px 17px 0px;
}

.sorting-icon{
    width: 40px;
    height: 40px;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: transparent !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    transition: 0.3s all ease;
}

.sorting-icon:hover{
    background-color: #E9E9E9 !important;
    transition: 0.3s all ease;
}

.sorting-icon .sort-icon{
    font-size: 19px;
    color: #5F6368;
}   

.plan-info-row p.subscrip-link{
    
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 1.5;
    color: #0078D4;
    text-decoration: underline;
    margin-bottom: 0px;
    cursor: pointer;
}

.current-plan{
    display: flex;
    align-items: center;
    gap: 4px;
}

.current-plan .title{
    
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 1.5;
    color: #5F6368;
    margin-bottom: 0px;
}

.current-plan .plan-name{
    
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.5;
    color: #3C4043;
    margin-bottom: 0px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
}

.current-plan .plan-name .trail-card{
    
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    line-height: 1.2;
    color: #ffffff;
    background-color: #0078D4;
    border-radius: 2px;
    padding: 2px 5px;
    margin-left: 5px;
}

.credits-num-wrap{
    display: flex;
    align-items: center;
    gap: 12px;
}

.cred-addon-btn{
    width: 20px;
    height: 20px;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #c2ddf7 !important;
    border-radius: 50% !important;
}

.cred-addon-btn .plus{
    color: #0971c6;
    font-size: 16px !important;
}

.cred-bar-completion-wrap {
    width: 100%;
}

.cred-bar-completion{
    margin: 5px 1px;
    padding: 0;
    width: 100%;
    height: 6px;
    overflow: hidden;
    background: #0074D333;
    border-radius: 30px;
}


.credits-bar-file-completion {
    position: relative;
    float: left;
    min-width: 1%;
    height: 100%;
    background: #0074D3;
    border-radius: 30px;
}

.header-project-setup-align-wrap{
    display: flex;
    gap: 20px;
    align-items: center;
}

.edit-delete-btn > button {
    border-radius: 3px;
}

.edit-delete-btn-cont {
    padding: 10px;
    
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    color: #3c4043;
    background: #e8e8e8;
    border-radius: 3px;
    border: none;
    display: flex;
    align-items: center;
    transition: 0.4s all ease;
}

.login-main-btn {
    background-color: #0078d4;
    border-radius: 3px;
    padding: 8px 30px;
    border: none;
}

.edit-delete-btn-cont:hover {
    background: #e74c3c;
    color: #ffffff;
    transition: 0.4s all ease;
}

.edit-delete-btn-cont:hover .delete-icon {
    background: url(../images/new-ui-icons/delete_white.svg);
    transition: 0.4s all ease;
}

.glossary-btn-wrap {
    width: 65%;
    margin: auto;
}

.delete-icon {
    background: url(../images/new-ui-icons/delete_black.svg);
    width: 20px;
    height: 20px;
    transition: 0.4s all ease;
    padding-right: 0.2rem;
}

.section-header {
    
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    color: #3c4043;
    margin-bottom: 0rem;
}

.header-align .section-header{
    margin-right: 40px;
}

.ail-work-nav {
    padding: 0px 10px !important;
    height: 56px;
    /* z-index: 20 !important; */
}

.right-align-links{
    display: flex;
    align-items: center;
}

.right-align-links .nav-project-txt-align{
    display: flex;
    align-items: center;
    padding-left: 0px;
    margin-bottom: 0px;
    list-style-type: none;
    justify-content: center;
}

.right-align-links .navbar-nav-right-links{
    display: flex;
    align-items: center;
    padding-left: 0px;
    margin-bottom: 0px;
    list-style-type: none;
}

.ail-workspace-white-nav .right-align-links{
    width: 90%;
}

.ail-workspace-white-nav .right-align-links .nav-project-txt-align{
    width: 60%;
}


.ail-workspace-white-nav .right-align-links .navbar-nav-right-links{
    width: 40%;
    justify-content: flex-end;
}

.ail-workspace-blue-nav {
    background: #0074d3 !important;
    width: 100%;
}

.ail-workspace-white-nav .logo-wrap{
    width: 20%;
    max-width: 100%;
    display: flex;
    align-items: center;
}

.ail-workspace-blue-nav .logo-wrap{
    width: 14%;
    max-width: 100%;
    display: flex;
    align-items: center;
}

.ail-workspace-blue-nav .common-navbar-wrap{
    width: 86%;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ail-workspace-white-nav {
    background: #ffffff !important;
    border-bottom: 1px solid #ecedef91;
    width: 100%;
}
.ail-workspace-white-nav2 {
    background: #ffffff !important;
    border-bottom: 1px solid #DFDFDF
}

.ail-workspace-white-nav .common-navbar-wrap{
    width: 80%;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* .ail-workspace-white-nav .common-navbar-wrap .navbar-display-show{
    width: 10%;
    max-width: 100%;
}

.ail-workspace-white-nav .common-navbar-wrap .right-align-links{
    width: 90%;
    max-width: 100%;
} */

.download-grp-wrapper{
    display: flex;
    align-items: center;
    border-radius: 3px;
    background-color: #0074D3;
    height: 34px;
}

.download-grp-wrapper .download-main{
    padding: 8px 11px;
    display: flex;
    align-items: center;
    gap: 9px;
    font-weight: 500;
    font-style: normal;
    font-size: 14px;
    line-height: 1;
    color: #FFFFFF;
}

.download-grp-wrapper .border-line{
    padding: 9.5px 0px;
    border-right: 1px solid #3390DC;
}

.download-grp-wrapper .arrow-wrap{
    height: 100%;
    padding: 5.7px 8px;
}

.download-grp-wrapper .arrow-wrap .workspace-arrow-dwnload{
    font-size: 20px;
    color: #ffffff;
}

.download-grp-wrapper .download-main .workspace-dwnload{
    font-size: 20px;
    color: #ffffff;
}

.ailays-wp-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;

    font-weight: 500;
    font-size: 14px;
    color: #0074d3;
}

.ailays-wp-avatar-blue {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;

    font-weight: 500;
    font-size: 14px;
    color: #ffffff;
}

.ailays-wp-avatar-bg-grey-color {
    background: #0074d3;
}

.ailays-wp-avatar-bg-blue-color {
    background: #ffffff;
}

.navbar-nav {
    align-items: center;
}

.file-upload-form {
    display: flex;
    width: 100%;
    max-width: 100%;
    margin: auto;
    gap: 24px;
}

.main-page-logo {
    display: flex;
    justify-content: center;
    margin: auto;
    margin-bottom: 20px;
}

.workspace-bot {
    background: #1991e2;
    padding: 15px 0;
    height: 6vh;
    position: relative;
    width: 100%;
    bottom: 0;
}

.workspace-bot .footer-align {
    display: flex;
    justify-content: center;
}

.footer-align div {
    font: 300 18px "Roboto", sans-serif;
    color: #fff;
    padding: 0;
    margin: 0;
    text-align: center;
}

.login-bg {
    /* background-image: url("../images/login/login-page-bg.jpg"); */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 23px 42px;
}

.padding-correction {
    width: 100%;
    height: auto;
    /* display:flex;
  flex-direction: column;
  justify-content:center;
  align-items:center; */
    padding: 56px 0px 0px 0px;
    background-color: #F8FAFC;

}

.padding-correction-1 {
    padding-top: 250px;
    padding-bottom: 332px;
}

.chat-padding-correction {
    width: 100%;
    height: auto;
    padding: 48px 0px 0px 0px;
    background-color: #f3f2f2;
}

.new-login-form {
    border-radius: 4px;
    border: 1.5px solid #d4d7d9;
    height: 38px;
    
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    line-height: 14px;
    color: #161c2d;
    padding: 10px;
    transition: 0.4s all ease;
}

.new-login-form:focus,
.new-login-form:hover {
    border: 1.5px solid #0078d4;
}

.login-form-part {
    padding-bottom: 2.3rem;
}

.new-login-form-submit-btn {
    
    font-weight: 500;
    font-style: normal;
    font-size: 14px;
    line-height: 1.5;
    color: #ffffff;
}

.add-file-btn {
    padding-left: 7.5px;
    font-weight: 500;
    font-style: normal;
    font-size: 12px;
    line-height: 14px;
    color: #3C4043;
}

.add-file-convert-btn {
    padding-left: 5px;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 1.5;
    color: #ffffff;
}

.create-tbx-btn {
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 24px;
}

.create-tbx-btn-align {
    padding-top: 0px;
}

.login-form-grp span {
    
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    line-height: 14px;
    color: #161c2d;
    margin-top: 0.4rem;
}

.login-form-grp {
    display: flex;
    flex-direction: column;
    margin-bottom: 1.5rem;
    position: relative;
}

.login-form-grp label {
    
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    line-height: 14px;
    color: #161c2d;
}

::placeholder {
    color: #b3b4ba;
}

.login-quotes-txts {
    text-align: center;
}

.login-txt {
    font-family: "Abril Fatface", cursive;
    font-size: 36px;
    line-height: 48px;
    color: #ffffff;
    margin-bottom: 0px;
}

.login-txt-1 {
    
    font-weight: 400;
    font-style: normal;
    font-size: 22px;
    line-height: 27px;
    color: #ffffff;
}

.login-left-side {
    flex-grow: 1;
    height: 100%;
}

.login-form {
    padding: 45px 46px;
    width: 494px;
    height: auto;
    transition: ease-in-out 0.3s;
    background: #ffffff;
    box-shadow: 0px 9px 16px #00000045;
    border-radius: 5px;
    margin-right: 75px;
}

.visibility-btn {
    position: absolute;
    right: 0;
    top: 27px;
    padding: 0px 10px;
    cursor: pointer;
}

/*.login-form:hover{
        opacity: 1;
  }*/

.login-form-1 {
    padding: 27px 18px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #ebebeb;
    width: 50%;
    transition: ease-in-out 0.3s;
}

.project-form-loader-wrap {
    padding: 27px 18px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #ebebeb;
    transition: ease-in-out 0.3s;
}

.new-heading h3 {
    
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 38px;
    color: #161c2d;
}

.bottom-line {
    border: 3px solid rgb(10 156 202);
    border-radius: 30px;
}

.login-form-3 {
    padding: 30px 50px 31px 50px;
    background: #fff;
    border-radius: 8px;
    margin: auto;
    width: 70%;
    transition: ease-in-out 0.3s;
}

.login-form-2 {
    width: 100%;
    margin-top: 2rem;
}

/*.custom-select{
      width: 75% !important;
  }*/

.login-form .row {
    justify-content: center;
}

.new-form-btn {
    width: 100%;
    background: linear-gradient(0deg, rgba(25, 151, 223, 1) 0%, rgba(18, 180, 231, 1) 100%);
    height: 50px;
    /* margin-top: 25px; */
    font-size: 20px !important;
    font-weight: 400 !important;
}

.how-to-edit-align {
    padding: 0px 20px;
    display: flex;
    justify-content: flex-end;
}

.how-to-edit-align span {
    padding: 0px 15px;
    display: flex;
    align-items: center;
    border-right: 1px solid #262626;
}

.dashboard-avai-credits {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    color: #5F6368 !important;
    padding: 9px 17px 10px 11px !important;
    border: 1px solid #DBDBDB !important;
    border-radius: 3px !important;
    background-color: #ffffff !important;
    height: 40px;
}

.dashboard-avai-credits span {
    font-weight: 700 !important;
    color: #3C4043 !important;
    margin-left: 6px;
}

.img-align-radius {
    border-radius: 50%;
    width: 35px;
    height: 35px;
    object-fit: cover;
}

.how-to-edit-align span:last-child {
    padding: 0px 0px 0px 15px;
    border-right: 0px solid #262626;
}

.new-form-btn-1 {
    
    font-style: normal;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 16px !important;
    color: #ffffff !important;
    padding: 8px 25px !important;
    background: linear-gradient(270deg, #11b5e8 0%, #1c90dd 100%) !important;
    border: none !important;
}

.new-form-btn-2,
.new-form-btn-1 {
    background: linear-gradient(0deg, rgba(25, 151, 223, 1) 0%, rgba(18, 180, 231, 1) 100%);
}

.new-form-btn-2 {
    
    font-style: normal;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 16px !important;
    color: #ffffff !important;
    padding: 8px 20px !important;
    background: linear-gradient(270deg, #11b5e8 0%, #1c90dd 100%) !important;
    border: none !important;
}

.btn-size-align {
    width: fit-content;
    height: fit-content;
    width: -moz-fit-content;
    height: -moz-fit-content;
    margin-left: 15px;
}

.workspace-finish-btn {
    width: fit-content !important;
    background: #1a73e8 !important;
    border-radius: 4px !important;
    width: -moz-fit-content !important;
    border: none !important;
    /* margin: auto !important; */
    font-size: 14px !important;
    height: auto !important;
    padding: 7.5px 22.5px !important;
}

table#select-files thead th {
    background: #edf0f5;
    color: rgba(25, 151, 223, 1);
    text-align: center;
    /* border-bottom: 2px solid #dddddd !important; */
    width: 50% !important;
    padding: 15px;
    border-right: 0px solid #dddddd !important;
    
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #161c2d;
}

.btn-color {
    background: #1c90dd !important;
}

table#select-files tbody {
    border-radius: 8px;
}

table#select-files tbody tr {
    border-bottom: 1.5px solid #dddddd !important;
    text-align: center;
    /* display: flex;
  justify-content: space-around;
  align-items: center; */
}

.upload-files-section {
    margin: 0px 0px 20px 0px;
    width: 100%;
}

/* .upload-files-heading{
  display: flex;
  justify-content: space-around;
} */

.upload-files-heading-align {
    
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #161c2d;
    margin-bottom: 15px;
}

table#select-files tbody tr:last-child {
    border-bottom: 0px solid #dddddd !important;
    text-align: center;
}

table#select-files {
    border-bottom: 0px solid #dddddd !important;
    width: 100%;
    margin: auto;
}

.new-btn-align {
    width: fit-content;
    width: -moz-fit-content;
}

.table-header {
    height: 40px;
}
/* .table-item{
       padding: 20px 20px 20px 0px;
} */

.table-item-link {
    
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
    color: #161c2d;
    margin-bottom: 1rem;
}

.table-item-link span {
    color: #1c90dd;
    padding-right: 0.4rem;
}

/* table#select-files tbody tr td{
  white-space: nowrap;  
  width: 376px;
  overflow: hidden;
  text-overflow: ellipsis;
} */

table#select-files tbody tr td > button {
    transition: all 0.2s;
}

table#select-files tbody tr td > button:hover {
    background: #1c90ddeb !important;
}

.table-item-link:hover {
    color: #161c2d;
    text-decoration: none;
}

table#select-files thead td {
    width: 50% !important;
}

table#workspace thead th {
    width: 45% !important;
    border-bottom: 1px solid #aebdcd !important;
    padding: 10px 28px;
}

table#workspace thead th:last-child {
    width: 10% !important;
    border-bottom: 1px solid #aebdcd !important;
    padding: 10px 28px;
}

table#workspace tbody th,
table#workspace tbody td {
    padding: 10px 30px;
}

table#workspace tbody td:last-child {
    padding: 0px 15px;
}

table#workspace tbody td {
    border-top: 0px solid #afbdca;
}

/* table#workspace tbody tr:nth-child(2n) td{
  border-top: 0px solid #afbdca !important;
}

table#workspace tbody tr:nth-child(even) td{
  border-top: 1px solid #afbdca;
} */

/* table#workspace tbody tr:nth-child(odd) td{
  border-top: 1px solid #afbdca;
} */

.workspace-row-container,
.workspace-container {
    margin-top: 25px;
    width: 100%;
    padding-left: 10px;
    padding-right: 25px;
}

.workspace-container{
    position: relative;
}

.context-menu{
    pointer-events: none;
}

.workspace-language-info-row {
    display: flex;
    align-items: center;
    position: relative;
}

.workspace-language-info-col:first-child {
    width: 48.5%;
    max-width: 100%;
}

.workspace-language-info-col:nth-child(2) {
    width: 3%;
    max-width: 100%;
}

.workspace-language-info-col:last-child {
    width: 48.5%;
    max-width: 100%;
}

.workspace-language-info-col:nth-child(2) img {
    width: 24px;
    height: 24px;
}

.workspace-target-language-txt,
.workspace-source-language-txt {
    
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #0074d3;
    margin-bottom: 0px;
    padding: 3px 11px;
    background-color: #e8f0fe;
    border-radius: 2px;
    width: fit-content;
    -moz-width: fit-content;
    margin: auto;
}

table#workspace tbody {
    transition: ease-in-out 0.3s;
    border-bottom: 1px solid #afbdca;
}

table#workspace tbody tr.quest-section td {
    border-bottom: 1px solid #afbdca;
}

.quest-section{
  width: 100%;
  height: inherit;
}

table#workspace tbody:hover {
    background-color: #ffffff !important;
    cursor: pointer;
}

table#workspace tbody tr.active {
    background-color: #ffffff !important;
    cursor: pointer;
}

table#workspace tbody tr.active > td {
    -moz-box-shadow: 0 10px 5px -5px #afbdca;
    -webkit-box-shadow: 0 10px 5px -5px #afbdca;
    box-shadow: 0 10px 5px -5px #afbdca;
}

table#workspace {
    border-bottom: 1px solid #aebdcd !important;
    width: 100%;
}

table#workspace thead td {
    width: 50% !important;
}

#table tbody:nth-child(2n + 3) {
    background-color: #ebebeb;
}

/* Group highlights */
#table tbody:hover {
    background: #3498d8;
}

table.dataTable.order-column tbody tr > .sorting_1,
table.dataTable.order-column tbody tr > .sorting_2,
table.dataTable.order-column tbody tr > .sorting_3,
table.dataTable.display tbody tr > .sorting_1,
table.dataTable.display tbody tr > .sorting_2,
table.dataTable.display tbody tr > .sorting_3 {
    background: transparent !important;
}

table#workspace textarea {
    width: 100%;
    font-size: 18px;
    /* margin: 2px 0 10px -11px; */
    word-break: normal;
    line-height: 25px;
    outline: none;
    color: #000;
    border: 1px solid #dedede;
    box-shadow: inset 0 1px 2px #aebdcd;
    -webkit-box-shadow: inset 0 1px 2px #aebdcd;
    /* font-variant-ligatures: none; */
    cursor: text;
}

table#workspace textarea:hover {
    border-color: rgba(34, 36, 38, 0.35);
    box-shadow: none;
}

table#workspace textarea:focus {
    border: 1px solid #189be1;
    box-shadow: inset 0px 0px 2px 2px #189be1;
    outline-color: #189be1;
}

.workspace-editor {
    /* background-color: #FAFAFA; */
    background-color: #ffffff;
    position: relative;
}

.workspace-align {
    display: flex;
    justify-content: space-between;
    height: 100%;
    flex-direction: column;
    /* margin-bottom: 20px; */
}

.new-form-group {
    width: 100%;
    margin-bottom: 0px !important;
    /* display: flex;
     align-items: center; */
}

.workspace-wrap {
    background: #ffffff00;
    height: auto;
    padding: 0px;
    border-radius: 8px;
    /* box-shadow: 0px 5px 17px rgba(0, 0, 0, 0.03); */
    /* padding-bottom: 10px; */
}

.workspace-editor-comp-logo {
    display: flex;
    justify-content: center;
    padding: 20px 0px 10px 0px;
}

.job-details {
    text-align: center;
    color: #666d77;
}

.workspace-editor-btn-align {
    display: flex;
    margin: auto;
    width: 28%;
    justify-content: center;
}

.workspace-editor-btn-align button {
    margin-right: 25px;
}

.comments-textarea {
    height: 75px !important;
    width: 750px !important;
}

.new-enter-area {
    width: 40px;
    height: 40px;
    margin-left: 0.8rem;
    position: relative;
    top: 15px;
}

.add-comment-align {
    display: flex;
    align-items: center;
}

.add-comment-align > div textarea {
    width: 750px !important;
}

.comments-list-section {
    width: 750px;
    height: 75px;
    border: 1.8px solid #dedede;
    background-color: #ffffff;
    overflow: auto;
}

ul.comments-list-1,
ul.comments-list {
    padding-left: 0px;
    margin-bottom: 0px;
    list-style-type: none;
}

ul.comments-list-1 li,
ul.comments-list li {
    padding: 6px 6px;
    display: flex;
    justify-content: space-between;
    border-radius: 3px;
    word-break: break-all;
}

ul.comments-list-1 li span.text::before {
    content: "\f071";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: relative;
    top: -1px;
    margin-right: 0.6rem;
    color: #ec4040;
}

ul.comments-list-1 li span.text {
    color: #ec4040;
}

ul.comments-list li:hover {
    background-color: #deefff;
    border-radius: 3px;
    transition: 0.4s all;
}

ul.comments-list-1 li:hover .comment-close-btn,
ul.comments-list li:hover .comment-close-btn {
    opacity: 1;
    transition: 0.4s all;
}

.select-align .css-48ayfv,
.select-align .css-1r4vtzz {
    width: auto;
    min-width: 250px;
    border-top: 0px solid #c5c5c5a8;
    border-bottom: 0px solid #c5c5c5a8;
    border-left: 1px solid #c5c5c5a8;
    border-right: 1px solid #c5c5c5a8;
    border-radius: 0px;
    box-shadow: none;
}

.select-align .css-1qprcsu-option,
.select-align .css-1vr111p-option {
    font-size: 14px;
}

.select-align div[style="background-color: white"] {
    box-shadow: 0px 5px 16px #0000002e !important;
}

.select-align .Mui-focused .MuiOutlinedInput-notchedOutline{
    border-color: transparent !important;
    border-width: 0px !important;
}

.filter-icon-row .filter-icon{
    font-size: 20px;
    color: #5F6368;
}

.filter-icon-row .filter-icon-active{
    font-size: 20px;
    color: #0074D3 !important;
}

/* .select-align{
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
  } */

.comment-close-btn {
    color: #ec4040;
    opacity: 1;
}

/* .pagination-align {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 0px;
    text-align: center;
} */

/* .focused-row .source-text-div{
  height: 150px;
} */

.source-text-div {
    height: auto;
    /* max-height: 150px; */
    /* display: flex; */
    align-items: center;
    padding: 0px 10px;
    outline: 0px solid transparent;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    /* overflow: auto; */
    line-height: 22px;
    color: #3c4043;
    overflow-wrap: break-word;
    /* added to retain any blank spaces in contenteditable */
    /* white-space: pre-wrap;       css-3 */
    /* white-space: -moz-pre-wrap;  Mozilla, since 1999 */
    /* white-space: -pre-wrap;      Opera 4-6 */
    /* white-space: -o-pre-wrap;    Opera 7 */
    /* word-wrap: break-word;       Internet Explorer 5.5+ */
}

.segment-align {
    display: flex;
    align-items: center;
    margin-top: 11px;
    padding: 0px 10px;
}

.focused-row .target-lang-row-align,
.focused-row .segment-align {
    margin-top: 30px;
}

.focused-row .segment-number {
    background: #ebebeb 0% 0% no-repeat padding-box;
}

.segment-number {
    background: #d9d9d9 0% 0% no-repeat padding-box;
    border-radius: 2px;
    width: auto;
    padding: 4px;
    min-width: 20px;
    max-width: 100%;
    height: 20px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 1;
    color: #5f6368;
    cursor: context-menu;
}

.segment-number img{
    width: 14px;
}

.segment-serial-num {
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
}

.segment-serial-num img {
    position: relative;
    top: -2px;
}

.focused-row .segment-serial-num {
    visibility: visible;
    opacity: 1;
}

/* table#workspace tbody tr:nth-child(odd) td{
  border-top: 1px solid #afbdca !important;
} */

.focused-row .workspace-btn-algin {
    display: flex;
}

.workspace-btn-algin {
    display: none;
    align-items: center;
    transition: 0.3s all ease;
}

.workspace-btn-algin a {
    margin-right: 5px;
}

.workspace-btn-algin a:first-child {
    margin-left: 0 !important;
}

.workspace-btn-algin a:last-child {
    margin-right: 0 !important;
}

.source-div-icon{
    display: none;
}

.focused-row .source-div-icon{
    display: block;
}


.pagination-align p {
    margin-bottom: 0px;
}

.validation-align {
    display: block;
    text-align: center;
    margin: 20px 0px;
}

.pagination-align > b > a {
    padding: 10px 15px;
    background: #fff;
    border-radius: 50%;
    border: 1.5px solid rgba(25, 151, 223, 1);
    color: rgba(25, 151, 223, 1);
    margin: 0px 15px;
    position: relative;
    top: 10px;
}

.pagination-align span.back-btn:hover,
.pagination-align span.forw-btn:hover,
/* .pagination-align a:hover, */
.pagination-align > b > a:hover {
    text-decoration: none;
    color: #5f6368;
    background: #e3e3e3;

}

.pagination-align span.back-btn,
.pagination-align span.forw-btn {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border-radius: 50%;
    cursor: pointer;
}
.pagination-align span.back-btn i,
.pagination-align span.forw-btn i
/* .pagination-align a i */{
    color: #5F6368;
}



.btn-disabled {
    cursor: no-drop !important;
    background: #03a9f46e !important;
    color: #fff !important;
}

.btn-warning {
    color: #fff !important;
    background: #e45e33 !important;
    border-color: #e45e33 !important;
}

/* Style the navbar -start*/
#navbar {
    /* overflow: hidden; */
    background-color: #fff;
    /* border-bottom:1px solid #DADCE0; */
    /* -webkit-box-shadow: 0px 1px 4px 0px rgb(204 202 204);
  -moz-box-shadow: 0px 1px 4px 0px rgba(204,202,204,1);
  box-shadow: 0px 1px 4px 0px rgb(204 202 204); */
}

/* Navbar links */
#navbar > a {
    float: left;
    display: block;
    color: #000;
    text-align: center;
    padding: 14px;
    text-decoration: none;
}

#navbar > a:hover {
    float: left;
    display: block;
    color: #2792e5;
    text-align: center;
    padding: 14px;
    text-decoration: none;
}

.navbar-nav-right-links p.pull-right {
    margin-bottom: 0px;
}

.navbar-nav-right-links p.pull-right,
.navbar-nav-right-links a.pull-right,
.navbar-nav-right-links a.avatar {
    padding: 14px !important;
    background-color: unset !important;
    border-radius: unset !important;
}

.navbar-nav-right-links a.avatar:hover {
    background-color: unset !important;
}

.navbar-nav-right-links a.nav-link {
    padding: 7.5px 10px !important;
    background-color: transparent;
    border-radius: 50%;
    transition: 0.3s all ease;
}

.navbar-nav-right-links a.nav-link:hover {
    background-color: #ebebeb;
}

/* Page content */
.content {
    padding: 16px;
}

/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
    padding-top: 60px;
}
/* Style the navbar -end*/

.nav-link {
    color: #506690 !important;
    font-weight: 400;
    
    font-size: 17px;
    transition: all 0.3s;
}

.nav-link:hover {
    color: #2792e5 !important;
}

.button-wrap {
    width: 100%;
    border-width: thin;
    border: 2px dashed #d3d4d5;
    border-radius: 8px;
    padding: 21px;
    display: flex;
    justify-content: center;
    /* margin-top: 17px; */
    height: 171px;
    /* background-color: #f5faff; */
}

.button-wrap-file-list {
    width: 100%;
    /* border-width: thin;
  border: 1.8px dashed #C3D2DC;
  border-radius: 5px; */
    /* padding: 20px; */
    display: flex;
    justify-content: center;
    /* background-color: #F5F8FB; */
    /* margin-top: 0.5rem; */
}

.draganddrop-align {
    display: flex;
    align-items: center;
    /* flex-direction: column; */
    justify-content: center;
}

.file-list {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.draganddrop-heading {
    
    font-style: normal;
    font-weight: 800;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    color: #161c2d;
    margin-bottom: 0px;
}

.button-wrap-file-list input[type="file"],
.button-wrap input[type="file"] {
    top: 6px;
    left: 0px;
    font-size: 15px;
    color: rgb(153, 153, 153);
    white-space: nowrap;
    width: 280px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pagination-align input[type="number"] {
    border: 1px solid #d7d7d7;
    border-radius: 3px;
    text-align: center;
    color: #262626;
    /* margin-right: 3px; */
    padding: 2px;
}

.pagination-txt {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4;
    color: #5f6368;
    display: flex;
    align-items: center;
    gap: 6px;
    height: 24px;
}

/* .upload-link-wrapper{
  cursor: pointer;
  width: fit-content;
  width: -moz-fit-content;
  position: relative;
  top: -7px;
  margin-left: 5px;
  overflow: hidden;
  display: inline-block;
}

.upload-link-wrapper input[type=file] {
  cursor: pointer;
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
} */
.upload-text {
    
    font-weight: normal;
    font-size: 14px;
    line-height: 15px;
    color: #afafb0;
    margin-bottom: 0px !important;
}

.upload-link-wrapper label {
    display: inline-block;
    
    font-weight: normal;
    font-style: normal;
    font-size: 14px !important;
    line-height: 15px;
    padding: 0.5rem 0.5rem 0.5rem 0.3rem;
    color: #0095ff !important;
    cursor: pointer;
    text-decoration: underline;
    margin-bottom: 0px !important;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}

.new-btn-grp {
    width: 100%;
    width: -moz-fit-content;
    margin: 0px 0px 0px auto;
    display: flex;
    /* justify-content: space-between; */
    flex-direction: row-reverse;
    gap: 12px;
}

.new-btn-grp .action-btns{
    display: flex;
    gap: 12px;
    flex-direction: row-reverse;
}

.file-selector {
    display: flex;
    border-bottom: 1px solid #c6c6c6;
}

.file-selector span {
    padding: 10px 25px;
    
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #c6c6c6;
    cursor: pointer;
}

.tab-active {
    border-bottom: 3px solid #1c90dd;
    position: relative;
    top: 2px;
    border-radius: 2px;
    color: #161c2d !important;
}

.upload-area-title{
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    color: #222222;
    margin-bottom: 10px;
}

.file-upload-form label {
    
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    color: #222222;
    margin-bottom: 10px;
}

.file-upload-form label.adv-form-label{
    font-family: Roboto !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    color: #222222 !important;
    margin-bottom: 10px !important;
}

.fileupload-link {
    
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 14px;
    color: #3eabf3;
    text-decoration: underline;
    cursor: pointer;
}

.uploaded-files {
    padding: 19px 26px 40px 26px;
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    /* margin: 40px auto !important;
  width: 60% !important; */
    transition: ease-in-out 0.3s;
}

/* .glossary-list-wrap .uploaded-files{
    box-shadow: 0px 3px 6px #00000029;
    border: 0px;
} */

.uploaded-files-skeleton {
    padding: 19px 26px 40px 26px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid transparent;
    height: auto;
    /* margin: 40px auto !important;
  width: 60% !important; */
}

.uploaded-files ul {
    padding-left: 0px;
    list-style-type: none;
}

/* .upload-files{
  display:none !important;
} */

.file-upload_instruct-row{
    display: flex;
    align-items: center;
}

.draganddrop-align p,
.draganddrop-align label {
    margin-bottom: 10px;
}

.draganddrop-align img {
    margin-bottom: 0px !important;
    margin-right: 1.5rem;
}

.draganddrop-align label {
    
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    color: #a8a8a8;
}

.file-upload-align {
    display: flex;
    align-items: center;
    margin-top: 0.4rem;
}

.url-link-align {
    width: 100%;
}

.url-link-align img {
    margin-right: 5px;
}

.input-align {
    display: flex;
    width: 100%;
    max-width: 450px;
}

.input-align input {
    margin-right: 18px;
}

.input-align button {
    width: 120px;
    padding: 5px !important;
    transition: all 0.2s;
}

.input-align button:hover {
    background: #1c90ddeb !important;
}

.column-align {
    flex-direction: column;
}

ul.static-files-display {
    list-style-type: none;
    padding: 0px;
}

.filelist-align {
    margin-top: 40px;
}

ul.static-files-display li {
    padding: 15px;
    border-bottom: 2px solid #dedede;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.file-document {
    margin-right: 15px;
}

.file-name {
    
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 14px;
    color: #161c2d;
}

.file-name-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 8px 0px;
    border-bottom: 1px solid #ebecee;
    /* list-style-type: none;
  padding: 0px; */
}

.file-name-list .filename span:hover {
    cursor: inherit;
    background-color: unset;
    color: unset;
}

.filename-trim{
    max-width: 80% !important;
}

.file-name-list .filename span.filename-length {
    
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    color: #161c2d;
    padding: 0px 0px 0px 11px;
    border-radius: 0px;
    transition: 0.3s all ease;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    width: auto;
    max-width: 90%;
}

.file-name-list .filename span.extension {
    
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    color: #161c2d;
    padding: 0px;
    border-radius: 0px;
}

/* ul.file-name-list li{
  padding: 15px;
  border-bottom: 2px solid #DEDEDE;
  display: flex;
  justify-content: space-between;
  align-items: center;
} */

/* .delete-img{
  background: url("../images/delete.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #fff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  cursor: pointer;
} */

.file-name-list span,
.file-delete {
    cursor: pointer;
    font-size: 20px;
    color: #cacdd2;
    padding: 5px 11px;
    border-radius: 50%;
    transition: all 0.3s;
}

.file-name-list span:hover,
.file-delete:hover {
    background: #ececec;
    color: #ff3d3d;
}

.upload-file-delete {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: transparent;
    transition: all 0.3s;
}

.upload-file-delete:hover {
    background: #ececec !important;
}

/* .file-name-list span:hover + .delete-icon{
  color: #FF3D3D;
} */

/* .delete-icon{
  font-size: 20px;
  color: #cacdd2;
} */
.file-list-align {
    display: block;
    width: 100%;
    /* margin-bottom: 3.5rem; */
}

.new-drag-n-drp-align {
    padding: 15px 15px 0px 0px;
}

.new-drag-n-drp-align .new-text-style {
    
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    color: #161c2d;
    margin-right: 15px;
    margin-bottom: 0px;
}

.new-add-btn .add-files-link {
    background: #1c90dd;
    border-radius: 5px;
}

.new-drag-n-drp-align .form-control-file {
    display: flex;
    align-items: center;
    /* background: #0078D4;
  border-radius: 3px; */
    padding: 7px 8.35px;
    
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 24px;
    color: #3c4043;
    cursor: pointer;
    width: fit-content;
    width: -moz-fit-content;
    margin-bottom: 0px;
    transition: all 0.2s;
}

.new-drag-n-drp-align .form-control-file:hover {
    color: #0078d4;
    text-decoration: underline;
}

.new-drag-n-drp-align .form-control-file span {
    margin-right: 0px;
    position: relative;
    top: -2px;
}

.clear-all-btn span {
    margin-right: 7px;
    position: relative;
    top: -2px;
}

.clear-all-btn {
    display: flex;
    align-items: center;
    background: #ff6b6b;
    border: none;
    border-radius: 5px;
    padding: 0.6rem;
    
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    color: #ffffff;
    cursor: pointer;
    width: fit-content;
    width: -moz-fit-content;
    margin-bottom: 0px;
    margin-left: 15px;
    transition: all 0.2s;
}

.clear-all-btn:hover {
    background: #ff6b6be3;
}

.new-btn-grp button {
    transition: all 0.2s;
}

/* .new-btn-grp button:hover{
  background: linear-gradient(270deg, #11b5e8f2 0%, #1c90ddeb 100%) !important;
} */

.new-padd {
    padding: 8px 12px !important;
}

.new-padd-1 {
    padding: 0px 181px !important;
}

.new-padd-2 {
    padding: 0px 0px 0px 166px !important;
}

.file-list-open {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 0px;
}

.file-list-open-1 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 15px 1rem 15px 4rem !important;
}

/* .btn-red{
  background: #dc3545 !important;
}

.btn-green{
  background: #28a745 !important;
} */

#how-to-edit-modal .modal-body {
    padding: 50px 30px 30px 30px;
}

#how-to-edit-modal .modal-content {
    border-radius: 5px;
    border: 1px solid #ffffff;
}

#how-to-edit-modal.modal {
    background: rgb(0 0 0 / 0%);
}

#how-to-edit-modal .popup-title {
    width: inherit;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 23px;
    color: #3b3b3b;
}

#how-to-edit-modal .popup-sub-title {
    
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 23px;
    color: #3b3b3b;
    margin-bottom: 0px;
}

#main #quick-guides .card .card-header .btn-header-link:hover {
    text-decoration: none;
}

#how-to-edit-modal .popup-txt {
    
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 23px;
    color: #4a4a4a;
    margin-bottom: 15px;
    margin-top: 15px;
}

#how-to-edit-modal .popup-txt:nth-child(2),
#how-to-edit-modal .popup-txt:last-child {
    margin-top: 0px;
}

#how-to-edit-modal .modal-header-new {
    position: relative;
    top: -34px;
    right: -15px;
    width: fit-content;
    width: -moz-fit-content;
    float: right;
}

.contact-wrong-btn {
    background: #ffffff;
    border-radius: 3px;
    border: none;
    text-align: center;
    color: #5f6368;
    padding: 1px 13px;
    font-size: 20px;
    position: relative;
    top: -8px;
    right: -8px;
    text-align: center;
    transition: all 0.3s;
}

.contact-wrong-btn:focus,
.contact-wrong-btn:hover {
    background: #ec4040;
    color: #ffffff;
    outline: none;
}

.credits-consumed-container {
    padding: 20px 0px 20px 0px;
}

.credits-consumed-sub-title-container {
    padding: 10px 20px 10px 20px;
}

.credits-consumed-container ul {
    padding: 0px 20px;
}

.credits-consumed-container ul li {
    list-style-image: url("../images/list-dot.svg");
    
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 165.3%;
    color: #4a4a4a;
    margin-bottom: 10px;
    padding-left: 12px;
}

#main {
    box-shadow: 0 1.5rem 4rem rgba(22, 28, 45, 0.05) !important;
}

/* #main #quick-guides .card-bottom-border {
  border-bottom: 1px solid #f1f4f8 !important;
} */

/* #main #quick-guides .card {
  border-bottom: 1px solid #f1f4f8 !important;
} */

#main #quick-guides .card-header {
    border-bottom: 0px solid #d1d3d5;
    background: #ffffff !important;
    height: auto;
    padding: 0px !important;
}

#main {
    margin: 20px 0 20px 0;
}

#main #quick-guides .card .card-header .btn-header-link {
    display: flex;
    justify-content: space-between;
    text-align: left;
    background: #ffffff;
    padding: 1.5rem 2rem;
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    color: #1d1d1b;
    border-top: 1px solid #f1f4f8 !important;
    border-left: 1px solid #f1f4f8 !important;
    border-right: 1px solid #f1f4f8 !important;
    border-bottom: 0px solid #f1f4f8 !important;
}

#main #quick-guides .card .card-header .btn-header-link img {
    width: 71px;
    height: 54px;
}

#main #quick-guides .card .card-header .btn-header-link:after {
    content: "\f106";
    font-family: "Font Awesome 5 Free";
    color: #94a7b8;
    font-weight: 900;
    position: relative;
    right: 0px;
    top: 0px;
}

#main #quick-guides .card .card-header .btn-header-link.collapsed {
    background: #ffffff;
    color: #1d1d1b;
    transition: ease-in-out 0.4s;
}

/* #main #quick-guides .card .card-header .btn-header-link.collapsed:hover {
  background: #f5f5f5;
} */

#main #quick-guides .card .card-header .btn-header-link.collapsed:after {
    content: "\f107";
    color: #94a7b8;
    position: relative;
    right: 0px;
    top: 0px;
}

#main #quick-guides .card .collapsing {
    line-height: 30px;
}

#main #quick-guides .card .collapse {
    border: 0;
}

#main #quick-guides .card .collapse.in {
    line-height: 30px;
    color: #222;
}

#main #quick-guides .card .card-body {
    padding: 0px 20px 20px 20px !important;
    box-shadow: none;
    border-left: 1px solid #f1f4f8 !important;
    border-right: 1px solid #f1f4f8 !important;
}

.footer-text-link a {
    color: #ffffff;
}

.footer-text-link a:hover {
    color: #ffffff;
    text-decoration: none;
}
/* .delete-icon{
  background: url(../images/delete.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
} */

/* .focused-row .workspace-textarea{
  height: 150px;
} */

.workspace-textarea::-webkit-scrollbar {
    display: none;
}

.workspace-textarea {
    
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    color: #3c4043;
    outline: none;
    background: #ffffff00;
    border: rgba(136, 136, 136, 0) 1px solid;
    display: block;
    position: relative;
    resize: none;
    /* overflow: auto; */
    width: 100%;
    height: auto;
    /* max-height: 150px; */
    font-size: 14px;
    border: 1px solid #dedede00;
    box-shadow: inset 0 1px 2px #aebdcd00;
    -webkit-box-shadow: inset 0 1px 2px #aebdcd00;
    cursor: text;
    padding: 0px 10px;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-wrap: break-word;
    /* added to retain any blank spaces in contenteditable */
    /* white-space: pre-line;       css-3 */
    /* white-space: -moz-pre-line;  Mozilla, since 1999 */
    /* white-space: -pre-line;      Opera 4-6 */
    /* white-space: -o-pre-line;    Opera 7 */
    /* word-wrap: break-word;       Internet Explorer 5.5+ */
}
​ .workspace-textarea:hover {
    border-color: rgba(34, 36, 38, 0);
    box-shadow: none;
}

.tag-name {
    /*background: url(https://upload.wikimedia.org/wikipedia/commons/thumb/9/90/Perry-miniature-donkey-in-Palo-Alto-CA-2016.jpg/800px-Perry-miniature-donkey-in-Palo-Alto-CA-2016.jpg);*/
    /*background: #0000FF;*/
    height: 9pt;
}
/* Container holding the image and the text */
.tag-container {
    position: relative;
    text-align: center;
    color: white;
}
.tag-centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#workspace-textarea {
    border: 2px solid red;
    padding: 5px;
}
/* .draggable { */
/* display: inline-block; */
/*background: url(https://upload.wikimedia.org/wikipedia/commons/thumb/9/90/Perry-miniature-donkey-in-Palo-Alto-CA-2016.jpg/800px-Perry-miniature-donkey-in-Palo-Alto-CA-2016.jpg);*/
/* cursor: move !important;
    position: relative;
    direction: ltr;
    text-align: left;
    display: inline-block;
    padding: 0.5px 3px; */
/*background: #002b5c;*/
/* font-size: 13px;
    line-height: 1.3;
    color: #fff;
    vertical-align: middle;
    word-break: break-all; */
/* } */
/* .tag.tag-open {
    margin: 0 7px 0 1px;
} */

.tag-container {
    position: relative;
    display: inline-block;
}

.tag {
    position: relative;
    direction: ltr;
    text-align: left;
    display: inline-block;
    width: auto;
    height: 14px;
    background: #fff;
    background-color: var(--tag-color);
    font-size: 11px;
    padding: 0.5px 3px;
    line-height: 1.3;
    color: #fff;
    vertical-align: middle;
    word-break: break-all;
    cursor: -webkit-pointer;
    cursor: pointer;
    /* cursor:url(../images/double-tap-new.svg), auto; */
}
.tag.tag-open {
    margin: 0 7px 0 1px;
    text-align: center;
    user-select: none;
}

.tag.tag-close {
    margin: 0 1px 0 7px;
    text-align: center;
    user-select: none;
}

.tag.tag-close:after {
    content: "";
    position: absolute;
    left: -7px;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 7px 7px 0;
    border-color: transparent var(--tag-color);
}

.tag.tag-open:before {
    content: "";
    position: absolute;
    right: -7px;
    bottom: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 0 7px 7px;
    border-color: transparent var(--tag-color);
}

/* .tag span{
  all: revert;
}

.tag span{
  display: flow-root;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 320px;
  vertical-align: middle;
} */

.selected-tag {
    background-color: #014677 !important;
}

.selected-tag::before,
.selected-tag::after {
    border-color: transparent #014677 !important;
}

.settings-section {
    padding-top: 0rem;
    display: flex;
    height: inherit;
}

.settings-container {
    width: 100%;
    height: 100%;
}

.settings-container .tab-content{
    display: flex;
    flex-direction: column;
    height: inherit;
}

.asset-glossary-title-wrap{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 17px;
}

.settings-container .tab-content .tab-pane{
    overflow: auto;
    overflow-x: hidden;
    padding: 27px 25px 27px 25px;
}

.settings-container .tab-content .tab-pane > .tab-content .tab-pane{
    padding: 0px;
}

.range-slider-container h3.inner-title,
.settigs-inner-row h3.inner-title{
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    color: #3C4043;
    margin-bottom: 7px;
}

.settigs-inner-row p.tm-title-desc{
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.3;
    color: #3C4043;
    margin-bottom: 17px;
}

.settigs-inner-row .draganddrop-align img{
    margin-right: 0px;
    width: 72px;
}

.settigs-inner-row .assets-dropdown-wrap{
    margin-top: 0px !important;
    height: 134px !important;
    border-radius: 8px !important;
}

ul.asset-glossary-projects-wrap-list{
    padding-left: 0px;
}

ul.asset-glossary-projects-wrap-list li .asset-project-info-wrap{
    display: flex;
    /* align-items: center; */
    gap: 6px;
    width: 100%;
}

ul.asset-glossary-projects-wrap-list li .asset-project-info-wrap .assets-icon{
    width: 100%;
    height: 26px;
    max-width: 26px;
    background-color: #00875A;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    top: 6px;
}

ul.asset-glossary-projects-wrap-list li .asset-project-info-wrap .asset-project-info .title{
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.4;
    color: #3C4043;
}
ul.asset-glossary-projects-wrap-list li .asset-project-info-wrap .asset-project-info .lang-pair{
    display: flex;
    align-items: flex-start;
    gap: 3px;
}

ul.asset-glossary-projects-wrap-list li .asset-project-info-wrap .asset-project-info .lang-pair img{
    position: relative;
    top: 1px;
}

ul.asset-glossary-projects-wrap-list li .asset-project-info-wrap .asset-project-info .lang-pair span{
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 1.5;
    color: #8695A2;
}



.MuiMenuItem-root{
    font-size: 14px !important;
}

ul.qa-file-list-wrapper li .list-item-2 .job-selection-wrap{
    display: flex;
    align-items: center;
    width: 324px;
}

ul.qa-file-list-wrapper li .list-item-2 .action-wrapper{
    margin-left: 14px;
    display: flex;
    align-items: center;
    display: none;
}

ul.qa-file-list-wrapper li .list-item-2 .action-wrapper .settings-close-btn .download{
    color: #5F6368;
    font-size: 20px;
}

.qa-collapsible-wrapper{
    width: 95%;

}

.qa-collapsible-wrapper label{
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 0px;
    cursor: pointer;
}

.qa-collapsible-wrapper h2{
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    color: #3C4043;
    margin-bottom: 7px;
}

.qa-collapsible-wrapper small{
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.5;
    color: #3C4043;
}

.qa-collapse-title{
    padding-bottom: 15px;
    border-bottom: 1px solid #F0F0F0;
}

ul.qa-file-list-wrapper{
    padding-left: 0px;
    border-bottom: 1px solid #F0F0F0;
    margin-bottom: 0px;
}

ul.qa-file-list-wrapper li{
    display: flex;
    align-items: center;
    padding: 10px 0px;
    height: 61px;
}

ul.qa-file-list-wrapper li .list-item-1{
    width: 100%;
    max-width: 40%;
}

ul.qa-file-list-wrapper li .list-item-1{
    display: flex;
    align-items: center;
    gap: 7px;
}

ul.qa-file-list-wrapper li .list-item-2{
    width: 100%;
    max-width: 60%;
}

ul.qa-file-list-wrapper li .list-item-2 .selected-job-value .lang-pair-value{
    display: flex;
    align-items: center;
    gap: 4px;
}

ul.asset-glossary-projects-wrap-list li{
    border-bottom: 1px solid #F0F0F0;
    display: flex;
    /* align-items: center; */
    list-style-type: none;
    padding: 11px 0px 14px 0px;
    gap: 4px;
}

.settigs-inner-row .assets-dropdown-wrap .upload-link-wrapper label,
.settigs-inner-row .assets-dropdown-wrap .upload-text{
    font-size: 12px !important;
}

.settings-mega-container {
    display: flex;
    flex-grow: 1;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #007bff;
    background-color: #c5e3ff !important;
    border-radius: 0px;
}

.nav-pills .nav-link:hover {
    color: #007bff;
    background-color: #edf6ff;
    transition: 0.4s;
}

ul.qa-file-list-wrapper li .list-item-2{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

ul.qa-file-list-wrapper li .list-item-2 .all-job-txt,
ul.qa-file-list-wrapper li .list-item-2 span{
    font-weight: normal;
    font-size: 14px;
    line-height: 1.5;
    color: #0078D4;
}

ul.qa-file-list-wrapper li .list-item-1 span{
    font-weight: normal;
    font-size: 14px;
    line-height: 1.5;
    color: #3C4043;
}

.settings-heading {

    font-size: 30px;
    font-weight: 700;
    color: #161c2d;
    text-align: left;
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-bottom: 0px;
}

.settings-sub-heading {

    font-size: 24px;
    font-weight: 500;
    color: #1992e5;
    margin-bottom: 0px;
    padding: 1rem 1rem 0rem 1rem;
}

.settings-sub-heading-2 {

    font-size: 20px;
    font-weight: 500;
    color: #161c2d;
    margin-bottom: 0px;
    margin-top: 1rem;
}

.settings-notes {

    font-size: 16px;
    font-weight: 400;
    font-style: italic;
    color: #506690;
}

.settings-th {
    
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #161c2d;
    text-align: left;
    padding-left: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-bottom: 0px;
}

.settings-th-new {
    
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 16px;
    color: #161c2d;
    text-align: left;
    padding-left: 0rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-bottom: 0px;
}

.setting-table-head-new {
    padding-left: 0rem !important;
}

.setting-table-head {
    padding-left: 1rem !important;
}

table#translation_memories {
    border-bottom: 0px solid #dddddd !important;
    width: 100%;
    margin: auto;
}

table#translation_memories tbody {
    border-radius: 8px;
}

table#translation_memories tbody tr {
    border-bottom: 1.5px solid #dddddd !important;
}

table#translation_memories tbody tr:last-child {
    border-bottom: 0px solid #dddddd !important;
}

table#translation_memories_on_off {
    border-bottom: 0px solid #dddddd !important;
    width: 50%;
    margin: auto 0;
}

table#translation_memories_on_off tbody {
    border-radius: 8px;
}

table#translation_memories_on_off tbody tr {
    border-bottom: 1.5px solid #dddddd !important;
}

table#translation_memories_on_off tbody tr:last-child {
    border-bottom: 0px solid #dddddd !important;
}

.toolbar-mega-section {
    height: 94px;
}

.toolbar-parts-padd-top-add {
    padding-top: 56px;
}

.toolbar-parts-padd-top-remove {
    padding-top: 0rem;
}

.workspace-editor-normal-top {
    padding-top: 4.4rem;
}

.toolbar-parts {
    -webkit-box-shadow: 0px 1px 4px #0000000f;
    -moz-box-shadow: 0px 1px 4px #0000000f;
    box-shadow: 0px 1px 4px #0000000f;
    height: auto;
}

.workspace-editor-normal-top-new {
    padding-top: 0rem;
    height: 61vh;
    overflow: auto;
}

.workspace-box {
    height: 10vh;
}

.workspace-editor-add-top {
    padding-top: 0rem;
    /* flex-grow: 1; */
    flex: 1 1 auto;
    overflow: auto !important;
    overflow-x: hidden;
}

/* .workspace-editor-show-tm-add-top{
  padding-top: 0rem;
  height: 76.65vh;
  overflow: auto;
}

.workspace-editor-show-tm-comments-add-top{
  padding-top: 0rem;
  height: 43vh;
  overflow: auto;
}

.workspace-editor-new-bottom-height{
  padding-top: 0rem;
  height: 54vh;
  overflow: auto;
} */

.workspace-editor-add-top-1 {
    padding-top: 0rem;
    height: 61.6vh;
    overflow: auto;
}

/* .top-section-part-fixed{
  height: 10vh;
} */

.dashboard-link {
    color: #ffffff !important;
}

.diction-title {
    
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.3;
    color: #161c2d;
    margin-bottom: 0.5rem;
}

.toolbar-parts-padd-new-height {
    height: 33vh !important;
}

.toolbar-parts-padd-both-show {
    height: 26vh !important;
}

.workspace-editor-add-top-new-height {
    height: 61vh !important;
}

.dictionary-tile {
    background: #edf0f5;
    border-radius: 8px;
    padding: 1rem 1.5rem;
    box-shadow: 0px 5px 17px rgba(0, 0, 0, 0.03);
    margin-bottom: 1.5rem;
}

.spl-char-cont {
    border: 2px solid transparent;
    width: 40px !important;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.6rem;
    margin-bottom: 0px;
    transition: 0.4s ease all;
}

.spl-char-cont:hover {
    background: #ebebeb;
    cursor: pointer;
}

.spl-char-cont:focus {
    background: #e8f0fe;
    border: 2px solid #1a73e8;
}

.spl-char-cont:last-child,
.spl-char-cont:nth-child(4) {
    margin-right: 0.01rem;
}

.spl-char-cont p {
    
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 18px;
    color: #161c2d;
    margin-bottom: 0px;
}

.symbol-char {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin: 15px 0px;
    border: 1px solid #dddddd;
}

.symbol-char-title {
    
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
    color: #202124;
}

.special-char-box {
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}

.special-char-box:nth-child(8n) {
    border-right: 0px solid #dddddd;
}

.special-char-box:nth-child(38),
.special-char-box:nth-child(37),
.special-char-box:nth-child(36),
.special-char-box:nth-child(35),
.special-char-box:nth-child(34),
.special-char-box:nth-child(33),
.special-char-box:last-child {
    border-bottom: none;
}

.symbol-char .col-sm-3 {
    -ms-flex: 0 0 7.6%;
    flex: 0 0 7.6%;
    max-width: 100%;
    width: 100%;
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-bottom: 0rem;
}

.toolbar-part-container br {
    margin-top: 1rem;
}

.translation_memories-2 {
    width: 100%;
    margin: 8.5px auto 0 auto;
    height: inherit;
    background: #ffffff;
    border-radius: 8px;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.glossary-tbx-data-header .glossary-tbx-header-row{
    display: flex;
    align-items: center;
    gap: 16px;
}

.glossary-tbx-data-header .glossary-tbx-header-row .glossary-tbx-header-col{
    width: 50%;
    max-width: 100%;
}

.glossary-tbx-data-header .glossary-tbx-header-row .glossary-tbx-header-col:first-child{
    display: flex;
    align-items: center;
    gap: 16px;
}

.glossary-tbx-data-header .glossary-tbx-header-row .glossary-tbx-header-col .glossary-tbx-target{
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 22px;
    color: #3C4043;
    padding-bottom: 8px;
    border-bottom: 1px solid #E5E5E5;
}

.glossary-tbx-data-header .glossary-tbx-header-row .glossary-tbx-header-col:first-child .glossary-tbx-name-source-1{
    width: 40%;
    max-width: 100%;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 22px;
    color: #3C4043;
    padding-bottom: 8px;
    border-bottom: 1px solid #E5E5E5;
}

.glossary-tbx-data-header .glossary-tbx-header-row .glossary-tbx-header-col:first-child .glossary-tbx-name-source-2{
    width: 60%;
    max-width: 100%;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 22px;
    color: #3C4043;
    padding-bottom: 8px;
    border-bottom: 1px solid #E5E5E5;
}

table.translation_memories-1 {
    border-bottom: 0px solid #dddddd !important;
}

table.translation_memories-1 tbody tr {
    border-bottom: 1.5px solid #dddddd !important;
}

table.translation_memories-1 tbody tr:last-child {
    border-bottom: 0px solid #dddddd !important;
}

.translation-list-open {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 0px;
}

.translation-list-open-1 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 20px 0px !important;
}

.translation-list-open-2 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 20px 0px !important;
}

.tmx-links-algin {
    display: flex;
}

.translation-mem-percent-box {
    padding: 0rem 1rem;
    background: #1a73e878;
    border-radius: 30px;
    margin-left: 0rem;
    margin-top: 0.5rem;
}

.translation-mem-percent-box span {
    
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: 26px;
    vertical-align: middle;
    color: #ffffff;
}

.translation-list-open-2 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 22.5px 0px !important;
}

.new-icon-space {
    padding-right: 0.5rem;
}

.translation_memories {
    /* padding: 30px 50px 31px 50px; */
    background: #fff;
    border-radius: 8px;
    transition: ease-in-out 0.3s;
}

.translation_memories ul {
    padding-left: 0px;
    list-style-type: none;
}

.translation_memories ul li {
    border-bottom: 1.5px solid #dddddd;
}

.translation_memories ul li:last-child {
    border-bottom: 0px solid #dddddd;
}

.translation_memories-1 {
    width: 100%;
    /* padding: 30px 50px 31px 50px; */
    background: #fff;
    border-radius: 8px;
    transition: ease-in-out 0.3s;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.settings-file-names {
    
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 20px;
    color: #3c4043;
    margin-bottom: 0px;
    padding-left: 2rem;
    padding-bottom: 0rem;
    line-height: 1.6;
}

/* .target-tb-lang-part {
    padding: 3px 10px !important;
    border-radius: 30px;
    background: #f6f6f6;
} */

.file-delete {
    border: 0px;
    background: transparent;
    font-size: 22px;
    color: #ff6b6b;
}

.table-textbox-align-2 {
    display: flex;
    padding-left: 0.7rem;
    align-items: center;
    justify-content: center;
}

.table-textbox-align {
    display: flex;
    padding-left: 1.5rem;
    align-items: center;
}

.table-textbox-align-2 form select,
.table-textbox-align form select {
    border: 0px;
    background: #ececec;
    padding: 5px 69px 3px 10px;
    border-radius: 5px;
    
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #161c2d;
    line-height: 1.6;
}

.table-textbox-align-2 form input,
.table-textbox-align form input {
    border: 0px;
    background: #ececec;
    padding: 3px 10px;
    border-radius: 5px;
    
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #161c2d;
    line-height: 1.6;
}

.table-textbox-align-2 span,
.table-textbox-align span {
    
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #161c2d;
    margin-bottom: 0px;
    padding-left: 0.5rem;
    line-height: 1.6;
}

.setting-normal-text {
    
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 2;
    color: #161c2d;
}

.new-width {
    width: 80% !important;
    margin: 0 !important;
}

.table-textbox-align-2 form input[type="radio"] {
    appearance: none;
    display: none;
}

.table-textbox-align-2 form input[type="radio"] + label {
    cursor: pointer;
    position: relative;
    padding-left: 30px;
    margin-bottom: 0px;
}

.table-textbox-align-2 form input[type="radio"] + label::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #1c90dd;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    transition: all 0.3s;
}

.table-textbox-align-2 form input[type="radio"] + label::after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 1px solid #1c90dd;
    background: #1c90dd;
    border-radius: 50%;
    position: absolute;
    left: 4px;
    bottom: 8px;
    opacity: 0;
    transition: all 0.3s;
}

.table-textbox-align-2 form input[type="radio"]:checked + label::after {
    opacity: 1;
}

.add-padding-left {
    padding-left: 5.8rem;
}

.new-width-1 {
    width: 40% !important;
    margin: 0 !important;
}

.checkbox-align-new,
.checkbox-align {
    display: block;
    margin-bottom: 0px;
    padding-top: 0.5rem;
    padding-bottom: 1rem;
}

.checkbox-align-new input,
.checkbox-align input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.checkbox-align-new label,
.checkbox-align label {
    position: relative;
    cursor: pointer;
    margin-bottom: 0px;
}

.checkbox-align-new label::before,
.checkbox-align label::before {
    content: "";
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #1c90dd;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
}

.checkbox-align-new input:checked + label::after,
.checkbox-align input:checked + label::after {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 9px;
    width: 6px;
    height: 14px;
    border: solid #1c90dd;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

#collapse-part {
    padding-top: 1.5rem;
}

.hidden {
    display: none;
}

.chat-notification-box-show,
ul.submenu-1-active {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
    top: 45px !important;
    right: 11px !important;
}

ul.navbar-nav-right-links li.nav-drp-down-new:hover ul.submenu,
ul.navbar-nav li.nav-drp-down-new:hover ul.submenu {
    display: block;
    opacity: 1;
    visibility: visible;
    overflow: visible;
    top: 40px;
    right: 60px;
}

ul.navbar-nav-right-links li.nav-drp-down:hover ul.submenu,
ul.navbar-nav li.nav-drp-down.tour-hover ul.submenu,
ul.navbar-nav li.nav-drp-down:hover ul.submenu {
    display: block;
    opacity: 1;
    visibility: visible;
    overflow: visible;
    top: 43px;
    right: 60px;
}

ul.submenu {
    background-color: #fff;
    display: none;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    visibility: hidden;
    -webkit-box-shadow: 0px 2px 8px #00000029;
    -moz-box-shadow: 0px 2px 8px #00000029;
    box-shadow: 0px 2px 8px #00000029;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
    width: 195px;
    height: auto;
    padding: 8px 0px;
    border-radius: 4px;
}

.chat-notification-box {
    background-color: #fff;
    display: none;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    visibility: hidden;
    -webkit-box-shadow: 0px 26px 63px #00000033;
    -moz-box-shadow: 0px 26px 63px #00000033;
    box-shadow: 0px 26px 63px #00000033;
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
    width: 338px;
    height: auto;
    padding: 0px;
    border-radius: 4px;
    z-index: 1080;
}

ul.submenu-1 {
    background-color: #fff;
    display: none;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    visibility: hidden;
    -webkit-box-shadow: 0px 26px 63px #00000033;
    -moz-box-shadow: 0px 26px 63px #00000033;
    box-shadow: 0px 26px 63px #00000033;
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
    width: 320px;
    height: auto;
    padding: 0px;
    border-radius: 4px;
    z-index: 100000000000;
}

ul.submenu li {
    list-style-type: none;
    padding: 0;
}

ul.submenu-1 li {
    list-style-type: none;
    padding: 0px;
    border-bottom: 0px solid #ecedf0;
}


ul.submenu-1 li:nth-child(4),
ul.submenu-1 li:nth-child(5){
    border-bottom: 2px solid #ecedf0;
}

ul.submenu-1 li:last-child {
    border-bottom: 0px solid #ecedf0;
}

ul.submenu-1 li:last-child a.logout-cls {
    padding: 18px 21px !important;
    margin-bottom: 0px;
    border-radius: 0px 0px 4px 4px !important;
}

ul.submenu-1 li p.txt-dark {
    width: 100%;
    font-weight: 500;
    
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 0px;
    cursor: unset;
    color: rgb(32, 33, 36) !important;
    padding: 19px 21px 10px;
    transition: all 0.4s ease 0s;
}

ul.submenu-1 li a,
ul.submenu-1 li a.nav-link {
    color: #5f6368 !important;
    padding: 12px 21px !important;
    width: 100%;
    text-align: left !important;
    font-weight: 400;
    
    font-size: 14px;
    line-height: 17px;
    transition: all 0.4s ease;
    margin-bottom: 0px;
    border-radius: unset !important;
    display: flex;
}

.acc-details {
    display: flex;
    align-items: center;
    padding: 15px 20px 15px 20px !important;
    border-bottom: 0px !important;
}

.acc-details-profile .drp-down-profile-icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}

.acc-details-profile .drp-down-no-profile-icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #0078d4;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;

    font-weight: 500;
    font-size: 24px;
}

.acc-member-info {
    padding-left: 11px;
}

.acc-member-info .name {
    color: #202124;

    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 0px;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    width: auto;
    max-width: 189px;
}

.acc-member-info .email {
    color: #202124;

    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    margin-bottom: 0px;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    width: auto;
    max-width: 189px;
}

.submenu-plan-details {
    padding: 10px 0px 0px 0px;
}

.submenu-plan-details p.head {
    color: #202124;

    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    margin-bottom: 1.2rem;
}

.submenu-plan-details p.new-head {
    color: #5f6368;

    font-weight: 400;
    font-size: 14px;
    line-height: 13px;
    /* margin-top: 1.2rem; */
    margin-bottom: -0.1rem;
    padding: 0;
}

.new-padd-add {
    padding: 12px 21px !important;
}

.submenu-plan-details p.plan-details {
    color: #5f6368;

    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    padding: 12px 21px 0px 21px;
    /* margin-bottom: 0px; */
}

.submenu-plan-details p.plan-details.deactive-acc {
    padding: 0 !important;
}

.submenu-plan-details p.plan-details span {
    color: #ffffff;

    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    background-color: #0078d4;
    border-radius: 2px;
    padding: 3px 5px;
    text-transform: uppercase;
    margin-left: 0.4rem;
}

.navbar-nav-right-links p.pull-right,
.navbar-nav-right-links a.pull-right,
ul.submenu li a {
    color: #3c4043 !important;
    background-color: #ffffff !important;
    padding: 5px 10px !important;
    width: 100%;
    text-align: left !important;
    font-weight: 400;
    
    font-size: 14px;
    line-height: 24px;
    transition: all 0.4s;
    display: block;
    cursor: pointer;
}

ul.submenu-1 li:last-child a.logout-cls:hover {
    color: #ffffff !important;
    background-color: #0078d4 !important;
    transition: 0.4s all ease;
}

ul.submenu-1 li a:hover,
ul.submenu-1 li a.nav-link:hover {
    color: #5f6368 !important;
    background-color: #f5f5f5 !important;
    transition: 0.4s;
}

.navbar-nav-right-links p.pull-right:hover,
.navbar-nav-right-links a.pull-right:hover,
ul.submenu li a:hover {
    color: #202124 !important;
    background-color: #f1f3f4 !important;
    text-decoration: none;
    transition: 0.4s;
}

.nav-icon-bg {
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    margin-right: 5px;
    margin-left: 5px;
    border-radius: 50%;
    cursor: pointer;
    transition: 0.4s all ease;
}

.nav-icon-bg:hover {
    background-color: #0000001c;
    transition: 0.4s all ease;
}

.nav-icon-bg a {
    position: relative;
    top: -2px;
}

.nav-icon-bg a .black{
    color: #5F6368;
    font-size: 20px;
}

.nav-icon-bg a .white{
    color: #ffffff;
    font-size: 20px;
}

.filter-icon-row .icon-ball{
    width: auto;
    min-width: 20px;
    max-width: 40px;
    height: auto;
    min-height: 20px;
    max-height: 40px;
    padding: 3px 5px 2px 5px;
    background-color: #0074D3;
    border-radius: 100px;
    font-weight: 500;
    font-size: 11px;
    color: #ffffff;
}

.nav-icon-bg a .badge {
    position: absolute;
    width: auto;
    min-width: 16px;
    max-width: 40px;
    height: auto;
    min-height: 16px;
    max-height: 40px;
    padding: 3px 5px 2px 5px;
    background-color: #e41e3f;
    border-radius: 100px;
    font-weight: 500;
    font-size: 11px;
    color: #ffffff;
    top: -2px;
    right: -7px;
}

.chat-notification-box-animated,
.submenu-animated {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.chat-notification-box-fade-in,
.submenu_fadeIn {
    -webkit-animation-name: submenu_fadeIn;
    animation-name: submenu_fadeIn;
}

#top-modal-show .modal-lg {
    max-width: 100% !important;
    margin: 0 auto;
}

#top-modal-show .modal-content {
    border-radius: 0px;
    background-color: #edf0f5;
}

.target-lang-align {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    background: #f6f6f6;
    border-radius: 4px;
    padding: 10px;
    transition: 0.3s all ease;
}

.target-lang-align td {
    width: 80%;
}

.tm-tb-sub-cont-2{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

/* .translation-list-src-part:first-child{
    width: 50%;
    max-width: 100%;
}

.translation-list-src-part:last-child{
    width: 50%;
    max-width: 100%;
}

.translation-list-src-part:nth-child(2){
    margin-right: 20px;
}

.translation-list-src-part:not(:last-child){
    margin-bottom: 0px;
} */

.translation-list-src-part img{
    width: 30px;
}

#top-modal-show.modal {
    padding-right: 0px !important;
}

#top-modal-show .modal-body {
    padding: 2rem 1rem;
}

#top-modal-show .modal-header-new {
    position: relative;
    top: 0px;
    right: 0px;
    width: fit-content;
    width: -moz-fit-content;
    float: right;
}

.top-section-show {
    padding: 0rem 0rem 0rem 0rem;
    background-color: #ffffff;
    height: inherit;
}

.top-section-title-align {
    display: flex;
    align-items: center;
    margin-bottom: 0rem;
    margin-top: 0rem;
}

.top-section-show .modal-header-new {
    position: relative;
    top: 0px;
    right: 0px;
    width: fit-content;
    width: -moz-fit-content;
    float: right;
}

.top-section-show .contact-wrong-btn {
    background: #ffffff;
    border-radius: 3px;
    border: none;
    text-align: center;
    color: #5f6368;
    padding: 1px 13px;
    font-size: 18px;
    position: relative;
    top: -8px;
    right: -8px;
    text-align: center;
    transition: all 0.3s;
}

.top-section-show .contact-wrong-btn:focus,
.top-section-show .contact-wrong-btn:hover {
    background: #ec4040;
    color: #ffffff;
    outline: none;
}

#top-modal-show .contact-wrong-btn {
    background: #ffffff;
    border-radius: 3px;
    border: none;
    text-align: center;
    color: #5f6368;
    padding: 1px 13px;
    font-size: 18px;
    position: relative;
    top: -8px;
    right: -8px;
    text-align: center;
    transition: all 0.3s;
}

#top-modal-show .contact-wrong-btn:focus,
#top-modal-show .contact-wrong-btn:hover {
    background: #ec4040;
    color: #ffffff;
    outline: none;
}

.toolbar-part-section {
    background: #ffffff;
    border-bottom: 1px solid #dadce0;
    height: 38px;
}

.languages-info-part {
    background: #ffffff;
    height: 32px;
    box-shadow: 0px 1px 4px #0000000f;
    display: flex;
    align-items: center;
}

.toolbar-parts {
    background: #ffffff;
    padding: 1rem;
    position: relative;
    top: 1px;
}

.find-and-replace-cont {
    width: 100%;
}

.form-section form input[type="text"] {
    border: 0px;
    padding: 3px 10px;
    border-radius: 0px;
    border: 1px solid #dedede;
    box-shadow: inset 0 1px 2px #aebdcd;
    -webkit-box-shadow: inset 0 1px 2px #aebdcd;
    
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    color: #161c2d;
    line-height: 1.6;
    width: 100%;
    height: 40px;
}

.form-section .form-check {
    padding-top: 0rem;
    padding-left: 0rem;
}

.toolbar-btn-align {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.form-checkbox-align {
    display: flex;
    align-items: center;
    margin-right: 1.5rem;
}

.form-setup-radio-button-label {
    
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    color: #3c4043;
    line-height: 14px;
    margin-bottom: 0.5rem;
    margin-top: 1.5rem;
}

.form-setup-section {
    align-items: unset !important;
    width: 100%;
    flex-wrap: wrap;
}

.form-setup-section .form-check {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    margin-bottom: 15px;
    width: 25%;
}

.form-setup-section .form-check:first-child {
    padding-left: 0rem;
    padding-right: 1.25rem;
    margin-bottom: 15px;
    width: 20%;
}

.form-setup-section .form-radio-label,
.form-section .form-radio-label {
    
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    color: #3c4043;
    line-height: 14px;
}

.form-section .form-check-input {
    width: 17px;
    height: 17px;
}

.form-setup-section input[type="radio"]:checked,
.form-setup-section input[type="radio"]:not(:checked),
.form-section input[type="radio"]:checked,
.form-section input[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.form-setup-section input[type="radio"]:checked + .form-radio-label,
.form-setup-section input[type="radio"]:not(:checked) + .form-radio-label,
.form-section input[type="radio"]:checked + .form-radio-label,
.form-section input[type="radio"]:not(:checked) + .form-radio-label {
    position: relative;
    padding-left: 23px;
    cursor: pointer;
    line-height: 1.4;
    display: inline-block;
    margin-bottom: 0px;
}

.form-setup-section input[type="radio"]:checked + .form-radio-label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border: 1.5px solid #1a73e8;
    border-radius: 100%;
    background: #fff;
}
.form-section input[type="radio"]:checked + .form-radio-label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 17px;
    height: 17px;
    border: 2px solid #1a73e8;
    border-radius: 100%;
    background: #fff;
}

.form-setup-section input[type="radio"]:not(:checked) + .form-radio-label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border: 1.5px solid #5f6368;
    border-radius: 100%;
    background: #fff;
}
.form-section input[type="radio"]:not(:checked) + .form-radio-label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 17px;
    height: 17px;
    border: 2px solid #5f6368;
    border-radius: 100%;
    background: #fff;
}

.form-setup-section input[type="radio"]:checked + .form-radio-label:after,
.form-setup-section input[type="radio"]:not(:checked) + .form-radio-label:after {
    content: "";
    width: 8px;
    height: 8px;
    background: #1a73e8;
    position: absolute;
    top: 4.1px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.form-section input[type="radio"]:checked + .form-radio-label:after,
.form-section input[type="radio"]:not(:checked) + .form-radio-label:after {
    content: "";
    width: 7px;
    height: 7px;
    background: #1a73e8;
    position: absolute;
    top: 5.1px;
    left: 5px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.form-setup-section input[type="radio"]:not(:checked) + .form-radio-label:after,
.form-section input[type="radio"]:not(:checked) + .form-radio-label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.form-setup-section input[type="radio"]:checked + .form-radio-label:after,
.form-section input[type="radio"]:checked + .form-radio-label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.form-setup-section input[type="radio"]:checked + .form-radio-label,
.form-section input[type="radio"]:checked + .form-radio-label {
    color: #1a73e8;
}

.form-section input[type="text"] {
    min-width: 270px;
    width: 100%;
    height: 26px;
    border: 1px solid #dadce0;
    border-radius: 4px;
    
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    color: #3c4043;
    line-height: 14px;
    padding: 5px 12px;
}

.form-section input[type="text"]:focus {
    border: 2px solid #1a73e8;
    outline-color: #1a73e8;
}

.form-section input[type="text"]#replace-target,
.form-section input[type="text"]#find-term {
    margin-right: 1rem;
}

/* .form-section input[type="text"]:hover {
    border-color: rgba(34, 36, 38, 0.35);
    box-shadow: none;
} */

.form-section input[type="text"]::placeholder {
    
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    color: #ababab;
    line-height: 14px;
}

.form-section .form-group {
    margin-bottom: 0px;
}

.toolbar-part-container {
    width: 98%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.toolbar-part-container ul {
    padding-left: 0px;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0px;
}

.toolbar-part-container ul:nth-child(3) li:last-child,
.toolbar-part-container ul:nth-child(2) li:last-child,
.toolbar-part-container ul:first-child li:last-child {
    padding-right: 13px;
}

.toolbar-part-container ul.last-row-tools:last-child li:first-child,
.toolbar-part-container ul:nth-child(3) li:first-child,
.toolbar-part-container ul:nth-child(2) li:first-child {
    padding-left: 13px;
}

.toolbar-part-container ul.last-row-tools li:first-child {
    padding-left: 13px;
}

.toolbar-part-container ul li {
    
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    color: #3b3b3b;
    margin: 6px 0px;
    padding: 0px 5px;
    transition: 0.4s all;
}

/* .toolbar-part-container ul li:hover{
    background: #deefff;
    color: #2792E5;
    cursor: pointer;
} */

.top-body-title {
    
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 23px;
    color: #3b3b3b;
    margin-bottom: 0rem;
    padding-left: 12px;
}

.target-lang-txt,
.src-lang-txt {
    
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 23px;
    color: #4a4a4a;
    margin-bottom: 15px;
    margin-top: 15px;
}

.modal-top-body {
    width: 100%;
    margin: auto;
    height: inherit;
}

@-webkit-keyframes submenu_fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes submenu_fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.settings-page-title-align {
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
    margin-left: 0.6rem;
}

.target-lang-align-1 td {
    width: 80%;
}

.switch-show-hide {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 37px;
    border-radius: 37px;
    background-color: #ececec;
    cursor: pointer;
    transition: all 0.3s;
    overflow: hidden;
    margin-bottom: 0px;
    /* box-shadow: 0px 0px 2px rgba(0,0,0, .3); */
}
.switch-show-hide input {
    display: none;
}
.switch-show-hide input:checked + div {
    left: calc(80px - 32px);
    box-shadow: 0px 0px 0px white;
}
.switch-show-hide div {
    position: absolute;
    width: 27px;
    height: 27px;
    border-radius: 30px;
    background-color: white;
    top: 5px;
    left: 5px;
    /* box-shadow: 0px 0px 1px rgb(150,150,150); */
    transition: all 0.3s;
}
.switch-show-hide div:before,
.switch-show-hide div:after {
    position: absolute;
    content: "SHOW";
    width: calc(80px - 40px);
    height: 37px;
    line-height: 37px;
    
    font-size: 13px;
    font-weight: bold;
    top: -5px;
}
.switch-show-hide div:before {
    content: "HIDE";
    color: #333333;
    left: 100%;
    padding-left: 6px;
}
.switch-show-hide div:after {
    content: "SHOW";
    right: 110%;
    color: white;
    font-size: 13px;
    padding-left: 2px;
}

.switch-show-hide-checked {
    background-color: #1c90dd;
    box-shadow: none;
}

mark {
    background-color: #f9eb29 !important;
    padding: 0.01em 0 !important;
}

.reset-btn-padd {
    padding: 10px !important;
    margin-right: 1rem;
    margin-top: 1rem;
}

.arrow-align {
    display: flex;
    align-items: center;
    margin-right: 1rem;
}

.findandreplacealign {
    display: flex;
    align-items: center;
}

.down-arrow {
    height: 24px;
    width: 24px;
    display: flex;
    color: #5f6368;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    border: solid 1px transparent;
}

.up-arrow {
    height: 24px;
    width: 24px;
    color: #5f6368;
    display: flex;
    border-radius: 2px;
    border: solid 1px transparent;
    align-items: center;
    justify-content: center;
}

.up-arrow:hover,
.down-arrow:hover {
    border-radius: 2px;
    background-color: #ebebeb;
    transition: 0.4s all;
    cursor: pointer;
}

.spellcheck-highlight {
    /* text-decoration: underline;
  -webkit-text-decoration-color: rgb(243, 46, 46);  
  text-decoration-color: red; */
    background: transparent !important;
    /* text-decoration-thickness: 2px; */
    position: relative;
}

.workspace-textarea {
    position: relative;
}

.spellcheck-highlight::after {
    bottom: -1px;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    background: #f50000;
    width: 100%;
    animation: border_anim 0.4s linear forwards;
}

@keyframes border_anim {
    0% {
        width: 0%;
    }
    100% {
        width: 100%;
    }
}

.grammarcheck-highlight {
    background: transparent !important;
    background-position: center calc(100% + 2px);
    background-repeat: no-repeat;
    border-bottom: 2px solid #0c8812;
    contain: layout style;
    padding-bottom: 1px;
    /* transition: border-bottom-color .5s linear; */
    animation: border_anim_grammer 0.4s linear forwards;
    /* -webkit-animation-iteration-count: 1!important;
    animation-iteration-count: 1!important; */
}

/* .grammarcheck-highlight::after {
    bottom: -1px;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    background: #0c8812;
    width: 100%;
    animation: border_anim 0.4s linear forwards;
} */

@keyframes border_anim_grammer {
    0% {
        border-bottom-color: transparent;
    }
    100% {
        border-bottom-color: #0c8812;
    }
}

@keyframes border_anim {
    0% {
        width: 0%;
    }
    100% {
        width: 100%;
    }
}

.spellcheck-replaced {
    background: transparent !important;
}

.spellcheck-remove-highlight {
    background: transparent !important;
}

.corrected-word {
    cursor: pointer;
}

ul#workspace li:first-child .focused-row {
    box-sizing: border-box;
    border-radius: 8px !important;
    border-top: 1px solid transparent !important;
    border-left: 1px solid transparent !important;
    border-right: 1px solid transparent !important;
    border-bottom: 1px solid transparent !important;
    background-clip: padding-box, border-box !important;
    background-origin: padding-box, border-box !important;
    background-image: linear-gradient(#fff, #fff), linear-gradient(#e5e5e5, #c7c7c7) !important;
    text-decoration: none;
    -webkit-box-shadow: 0px 3px 6px #00000029;
    -moz-box-shadow: 0px 3px 6px #00000029;
    box-shadow: 0px 3px 6px #00000029;
    /* box-shadow: 0 2px 2px rgba(0,0,0,.22), 0 1px 4px 0rgba(0,0,0,.37); */
    position: relative;
    top: 3px;
    margin: auto !important;
    width: 100% !important;
    z-index: 1;
}

ul#workspace li .focused-row {
    /* background: #FFFFFF 0% 0% no-repeat padding-box !important; */
    /* border-radius: 8px; */
    /* border-top: 0px solid #C7C7C7 !important;
  border-left: 0px solid #C7C7C7 !important;
  border-right: 0px solid #C7C7C7 !important;
  border-bottom: 0px solid #C7C7C7 !important; */
    box-sizing: border-box;
    border-radius: 8px !important;
    border-top: 1px solid transparent !important;
    border-left: 1px solid transparent !important;
    border-right: 1px solid transparent !important;
    border-bottom: 1px solid transparent !important;
    background-clip: padding-box, border-box !important;
    background-origin: padding-box, border-box !important;
    background-image: linear-gradient(#fff, #fff), linear-gradient(#e5e5e5, #c7c7c7) !important;
    text-decoration: none;
    -webkit-box-shadow: 0px 3px 6px #00000029;
    -moz-box-shadow: 0px 3px 6px #00000029;
    box-shadow: 0px 3px 6px #00000029;
    /* box-shadow: 0 2px 2px rgba(0,0,0,.22), 0 1px 4px 0rgba(0,0,0,.37); */
    position: relative;
    top: 0px;
    margin: auto !important;
    width: 100% !important;
    z-index: 1;
}

ul#workspace li:first-child .focused-row .target-lang-part-loader,
ul#workspace li:first-child .focused-row .target-lang-part {
    padding: 1.5rem 1.5rem 1rem 1.5rem;
}
ul#workspace li:first-child .focused-row .src-lang-part {
    padding: 1.5rem 1.5rem 1rem 1.5rem;
}

ul#workspace li:hover .workspace-row.focused-row{
    border-left: 1px solid transparent !important;
    border-right: 1px solid transparent !important;
}

.focused-row .src-lang-part {
    padding: 1.5rem 1.5rem 1rem 1.5rem;
    border-right: 1px solid #d7d7d7;
}
.focused-row .target-lang-part-loader,
.focused-row .target-lang-part {
    padding: 1.5rem 1.5rem 1rem 1.5rem;
}

ul#workspace li .workspace-row-copy
/* ul#workspace li .workspace-row  */
{
    padding-left: 0px;
    list-style-type: none;
    border-top: 1px solid transparent;
    border-left: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
    border-bottom: 1px solid transparent;
    width: 95%;
    margin: auto;
}


ul#workspace li .workspace-row{
    padding-left: 0px;
    list-style-type: none;
    width: 96.7%;
    margin: auto;
    background-color: #F1F4F8;
    border-radius: 6px;
    transition: 0.15s background-color ease-in-out;
}

ul#workspace li .workspace-row.confirmed-segment{
    background-color: #0074d312;
    transition: 0.15s background-color ease-in-out;
}

ul#workspace li .workspace-row.unconfirmed-segment{
    background-color: #FF476612;
    transition: 0.15s background-color ease-in-out;
}

ul#workspace li:not(:last-child){
    margin-bottom: 8px;
}

ul#workspace.load li:not(:last-child){
    margin-bottom: 0px;
}

ul#workspace li {
    display: flex;
    align-items: center;
    position: relative;
}

ul#workspace {
    padding-left: 0px;
}
ul#workspace li .workspace-row-copy,
ul#workspace li .workspace-row {
    display: flex;
    /* background: #ffffff; */
    /* transition: 0.4s all ease; */
}

/* ul#workspace li:last-child:hover .workspace-row-copy,
ul#workspace li:first-child:hover .workspace-row-copy,
ul#workspace li:hover .workspace-row-copy,
ul#workspace li:last-child:hover .workspace-row,
ul#workspace li:first-child:hover .workspace-row,
ul#workspace li:hover .workspace-row {
    border-top: 1px solid #0074D34D;
    border-left: 1px solid #0074D34D;
    border-right: 1px solid #0074D34D;
    border-bottom: 1px solid #0074D34D;
} */

ul#workspace li .workspace-row-copy.segmentbgchange,
ul#workspace li .workspace-row-copy.segmentbgchange.focused-row
/* ul#workspace li .workspace-row.segmentbgchange,
ul#workspace li .workspace-row.segmentbgchange.focused-row  */
{
    background: #e8f0fe !important;
    border-top: 1px solid #0074d3 !important;
    border-left: 1px solid #0074d3 !important;
    border-right: 1px solid #0074d3 !important;
    border-bottom: 1px solid #0074d3 !important;
}

ul#workspace li:first-child .workspace-row-copy
/* ul#workspace li:first-child .workspace-row  */
{
    border-top: 1px solid #dedede;
    border-radius: 6px 6px 0px 0px;
}

ul#workspace li:last-child .workspace-row-copy
/* ul#workspace li:last-child .workspace-row  */
{
    border-bottom: 1px solid #dedede;
    border-radius: 0px 0px 6px 6px;
}

ul#workspace li:nth-child(odd) .workspace-row-copy
/* ul#workspace li:nth-child(odd) .workspace-row  */
{
    background: #EBEBEB;
}

ul#workspace li:nth-child(even) .workspace-row-copy
/* ul#workspace li:nth-child(even) .workspace-row  */
{
    background: #f5f5f5;
}

.src-workspace-align {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
}

ul#workspace {
    position: relative;
}

.src-lang-part {
    width: 50%;
    padding: 1.5rem;
    /* border-right: 1px solid #D7D7D7; */
}

.target-lang-part-loader,
.target-lang-part {
    width: 50%;
    padding: 1.5rem 1.5rem 1rem 1.5rem;
}

.target-lang-row-align {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 11px;
    padding: 0px 10px;
}

.focused-row .segment-status span.segment-flag {
    background: #00000014;
    border-radius: 4px;
    padding: 0px 8px;
}

.segment-status {
    display: flex;
    align-items: center;
}

.segment-status span:first-child {
    margin-left: 0rem;
}

.segment-status span {
    margin-left: 0.5rem;
}

.segment-status span.segment-flag {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 22px;
    color: #5f6368;
    background: #00000014;
    border-radius: 4px;
    padding: 0px 10px;
    transition: 0.15s background ease-in-out, 0.15s color ease-in-out;
}

.segment-status span.segment-flag.status-danger{
    background: #FF4766;
    color: #FFFFFF;
    transition: 0.15s background ease-in-out, 0.15s color ease-in-out;
}

.segment-status span.segment-flag.status-confirmed{
    background: #0074D3;
    color: #FFFFFF;
    transition: 0.15s background ease-in-out, 0.15s color ease-in-out;
}

.toolbar-part-container .toolbar-list-align {
    display: flex;
}

.workspace-features .top-resize::before{
    content: "";
    width: 100%;
    height: 5px;
    background-color: #FAFAFA;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
}

.workspace-features {
    background: #ffffff;
    position: relative;
    width: 100%;
    height: auto;
    flex: 0 0 auto;
    min-height: 51px;
    max-height: 380px;
    display: flex;
    flex-direction: column;
}

.wokspace-features-collapse {
    max-height: 380px;
}

.workspacefeaturesclass-add-height {
    height: 20vh;
}

.workspace-tools-bar {
    border-bottom: 1px solid #EAECED;
    border-top: 1px solid #D6D9DC;
    height: 35px;
}

.workspace-tools-bar .workspace-tool-bar-wrap{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: inherit;
    width: 100%;
}

.workspace-tools-bar .nav-link {
    padding: 0;
}

.workspace-working-area {
    flex-grow: 1;
    transition: 0.3s ease;
    overflow: auto;
}

.workspace-tools-bar ul {
    padding-left: 27px;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    /* margin: 5px 0; */
}

.workspace-tools-bar ul li {
    padding: 0px 19px;
    border-right: 0px solid #dadce0;
}

.workspace-tools-bar ul li:first-child{
    padding-left: 0px !important;
}

.workspace-tools-bar .nav-link.active {
    font-weight: 500;
    color: #3c4043 !important;
    background-color: transparent !important;
    /* border-bottom: 2px solid #1A73E8; */
}

.workspace-tools-bar .nav-link {
    
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 1;
    color: #3c4043 !important;
    border-radius: 0 !important;
    padding-bottom: 0px;
    /* border-bottom: 2px solid transparent; */
    transition: 0.3s all ease;
    position: relative;
    top: 2px;
}

.workspace-tools-bar .nav-link::after {
    content: "";
    border-bottom: 2.5px solid transparent;
    display: block;
    position: relative;
    top: 15px;
    transition: 0.3s all ease;
}

.workspace-tools-bar .nav-link.active::after {
    content: "";
    border-bottom: 2.5px solid #1a73e8;
    display: block;
    position: relative;
    top: 6px;
}

.workspace-tools-bar .nav-link:hover::after {
    border-bottom: 2.5px solid #1a73e8;
}

.workspace-tools-bar .nav-link:hover {
    font-weight: 500;
    color: #3c4043 !important;
    cursor: pointer;
    background: transparent;
    border-radius: 0;
    transition: 0.3s all ease;
}

.workspace-tools-bar ul li:last-child {
    border-right: 0px solid #dadce0;
}

.workspace-tools-bar-right-sec {
    display: flex;
    align-items: center;
    padding-right: 10px;
    /* position: relative;
    top: -2px; */
}

.workspace-tools-bar-right-sec .workspace-progress-bar-part {
    display: flex;
    align-items: center;
}

/* .workspace-tools-bar-right-sec .workspace-page-minimize,
.workspace-tools-bar-right-sec .workspace-progress-bar-part,
.workspace-tools-bar-right-sec .workspace-page-per-num{
  border-right: 1px solid #DADCE0;
} */

.workspace-tools-bar-right-sec .workspace-page-minimize{
    padding-left: 8px;
    border-left: 1px solid #DADCE0;
}

.workspace-page-per-num .border-right-add-new{
    border-right: 1px solid #dadce0;
}

.workspace-progress-bar-part.border-right-add {
    border-left: 1px solid #DADCE0;
}

.workspace-progress-bar-part.border-right-add {
    padding-left: 24px;
    padding-right: 17px;
}

.workspace-tools-bar-right-sec .page-per-num {
    
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 12px;
    color: #3c4043;
    padding: 0 0.6rem;
    display: flex;
}

.workspace-tools-bar-right-sec .tool-tm-section-minimize {
    height: 20px;
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    background-color: #f2f2f200;
    transition: 0.3s all ease;
}

.workspace-tools-bar-right-sec .workspace-page-pinned{
    /* padding: 0 4.5px; */
    padding-right: 11px;
    display: flex;
    align-items: center;
}

/* .workspace-tools-bar-right-sec .workspace-page-pinned::after{
    content: "";
    width: 1px;
    height: 12px;
    background-color: #dadce0;
    margin-left: 4.5px;
} */

.workspace-tools-bar-right-sec .workspace-page-pinned .workspace-pin{
    width: 26px;
    height: 26px;
    background-color: transparent;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.4s all;
}

.workspace-tools-bar-right-sec .workspace-page-pinned .workspace-pin img{
    width: 16px;
}

.workspace-tools-bar-right-sec .workspace-page-pinned .workspace-pin.active img{
    filter: invert(35%) sepia(58%) saturate(6106%) hue-rotate(192deg) brightness(82%) contrast(101%);
}

.workspace-tools-bar-right-sec .workspace-page-pinned:hover .workspace-pin.active,
.workspace-tools-bar-right-sec .workspace-page-pinned .workspace-pin.active{
    background-color: #E8F0FE;
}

.workspace-tools-bar-right-sec .workspace-page-pinned:hover .workspace-pin{
    background-color: #f1f3f4;
    cursor: pointer;
}

.workspace-tools-bar-right-sec .tool-tm-section-minimize:hover {
    background-color: #f2f2f2;
    cursor: pointer;
}

.workspace-tools-bar-right-sec .progress-txt {
    
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 12px;
    color: #5f6368;
}

.workspace-tools-bar-right-sec .progress-section {
    
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 12px;
    color: #5f6368;
    padding: 0 0.6rem;
    display: flex;
    align-items: center;
}

.progress-file-completion {
    margin: 5px auto;
    padding: 0;
    width: 90%;
    height: 6px;
    overflow: hidden;
    background: #e5e5e5;
    border-radius: 30px;
}

.bar-file-completion {
    position: relative;
    float: left;
    min-width: 1%;
    height: 100%;
    background: #87b6f4;
    border-radius: 30px;
}

.percent-file-completion {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    font-family: tahoma, arial, helvetica;
    font-size: 12px;
    color: white;
}

.toolbar-list-icon-bg {
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.toolbar-list-icons-align {
    width: 26px;
    height: 26px;
    background-color: transparent;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.help {
    background: url(../images/new-ui-icons/help_outline.svg);
    background-color: transparent;
    width: 20px;
    height: 20px;
}

.skip-next {
    background: url(../images/new-ui-icons/skip_next.svg);
    background-color: transparent;
    width: 20px;
    height: 20px;
}

.copy-to-target {
    background: url(../images/new-ui-icons/copy-to-target.svg);
    background-color: transparent;
    width: 19px;
    height: 19px;
}

.eraser {
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background: url(../images/new-ui-icons/eraser.svg);
    background-color: transparent;
    width: 20px;
    height: 24px;

}

.format-size {
    background: url(../images/new-ui-icons/format_size.svg);
    background-color: transparent;
    width: 20px;
    height: 20px;
}

.find-and-replace {
    background: url(../images/new-ui-icons/find-and-replace.svg);
    background-color: transparent;
    width: 20px;
    height: 20px;
}

.dictionary {
    background: url(../images/new-ui-icons/dictionary.svg);
    background-color: transparent;
    width: 20px;
    height: 20px;
}

.omega {
    background: url(../images/new-ui-icons/omega.svg);
    background-color: transparent;
    width: 20px;
    height: 20px;
}

.merge {
    background: url(../images/new-ui-icons/merge_black.svg);
    background-color: transparent;
    width: 20px;
    height: 20px;
}

.split {
    background: url(../images/new-ui-icons/split.svg);
    background-color: transparent;
    width: 20px;
    height: 20px;
}

/* .note-add {
    background: url(../images/new-ui-icons/note_add_black.svg);
    background-color: transparent;
    width: 20px;
    height: 20px;
} */

.search-off {
    background: url(../images/new-ui-icons/search_off.svg);
    background-color: transparent;
    width: 20px;
    height: 20px;
}

.spellcheck {
    background: url(../images/new-ui-icons/spellcheck.svg);
    background-color: transparent;
    width: 20px;
    height: 20px;
}

.synonym {
    background: url(../images/synonym.svg);
    background-color: transparent;
    width: 14.12px;
    height: 10px;
}

.ime-editor {
    background: url(../images/new-ui-icons/keyboard_black.svg);
    background-color: transparent;
    width: 20px;
    height: 20px;
}

.inventory-black {
    background: url(../images/new-ui-icons/inventory_black.svg);
    background-color: transparent;
    width: 20px;
    height: 20px;
}

.auto-awesome {
    background: url(../images/new-ui-icons/auto-awesome.svg);
    background-color: transparent;
    width: 20px;
    height: 20px;
}

.toolbar-part-container ul.last-row-tools li:last-child {
    border-right: 0px solid #dadce0;
}

.toolbar-part-container ul li:last-child {
    border-right: 1px solid #dadce0;
}

.toolbar-part-container ul:last-child li:last-child {
    border-right: 0px solid #dadce0;
}

.toolbar-list-icons-align:hover {
    background-color: #f1f3f4;
    cursor: pointer;
}

.toolbar-list-icons-active:hover {
    background-color: #e8f0fe;
    cursor: pointer;
}

ul.last-row-tools-1 li .toolbar-list-icons-align {
    border: 1px solid #dadce0;
}

ul.last-row-tools li .toolbar-list-icons-align {
    border: 1px solid #dadce0;
}

ul.last-row-tools-1 li .toolbar-list-icons-active {
    background-color: #e8f0fe;
    border: 0px solid #1a73e8;
}

ul.last-row-tools li .toolbar-list-icons-active {
    background-color: #e8f0fe;
    border: 0px solid #1a73e8;
}

.toolbar-list-icons-active {
    background-color: #e8f0fe;
}

.onclickdisable {
    pointer-events: none;
    cursor: not-allowed;
}

.toolbar-list-icons-align .restore-icon{
    font-size: 20px;
    color: #5F6368;
}

.toolbar-list-icons-disable .restore-icon{
    color: #C3C4C6;
}

.download-option-disable{
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.5;
}

.toolbar-list-icons-active .skip-next {
    background: url(../images/new-ui-icons/skip-next-blue.svg);
}

.toolbar-list-icons-disable .skip-next {
    background: url(../images/new-ui-icons/skip-next-grey.svg);
}

.toolbar-list-icons-active .copy-to-target {
    background: url(../images/new-ui-icons/copy-to-target-blue.svg);
}

.toolbar-list-icons-disable .copy-to-target {
    background: url(../images/new-ui-icons/copy-to-target-grey.svg);
}

.toolbar-list-icons-active .eraser {
    background: url(../images/new-ui-icons/eraser-blue.svg);
}

.toolbar-list-icons-disable .eraser {
    background: url(../images/new-ui-icons/eraser-grey.svg);
}

.toolbar-list-icons-active .format-size {
    background: url(../images/new-ui-icons/format_size-blue.svg);
}

.toolbar-list-icons-disable .format-size {
    background: url(../images/new-ui-icons/format_size-grey.svg);
}

.toolbar-list-icons-active .find-and-replace {
    background: url(../images/new-ui-icons/find-and-replace-color.svg);
}

.toolbar-list-icons-disable .find-and-replace {
    background: url(../images/new-ui-icons/find-and-replace-disable.svg);
}

.toolbar-list-icons-active .search-off {
    background: url(../images/new-ui-icons/search_off-blue.svg);
}

.toolbar-list-icons-disable .search-off {
    background: url(../images/new-ui-icons/search_off-grey.svg);
}

.toolbar-list-icons-active .dictionary {
    background: url(../images/new-ui-icons/dictionary-blue.svg);
}

.toolbar-list-icons-disable .dictionary {
    background: url(../images/new-ui-icons/dictionary-grey.svg);
}

.toolbar-list-icons-active .omega {
    background: url(../images/new-ui-icons/omega-blue.svg);
}

.toolbar-list-icons-disable .omega {
    background: url(../images/new-ui-icons/omega-grey.svg);
}

.toolbar-list-icons-active .merge {
    background: url(../images/new-ui-icons/merge_blue.svg) !important;
}

.toolbar-list-icons-disable .merge {
    background: url(../images/new-ui-icons/merge_grey.svg);
}

.toolbar-list-icons-active .split {
    background: url(../images/new-ui-icons/split-blue.svg) !important;
}

.toolbar-list-icons-disable .split {
    background: url(../images/new-ui-icons/split-grey.svg);
}

/* .toolbar-list-icons-active .note-add {
    background: url(../images/new-ui-icons/note_add_blue.svg);
}

.toolbar-list-icons-disable .note-add {
    background: url(../images/new-ui-icons/note_add_grey.svg);
} */

.toolbar-list-icons-active .spellcheck {
    background: url(../images/new-ui-icons/spellcheck-white.svg);
}

.toolbar-list-icons-active .synonym {
    background: url(../images/synonym_active.svg);
}

.toolbar-list-icons-active .ime-editor {
    background: url(../images/new-ui-icons/keyboard_black_color.svg);
}

.toolbar-list-icons-active .inventory-black {
    background: url(../images/new-ui-icons/inventory_white.svg);
}

.toolbar-list-icons-active .auto-awesome {
    background: url(../images/new-ui-icons/auto-awesome-white.svg);
}


.toolbar-list-icons-disable img{
    opacity: 0.3;
}

.pagesize-select__value-container{
    padding:  0px !important;
    justify-content: center;
}

.pagesize-wrapper{
    display: flex;
    align-items: center;
    padding-right: 12px;
    border-right: 1px solid #DADCE0;
}

.select-align{
    padding-left: 12px; 
}

.pagesize-wrapper span{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4;
    color: #5f6368;
}

.toolbar-filter-option{
  display: flex;
  align-items: center;
}

.check-circle {
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background: url(../images/new-ui-icons/check_circle_black.svg);
    background-color: transparent;
    width: 22px;
    height: 22px;
}

.unsaved-check-circle {
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background: url(../images/new-ui-icons/check_circle_red.svg);
    background-color: transparent;
    width: 22px;
    height: 22px;
}

.check-unsaved-circle {
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background: url(../images/new-ui-icons/check_circle_blue.svg);
    background-color: transparent;
    width: 22px;
    height: 22px;
}

.translate {
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background: url(../images/new-ui-icons/translate_black.svg);
    background-color: transparent;
    width: 22px;
    height: 22px;
}

.comment {
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background: url(../images/new-ui-icons/chat_bubble.svg);
    background-color: transparent;
    width: 22px;
    height: 22px;
    position: relative;
}

.paraphrase {
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background: url(../images/rephrase.svg);
    background-color: transparent;
    width: 20px;
    height: 22px;
    position: relative;
}

.paraphrase-mark{
    background-color: transparent !important;
    
}

.comment-not-action {
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background: url(../images/new-ui-icons/chat_bubble_not_action.svg);
    background-color: transparent;
    width: 20px;
    height: 20px;
}

.inventory-qa {
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background: url(../images/new-ui-icons/inventory_black.svg);
    background-color: transparent;
    width: 22px;
    height: 22px;
}

.content-copy {
    /* background-position:  center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background: url(../images/new-ui-icons/content_copy.svg);
  background-color: transparent; */
    width: 22px;
    height: 22px;
    position: relative;
    right: -2px;
    top: -1px;
}

.add-padd-links {
    padding: 11px;
}

.workspace-feature-btn {
    padding: 11px;
    background-color: #d9d9d900;
    border-radius: 50%;
}

.workspace-feature-btn:hover {
    background-color: #ebebeb;
}

.workspace-feature-btn-2 {
    padding: 11px;
    background-color: #d9d9d900;
    border-radius: 50%;
}

.source-div-info{
    display: flex;
    gap: 6px;
    align-items: center;
}

.workspace-feature-btn-2:hover {
    background-color: #d9d9d9;
}

.workspace-feature-btn .qa-list-count{
    position: absolute;
    top: -9px;
    right: -6px;
}

.workspace-feature-btn-new {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none !important;
    background-color: #d9d9d900;
    border-radius: 50%;
    transition: 0.4s all;
    margin: auto;
}

.workspace-feature-btn-new:hover {
    background-color: #d9d9d9;
}

.focused-row .text-changes-danger,
.focused-row .text-changes-success {
    opacity: 1;
    visibility: visible;
}

.text-changes-danger {
    
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 26px;
    color: #ff4766;
    opacity: 0;
    visibility: hidden;
}

.text-changes-success {
    
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 26px;
    color: #1a73e8;
    opacity: 0;
    visibility: hidden;
}

.tm-side-border {
    border-right: 1px solid #EAECED;
}

.project-doc-name .glossary-proj-name.project-name{
    width: auto;
    margin-right: 12px;
}

.project-doc-name .project-name {
    
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 1.4;
    color: #000000;
    width: 200px;
    text-align: right;
    display: flex;
    justify-content: center;
}

.project-doc-name .project-name .project-name-ellipse {
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.project-doc-name .project-name .project-name-ellipse span {
    cursor: context-menu;
}

.project-doc-name .translation-results {
    padding: 6px;
    background: #E8F0FE;
    border-radius: 2px;
    margin-left: 18px;
    
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    height: 24px;
    color: #1A73E8;
    display: flex;
    align-items: center;
    width: fit-content;
    width: -moz-fit-content;
}

.project-doc-name .translation-results img {
    padding: 0 4px;
    /* position: relative;
  top: -2px; */
}

.progress-bar-file-completion {
    width: 83px;
}

#showFormatSize.toolbar-parts {
    position: fixed;
    width: 488px;
    height: auto;
    z-index: 10;
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: 0px 5px 20px #00000038;
    border-radius: 6px;
    cursor: all-scroll;
    padding: 0;
    /* margin: 0 35rem; */
}

#special-characters-section.toolbar-parts {
    position: fixed;
    width: 400px;
    height: auto;
    z-index: 10;
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: 0px 5px 20px #00000038;
    border-radius: 6px;
    cursor: all-scroll;
    /* margin: 0 35rem; */
}

#special-characters-section.toolbar-parts .toolbar-part-container {
    display: block;
    width: 89.9%;
}

.close-spl-char {
    position: relative;
    top: 0px;
    right: 0px;
    width: fit-content;
    width: -moz-fit-content;
    float: right;
}

.close-spl-char-btn {
    background: transparent;
    border-radius: 3px;
    border: none;
    text-align: center;
    color: #5f6368;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-size: 14px;
    position: relative;
    top: -3px;
    right: -3px;
    text-align: center;
}

.close-spl-char-btn:focus,
.close-spl-char-btn:hover {
    background: #ebebeb;
    color: #5f6368;
    border-radius: 50%;
    outline: none;
}

.formatsizetitle {
    
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
    color: #3c4043;
    margin-bottom: 0px;
}

.formatsizetitlesection {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
    padding: 0.7rem 1rem 0.5rem 1.5rem;
}

.format-size-increase-decrease-cont {
    padding: 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: context-menu;
}

.format-size-box-algin {
    display: flex;
}

.format-size-box-algin .format-size-target-lang-part,
.format-size-box-algin .format-size-source-lang-part {
    display: flex;
    align-items: center;
}

.format-size-box-algin .format-size-source-lang-part {
    padding-right: 3rem;
}

.tar-lng-function-part,
.src-lng-function-part {
    border: 1px solid #dadce0;
    border-radius: 2px;
    width: 89px;
    height: 24px;
    display: flex;
}

.counter-percentage-box {
    width: 55px;
    text-align: center;
    
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    color: #3c4043;
    display: flex;
    align-items: center;
    justify-content: center;
}

.decrease-btn {
    border-left: 1px solid #dadce0;
    padding: 6px;
    display: flex;
    align-items: center;
    transition: 0.3s all;
}

.increase-btn {
    border-right: 1px solid #dadce0;
    padding: 6px;
    display: flex;
    align-items: center;
    transition: 0.3s all;
}

.decrease-btn:hover,
.increase-btn:hover {
    cursor: pointer;
    background: #ebebeb;
}

.tar-lng-txt,
.src-lng-txt {
    
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #3c4043;
    margin-right: 1rem;
}

.find-and-replace-row {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.findandreplace-txtbox-align {
    display: flex;
    align-items: center;
}

.find-btn {
    padding: 5px 12px !important;
}

.find-and-replace-btn {
    padding: 5px 20px;
    border: 1px solid #1973e8;
    border-radius: 4px;
    background: #1a73e8;
    
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    color: #ffffff;
}

.magnifier-glass {
    position: relative;
    top: -1px;
    padding-right: 0.4rem;
}

/* .backspace-glass{
  position: relative;
  top: -1px;
  padding-left: 0.4rem;
} */

.find-and-replace-bottom-left-part {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.find-and-replace-bottom-left,
.find-and-replace-top-left {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.find-and-replace-bottom-left {
    margin-top: 0.9rem;
}

.find-and-replace-bottom-right-part {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.reset-icon {
    background: url(../images/new-ui-icons/cached_black.svg);
    background-color: transparent;
    width: 20px;
    height: 20px;
    display: block;
    margin-right: 0.4rem;
}

.reset-link:hover .reset-icon {
    background: url(../images/new-ui-icons/cached_blue.svg);
}

.form-check input[type="checkbox"] {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.form-check .form-check-label {
    position: relative;
    cursor: pointer;
    
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    color: #3c4043;
}

.form-check .form-check-label:before {
    content: "";
    -webkit-appearance: none;
    background-color: transparent;
    width: 15px;
    height: 15px;
    border: 2px solid #5f6368;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    display: inline-block;
    position: relative;
    top: -1px;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
}

.form-check input[type="checkbox"]:checked + .form-check-label:before {
    background: #1a73e8;
    border: 2px solid #1a73e8;
}

.form-check input[type="checkbox"]:checked + .form-check-label:after {
    content: "";
    display: block;
    position: absolute;
    top: 1px;
    left: 5px;
    width: 5px;
    height: 9px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.reset-link {
    
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    /* line-height: 14px; */
    color: #3c4043;
    transition: 0.3s all;
    padding: 4px 10px;
    border-radius: 4px;
    background: transparent;
    display: flex;
    align-items: center;
}

.segment-matches-found {
    
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    color: #3c4043;
    margin-left: 1.5rem;
}

.segment-matches-found span {
    font-weight: 600;
}

.reset-link:hover {
    padding: 4px 10px;
    border-radius: 4px;
    background: #e8f0fe;
    color: #1a73e8;
}

.tm-tb-main-row {
    display: flex;
    height: inherit;
}

.tm-container-no-matches-found{
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.tm-container-no-matches-found p{
    
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4;
    color: #9b9b9b;
    margin-bottom: 0px;
}

.pensieve-tm-concor-container,
.tm-concor-container {
    width: 50%;
    padding: 20px 30px;
}

.pensieve-tm-concor-container .tb-file-src-txt,
.tm-concor-container .tb-file-src-txt {
    padding-right: 3rem;
}

.pensieve-tm-concor-container .top-body-title-2,
.tm-concor-container .top-body-title-2,
.pensieve-tm-concor-container .top-body-title-1,
.tm-concor-container .top-body-title-1,
.pensieve-tm-concor-container .translation-list-value-src,
.tm-concor-container .translation-list-value-src {
    width: 50%;
}

.tm-container {
    width: 50%;
    padding: 10px 27px;
    overflow: auto;
}

.tm-container-expand{
    width: 50% !important;
}

.tm-container-no-found{
    width: 50%;
    padding: 10px 27px;
    overflow: auto;
}

.ks-input-suggestions{
    z-index: 10;
}

.tb-container-no-found{
    width: 50%;
    padding: 10px 27px;
    overflow: auto;
}

.tb-container {
    width: 50%;
    padding: 10px 27px;
    overflow: auto;
}

.tm-tb-sub-cont {
    display: flex;
    justify-content: space-between;
}

.translation-list-value-src {
    width: 45%;
}

.translation-list-value-tar {
    width: 48%;
    margin-bottom: 0rem;
}

.translation-list-tar-part .translation-list-value-copy-btn{
    width: auto;
    padding: 0px;
    transition: 0.3s all ease;
}

.translation-list-value-copy-btn {
    width: 5%;
    padding: 0px 10px 0px 10px;
    transition: 0.3s all ease;
}

.translation_memories-1 ul {
    padding-left: 0px;
    list-style-type: none;
    margin-bottom: 0px;
}


.tb-container .content-copy,
.tm-container .content-copy{
    width: 19px;
    height: 19px;
    position: relative;
    right: 0;
    top: 0;
}
/* .translation_memories-1 ul li .translation-list-value-copy-btn {
    visibility: visible;
    opacity: 1;
} */

.translation_memories-1 ul li:hover .target-lang-align {
    background: #e8f0fe;
}

.tb-file-src-txt {
    
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 20px;
    color: #3c4043;
    margin-bottom: 0px;
    padding-right: 5rem;
    line-height: 1.6;
}

.tmx-arrow-icon{
    width: 32px;
}

.tb-file-tar-txt {
    
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 20px;
    color: #3c4043;
    margin-bottom: 0px;
    padding-right: 4rem;
    line-height: 1.6;
}

.top-body-title-1 {
    width: 45%;
    margin-right: 12px;
    padding-bottom: 7.5px;
    border-bottom: 1px solid #E5E5E5;
}

.top-body-title-2 {
    width: 50%;
    padding-bottom: 7.5px;
    border-bottom: 1px solid #E5E5E5;
}

.top-body-title-3 {
    width: 5%;
    padding-bottom: 27.5px;
    border-bottom: 1px solid #E5E5E5;
    margin-bottom: 0px;
}

.top-body-title-2 span,
.top-body-title-1 span {
    
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #5f6368;
}

.top-body-title-1 p,
.top-body-title-2 {
    
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 0px;
    color: #1a73e8;
}

/* .top-body-title-1::after {
    content: url(../images/new-ui-icons/arrow_right.svg);
    padding-right: 1rem;
    position: relative;
    top: 3px;
} */

.top-body-title {
    
    font-style: normal;
    font-weight: 500;
    /* text-transform: uppercase; */
    font-size: 13px;
    line-height: 20px;
    color: #5f6368;
}

.dictionary-section {
    display: flex;
    width: 100%;
    height: inherit;
}

.tab-content > .active {
    height: 100%;
}

.dictionary-wikipedia {
    width: 35%;
    padding: 8.5px 27px;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.dictionary-wikitionary {
    width: 65%;
    padding: 7.5px 24.5px;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.dictionary-border-right {
    border-right: 1px solid #EAECED;
}

.dictionary-wikitionary-title,
.dictionary-wikipedia-title {
    
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #3c4043;
    margin-bottom: 0.3rem;
    display: flex;
    align-items: center;
}

.dictionary-wikitionary-title span{
    margin-right: 12px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dfdfdf;
    border-radius: 2px;
}

.dictionary-wikipedia-title span {
    padding-right: 12px;
}

.wikitionary-title {
    margin-top: 1.5rem !important;
}


.dictionary-search-word-cont ul {
    padding-left: 0px;
    list-style-type: none;
    margin-top: 0rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 12px;
}

.dictionary-search-word-cont ul li {
    padding-bottom: 0rem;
}

.dictionary-search-word-cont ul li a {
    color: #1a73e8;
    
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
}

.dictionary-search-word-cont p{
    color: #303030;
    
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 20px;
    margin-top: 8px;
}

.dictionary-search-word-cont ul li a span {
    padding-left: 10px;
}

.wikitionary-link {
    color: #1a73e8;
    
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    margin-bottom: 0.2rem;
}

.wikitionary-search-word-cont p {
    
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #3c4043;
    margin-bottom: 0.4rem;
    text-transform: capitalize;
}

.wikitionary-search-word-cont ul {
    padding-left: 16px;
    margin-bottom: 1rem;
}

.wikitionary-search-word-cont ul li {
    color: #303030;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 20px;
}


.tb-container .translation_memories-1 ul li .glossary-data-wrapper .glossary-data-src-wrapper,
.tb-container .translation_memories-1 ul li .glossary-data-wrapper{
    display: flex;
    align-items: center;
    gap: 16px;
}

.tb-container .translation_memories-1 ul li .glossary-data-wrapper .glossary-data-src-wrapper .top-body-title{
    width: 40%;
    max-width: 100%;
}

.tb-container .translation_memories-1 ul li .glossary-data-wrapper .glossary-data-src-wrapper .tm-tb-sub-cont-2{
    width: 60%;
    max-width: 100%;
}

.tb-container .translation_memories-1 ul li .glossary-data-wrapper .translation-list-tar-part,
.tb-container .translation_memories-1 ul li .glossary-data-wrapper .glossary-data-src-wrapper{
    width: 50%;
    max-width: 100%;
}

.tb-container .translation_memories-1 ul li .glossary-data-wrapper .translation-list-tar-part{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.tb-container .translation_memories-1 ul li {
    border-bottom: 1px solid #ececec;
}

.tb-container .translation_memories-1 ul li .glossary-data-wrapper{
    padding: 6px 0px;
}

.comments-part {
    width: 100%;
    height: inherit;
}

.comments-container {
    display: flex;
    width: 100%;
    height: inherit;
}

.add-comments-section {
    width: 34.75%;
    border-right: 1px solid #f3f2f2;
    height: inherit;
    display: flex;
    flex-direction: column;
}

/* .add-comments-section::after{
  content: "";
  width: 0.5%;
  background: #F3F2F2;
  border-left: 1px solid #C7C7C7;
  border-right: 1px solid #C7C7C7;
  height: 27vh;
} */

.chat-section {
    width: 64.75%;
}

.comments-title {
    
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #3c4043;
    margin-bottom: 0px;
}

.add-comments-title-bar {
    width: 100%;
    height: 30px;
    background: #ffffff;
    padding: 0 10px 0 16px;
    box-shadow: -2px 3px 6px #00000021;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 1030;
}

.text-comments-area {
    /* padding-top: 3rem;
  padding-bottom: 4rem; */
    overflow: auto;
    flex-grow: 1;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.text-comments-area ul {
    padding-left: 0px;
    margin-bottom: 0px;
    list-style-type: none;
}

.text-comments-area ul li {
    margin-bottom: 1rem;
    margin-left: 30px;
    display: flex;
    align-items: center;
}

.text-comments-area ul li:hover span a {
    visibility: visible;
    opacity: 1;
}

.text-comments-area ul li p {
    background: #f6f6f6;
    padding: 5px;
    border-radius: 6px;
    width: fit-content;
    width: -moz-fit-content;
    max-width: 500px;
    
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    color: #303030;
    margin-bottom: 0px;
}

.text-comments-area ul li span {
    padding: 0 6px;
    
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: 20px;
    color: #b7bac1;
    cursor: pointer;
}

.text-comments-area ul li span a {
    visibility: hidden;
    opacity: 0;
    transition: 0.3s all ease;
}

.text-comments-area ul li:last-child {
    margin-bottom: 0px;
}

/* .dictionary-wikitionary::-webkit-scrollbar,
.dictionary-wikipedia::-webkit-scrollbar,
.text-comments-area::-webkit-scrollbar{
  display: none;
} */

.comments-input-part {
    padding: 0 10px 0 16px;
    border: 1px solid #f3f2f2;
    background: #ffffff;
    height: auto;
    min-height: 60px;
    width: 100%;
    display: flex;
    align-items: center;
}
.comments-input-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.comments-input-section textarea {
    width: 31.6vw;
    resize: none;
    
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #303030;
    border: none;
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding: 8px 0px;
}

.comments-input-section textarea::-webkit-scrollbar {
    display: none;
}

.comments-input-section textarea:focus {
    outline: none;
}

.comments-input-section textarea::placeholder {
    
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 20px;
    color: #b7bac1;
    display: flex;
    align-items: center;
}

.comments-input-section button {
    border: none;
    background: transparent;
}

.add-chat-title-bar {
    width: 64.75%;
    height: 30px;
    background: #ffffff;
    padding: 0 20px 0 30px;
    box-shadow: 1px 3px 6px #00000021;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    z-index: 1030;
}

.chat-input-part {
    padding: 0 20px 0 30px;
    border: 1px solid #f3f2f2;
    background: #ffffff;
    height: 43px;
    position: absolute;
    bottom: 0;
    width: 64.75%;
    display: flex;
    align-items: center;
}

.chat-input-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.chat-input-section input {
    width: 59vw;
    
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #303030;
    border: none;
}

.chat-input-section input::placeholder {
    
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 20px;
    color: #b7bac1;
}

.chat-input-section button {
    border: none;
    background: transparent;
}

.text-chat-area {
    padding-top: 40px;
    overflow: auto;
    height: 268px;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.text-chat-area ul {
    padding-left: 0px;
    margin-bottom: 0px;
    list-style-type: none;
    display: flex;
    flex-direction: column;
}

.text-chat-area ul li:nth-child(even) {
    justify-content: end;
    flex-direction: row-reverse;
}

.text-chat-area ul li:nth-child(even)::before {
    margin-left: 1rem;
    margin-right: 0px;
}

.text-chat-area ul li:nth-child(even) p {
    background: #1a73e8;
    color: #ffffff;
}

.text-chat-area ul li:nth-child(even) p::before {
    content: "";
    position: absolute;
    margin-top: -6px;
    margin-right: 40px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #1a73e8;
    transform: rotate(90deg);
    right: -50px;
    top: 17px;
}

.text-chat-area ul li:nth-child(even) p::after {
    content: none;
}

.text-chat-area ul li p::after {
    content: "";
    position: absolute;
    margin-top: -6px;
    margin-right: 40px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #f6f6f6;
    transform: rotate(-90deg);
    left: -9px;
    top: 17px;
}

.text-chat-area ul li {
    margin-bottom: 1rem;
    margin-left: 30px;
    margin-right: 30px;
    display: flex;
    align-items: center;
}

.text-chat-area ul li::before {
    content: "";
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #d5d5d5;
    margin-right: 1rem;
}

.text-chat-area ul li:hover span a {
    visibility: visible;
    opacity: 1;
}

.text-chat-area ul li p {
    background: #f6f6f6;
    padding: 5px;
    border-radius: 6px;
    width: fit-content;
    width: -moz-fit-content;
    max-width: 450px;
    
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    color: #303030;
    margin-bottom: 0px;
    margin-left: 0px;
    position: relative;
}

.text-chat-area ul li span {
    padding: 0 6px;
    
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: 20px;
    color: #b7bac1;
}

.text-chat-area ul li span a {
    visibility: hidden;
    opacity: 0;
    transition: 0.3s all ease;
}

.text-chat-area ul li:last-child {
    margin-bottom: 0px;
}

.text-chat-area::-webkit-scrollbar {
    display: none;
}

.gap-section {
    width: 0.5%;
    background: #f3f2f2;
    border-left: 1px solid #c7c7c7;
    border-right: 1px solid #c7c7c7;
}

/* .gap-section::before{
  content: "";
  border-left: 1.5px solid#9E9E9E;
  border-right: 1.5px solid#9E9E9E;
  height: 24px;
  padding: 0 0.5px;
  position: relative;
  left: 2px;
  top: 8.7rem;
} */

.settings-file-names-new {
    
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 20px;
    color: #3c4043;
    margin-bottom: 0px;
    padding-left: 0rem;
    /* padding-bottom: 0.5rem; */
    line-height: 1.4;
    display: block;
}

.target-lang-align-1 p.title span,
.target-lang-align-1 p.title,
.translation-list-src-part p.title{
    
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #3c4043;
    margin-bottom: 0px;
    display: block;
}

.target-lang-align-1 p.title span{
    margin-right: 4px;
}

.target-lang-align-1 p.title{
    display: flex;
    align-items: center;
    position: relative;
}

.target-lang-align-1 p.title.arrow::after{
    content: url(../images/new-ui-icons/arrow_right.svg);
    padding-right: 1rem;
    position: absolute;
    top: -2px;
    right: 0px;
}

.settings-container .tab-content .tab-pane::-webkit-scrollbar{
    width: 17px;
}

.tb-container::-webkit-scrollbar,
.tb-container-no-found::-webkit-scrollbar,
.tm-container-no-found::-webkit-scrollbar,
.tm-container::-webkit-scrollbar,
.dictionary-wikipedia::-webkit-scrollbar,
.text-comments-area::-webkit-scrollbar,
.dictionary-wikitionary::-webkit-scrollbar,
.workspace-working-area::-webkit-scrollbar,
.translation_memories-1::-webkit-scrollbar,
.translation_memories-2::-webkit-scrollbar,
.qa-invalid-file-list::-webkit-scrollbar {
    width: 8px;
}

.settings-container .tab-content .tab-pane::-webkit-scrollbar-track{
    background: #ffffff;
}

.tb-container::-webkit-scrollbar-track,
.tb-container-no-found::-webkit-scrollbar-track,
.tm-container-no-found::-webkit-scrollbar-track,
.tm-container::-webkit-scrollbar-track,
.dictionary-wikipedia::-webkit-scrollbar-track,
.text-comments-area::-webkit-scrollbar-track,
.dictionary-wikitionary::-webkit-scrollbar-track,
.workspace-working-area::-webkit-scrollbar-track,
.translation_memories-1::-webkit-scrollbar-track,
.translation_memories-2::-webkit-scrollbar-track,
.qa-invalid-file-list::-webkit-scrollbar-track {
    background: #ffffff;
}

.tb-container::-webkit-scrollbar-thumb,
.tb-container-no-found::-webkit-scrollbar-thumb,
.tm-container-no-found::-webkit-scrollbar-thumb,
.tm-container::-webkit-scrollbar-thumb,
.dictionary-wikipedia::-webkit-scrollbar-thumb,
.text-comments-area::-webkit-scrollbar-thumb,
.dictionary-wikitionary::-webkit-scrollbar-thumb,
.workspace-working-area::-webkit-scrollbar-thumb,
.translation_memories-1::-webkit-scrollbar-thumb,
.translation_memories-2::-webkit-scrollbar-thumb,
.qa-invalid-file-list::-webkit-scrollbar-thumb {
    background-color: #c3c4c6;
    border-radius: 50px;
    border: 2px solid #ffffff;
}

.settings-container .tab-content .tab-pane::-webkit-scrollbar-thumb{
    background-color: #E0E0E0;
    border-radius: 50px;
    border: 6px solid #ffffff;
}

.find-and-replace-close-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: #5f6368;
    width: 26px;
    height: 26px;
    transition: 0.3s all ease;
    cursor: pointer;
}

.find-and-replace-close-btn:hover {
    background: #ebebeb;
}

ul.filter-part {
    background: #ffffff;
    border-radius: 6px;
    padding: 1rem 0px;
    position: absolute;
    right: 25px;
    top: 93px;
    z-index: 1;
    box-shadow: 0px 5px 20px #00000038;
    width: 250px;
    height: auto;
    display: flex;
    flex-direction: column;
}

ul.filter-part li a.filter-links {
    
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 20px;
    color: #3c4043;
    padding: 10px 1.5rem;
    display: block;
    margin-bottom: -0.5rem;
    background: transparent;
    transition: 0.3s all ease;
}

ul.filter-part li a.filter-links:hover {
    background: #e8f0fe;
    color: #1a73e8;
    text-decoration: none;
}

ul.filter-part li {
    padding: 0 !important;
    margin: 0 !important;
}

.drp-box {
    width: 43px;
    height: 26px;
    background: #e8f0fe;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    cursor: pointer;
}

.cart-down::after {
    content: url(../images/new-ui-icons/arrow_drop_down-color.svg);
    width: 10px;
    height: 5px;
    position: relative;
    top: -2px;
}

.cart-up::after {
    content: url(../images/new-ui-icons/arrow_drop_up-color.svg);
    width: 10px;
    height: 5px;
    position: relative;
    top: -2px;
}

.toolbar-clear-filter {
    background: #ebebeb;
    border-radius: 4px;
    height: 22px;
    padding: 0 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    color: #3c4043;
    margin-right: 1rem;
    transition: 0.3s all ease;
    cursor: pointer;
}

.toolbar-clear-filter:hover {
    background: #e8f0fe;
}

.quest-section-align {
    padding: 11px 27px 20px 27px;
    height: inherit;
    overflow: auto;
}

.quest-section-align p {
    
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #3c4043;
    padding-left: 20px;
}

ul.qa-list {
    list-style-type: none;
    padding-left: 0px;
    margin-bottom: 0px;
    height: inherit;
}

ul.qa-list li::before {
    /* content: url(../images/new-ui-icons/error-warning.svg); */
    content: counter(li);
    padding-right: 14px;
    font-size: 13px;
    color: #ABA7B3;
    font-style: normal;
    font-weight: 500;

}

ul.qa-list li:nth-child(odd):hover,
ul.qa-list li:hover {
    background: #e8f0fe;
    cursor: context-menu;
}

/* ul.qa-list li:hover .qa-text {
    color: #1a73e8;
} */

ul.qa-list li:hover .qa-close {
    color: #1a73e8;
}

ul.qa-list li {
    display: flex;
    transition: 0.3s all ease;
    padding: 6px 11px;
    border-radius: 4px;
    align-items: center;
    counter-increment: li;
}

ul.qa-list li.error-code{
    background: transparent !important;
    height: inherit;
    justify-content: center;
    text-align: center;
    padding: 0px;
}

ul.qa-list li.error-code .qa-text{
    text-align: center;
    color: #ABA7B3;
}

ul.qa-list li.error-code::before{
    content: "";
}

ul.qa-list li:nth-child(odd){
    background: #F6F6F6;
}

.qa-text {
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
    color: #3c4043;
    width: 100%;
}

.qa-text-title{
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 1.4;
    color: #3c4043;
    width: 100%;
}

.qa-close {
    cursor: pointer;
}

ul.qa-list li:last-child {
    margin-bottom: 0px;
}

.file-upload-cont {
    display: block;
}

.ripple-effect {
    background-position: center;
    transition: background 0.8s;
}
.ripple-effect:hover {
    background: #1a73e8 radial-gradient(circle, transparent 0%, #1a73e8 1%) center/15000%;
}
.ripple-effect:active {
    background-color: #1973e8;
    background-size: 100%;
    transition: background 0s;
}

.save-icon-pagination {
    display: inline-block;
    position: relative;
    top: 5px;
}

.confirm-container {
    padding: 0.5rem;
}

.confirm-close-button {
    
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    color: #3c4043;
}

.confirm-delete-button {
    
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    color: #ffffff;
}

.confirm-toast-title {
    
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: #3c4043;
}

.toast-align-confirm {
    display: flex;
    align-items: center;
    justify-content: center;
}

.toast-align {
    display: flex;
    align-items: center;
}

.toast-align span img {
    margin-right: 1rem;
}

/* .Toastify__toast--warning {
    border-left: 4px solid #ffc021 !important;
}

.Toastify__toast--success {
    border-left: 4px solid #1a73e8 !important;
}

.Toastify__toast--error {
    border-left: 4px solid #e74c3c !important;
} */

.Toastify__toast {
    background: #ffffff !important;
    box-shadow: 0px 4px 14px #00000029 !important;
    border-radius: 2px !important;
    min-height: 54px !important;
    max-height: 100% !important;
    /* margin-bottom: 0px !important; */
}

.Toastify__close-button > svg {
    fill: #5F6368;
    width: 18px !important;
    height: 18px !important;
    margin-right: 4px;
}

.Toastify__toast--default {
    width: 239px;
    margin: auto;
}

.Toastify__toast-container {
    width: 386px !important;
}
.toast-img{
    margin-left: 8px;
}

.classWithFontStyleOrWhatever {
    font-family: 'roboto';
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 20px;
    color: #5f6368;
    padding-right: 10px;
}

.Toastify__close-button {
    color: #5f6368 !important;
    position: relative;
    top: 6px;
}

/* .filter-option{
  position: absolute;
} */

mark.highlight-selected {
    background-color: #f19825 !important;
}

.project-setup-heading-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 16px;
    border-bottom: 1px solid #dbdbdb;
}

.project-setup-heading-new {
    padding-bottom: 16px;
    border-bottom: 1px solid #dbdbdb;
}

.project-setup-heading-new label {
    
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    color: #161c2d;
}

.project-setup-heading-new .project-setup-forms {
    margin-top: 0px;
}

.project-setup-heading-new .input-form-field {
    width: 100%;
    max-width: 100%;
}

.project-setup-heading-new .form-group {
    margin-bottom: 0px;
}

.project-setup-heading-row span {
    
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    color: #3c4043;
    padding-left: 0.3rem;
}

.time-zone-content span:first-child {
    
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    color: #5f6368;
}

.time-zone-content span:last-child {
    
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #5f6368;
}

.input-select-width::placeholder{
    
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 24px;
    color: #ababab;
}

.select-placeholder-text {
    
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 24px;
    color: #ababab;
}

/* .project-setup-align{
  margin-right: 15px;
} */

.project-setup-align-1 {
    /* margin-left: 15px; */
    height: fit-content;
}

.input-select-width {
    display: block;
    border-radius: 3px;
    width: 100%;
    height: 46px;
    padding: 5px 8px;
    border: 1px solid #ced4da;
    
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #3c4043;
    position: relative;
    top: 1px;
}

.select-width .css-12jo7m5,
.select-width .css-1uccc91-singleValue {
    
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    color: #3c4043;
}

.select-width .css-yk16xz-control {
    border-radius: 3px !important;
    border: 1px solid #ced4da !important;
}

.input-select-width:focus {
    border: 2px solid #0078d4;
    height: 46px;
    border-radius: 3px;
}

.text-danger {
    color: #dc3545 !important;
    font-size: 13px;
}

.fileupload-new-btn {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: #ffffff;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* .fileupload-new-btn::after{
  content: url('../images/new-ui-icons/arrow_forward.svg');
  width: 8.2px;
  height: 8.2px;
  padding-left: 0.7rem;
  position: relative;
  top: 1px;
} */

/* .file-edit-heading-row {
    padding-top: 0.6rem;
} */

.file-edit-inner-table,
.file-edit-heading-table {
    width: 100%;
}

.file-edit-heading-table-row {
    display: flex;
    flex-wrap: wrap;
}

.file-edit-list-inner-table-row,
.file-edit-list-table-row {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    transition: 0.4s all ease;
}

.converted-pdf-list-wrap .file-edit-list-table-row{
    transition: none !important;
}

.focused-proj-row:hover {
    box-shadow: none !important;
    position: unset;
}

.focused-proj-row.file-edit-list-table-row:hover {
    position: unset;
}

.file-edit-list-table-row:hover {
    box-shadow: 0px 3px 6px #0000001a;
    position: relative;
}

.remove-pdf-button{
    color: #444444 !important;
}

.file-edit-list-table-cell-wrap{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.converted-pdf-list-wrap .file-edit-list-table-row:hover .file-edit-list-table-cell{
    cursor: context-menu;
}

.file-edit-list-table-row:hover .file-edit-list-table-cell {
    /* background: #F3F8FF; */
    cursor: pointer;
}

/* .file-edit-list-table-row:last-child .file-edit-list-table-cell{
  border-bottom: 0px solid #EBECEE;
} */

.file-edit-list-table-cell {
    border-bottom: 1px solid #ebecee;
    padding: 0.8rem 1rem 0.8rem 0rem;
}

.file-edit-list-inner-table-cell {
    border-bottom: 1px solid #ebecee;
    padding: 0.8rem 0.2rem 0.8rem 0rem;
    display: flex;
    align-items: center;
}

.file-edit-list-inner-table-cell:last-child {
    padding: 0.8rem 0.6rem 0.8rem 0rem;
    text-align: right;
}
.file-edit-list-table-cell:last-child {
    padding: 0.8rem 0.6rem 0.8rem 0rem;
}

.file-edit-list-inner-table-cell:first-child {
    padding: 0.8rem 1rem 0.8rem 4.5rem;
    text-indent: -26px;
}
.file-edit-list-table-cell:first-child {
    padding: 0.8rem 1rem 0.8rem 1rem;
}

.converted-pdf-list-wrap .file-edit-list-table-cell:first-child {
    padding: 17px 1rem 17px 1rem;
}

.file-edit-heading-table-cell span {
    
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 24px;
    color: #3c4043;
}

.file-edit-heading-table-cell .status-name {
    
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 24px;
    color: #3c4043;
    width: fit-content;
    /* padding-right: 25px; */
}

.glossary-list-wrap .file-edit-list-table-cell:first-child{
    width: 100%;
    max-width: 50%;
    display: flex;
    align-items: center;
    gap: 12px;
}

.converted-pdf-list-wrap .file-edit-list-table-cell:first-child{
    width: 100%;
    max-width: 50%;
    display: flex;
    align-items: center;
    gap: 12px;
}

.file-edit-list-table-cell:first-child {
    flex-grow: 1;
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    max-width: 60%;
}

.proj-title-list-container {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 9px;
}

.proj-list-info{
    display: flex;
    flex-direction: column;
}

.proj-list-info .proj-file-type,
.proj-list-info .proj-information{
    display: flex;
    align-items: center;
}

.proj-file-type span{
    
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.2;
    color: #909EAA;
    text-transform: capitalize;
}

.proj-type-icon{
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
}

.translate-bg{
    background-color: #0078D4;
}

.assets-bg{
    background-color: #008659;
}

.voice-bg{
    background-color: #FF9921;
}

.ts-work-area-selection{
    margin-top: 38px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.new-btn-grp .ts-work-btn{
    padding: 8px 29px;
    border-radius: 3px;
    background-color: #0078D4;
    
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    color: #FFFFFF;
}

.ts-work-area-selection .ts-work-btn{
    padding: 8px 22px;
    border-radius: 3px;
    background-color: #0078D4;
    
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    color: #FFFFFF;
    margin-top: 54px;
    gap: 8px;
}

.ts-work-area-padd{
    padding: 18px 33px 27px 33px !important;
    min-height: 400px;
    justify-content: space-between;
}


.ts-bottom-top-area-box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 34px;
    border-bottom: 1px solid #DBDBDB;
}

.ts-bottom-work-area .source-lang-select-wrap .label{
    
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    color: #3C4043;
}

.ts-bottom-work-area .source-lang-select-wrap .selected-src{
    
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    color: #0078D4;
    margin-left: 4px;
}

.take-translate-flow{
    margin-top: 18px;
}

.take-translate-flow .translate-flow-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

.take-translate-flow .translate-flow-wrap p{
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    color: #3C4043;
    margin-bottom: 0;
}

.take-translate-flow a {
    color: #0078D4;
    border: 1px solid #0078D480;
    padding: 4.5px 10px 5.5px 8px;
    font-size: 15px;
    box-shadow: none;
    
    font-weight: 500;
    line-height: 20px;
    border-radius: 3px;
    text-transform: none;
    background-color: #ffffff;
    text-decoration: none;
}
.take-translate-flow a:hover{
    border: 1px solid #0078D4;
    background: none;
    text-decoration: none;
}

.ts-work-header{
    border-bottom: 1px solid #DBDBDB;
}

.ts-work-header p{ 
    
    font-style: normal;
    font-weight: bold;
    font-size: 17px;
    line-height: 23px;
    color: #3C4043;
    margin-bottom: 8px;
}

.ts-work-area-selection .ts-work-area-select-row{
    display: flex;
    align-items: center;
    gap: 27px;
    width: 100%;
}

.ts-work-area-selection .ts-work-area-select-row .ts-work-area-select-col{
    background-color: #ffffff;
    height: 265px;
    width: 50%;
    max-width: 100%;
    box-shadow: 0px 3px 4px #00000029;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: 1px solid transparent;
    cursor: pointer;
    padding: 81px 0px 53px 0px;
}

/* .ts-work-area-selection .ts-work-area-select-row .ts-work-area-select-col .radio-btn{
    margin-top: 48px;
} */

.ts-work-area-selection .ts-work-area-select-row .ts-work-area-select-col.active{
    border: 1px solid #0078D4;
    background-color: #EBF7FF;
}

/* .ts-work-area-selection .ts-work-area-select-row .ts-work-area-select-col.active .img-row-wrap img{
    filter: invert(35%) sepia(58%) saturate(6106%) hue-rotate(192deg) brightness(82%) contrast(101%);
} */

.ts-work-area-selection .ts-work-area-select-row .ts-work-area-select-col .img-row-wrap{
    display: flex;
    align-items: center;
    gap: 18px;
}

.ts-work-area-selection .ts-work-area-select-row .ts-work-area-select-col .title{
    margin-top: 35px;
    
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 29px;
    color: #3C4043;
    text-align: center;
}

.proj-type-icon .proj-types{
    font-size: 16px;
    color: #ffffff;
}

ul.asset-glossary-projects-wrap-list li .asset-project-info-wrap .assets-icon .gloss-types,
.proj-type-icon .gloss-types{
    font-size: 18px;
    color: #ffffff;
}

.file-edit-list-table-cell:nth-child(2) {
    width: 100%;
    max-width: 40%;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: space-between;
}

.converted-pdf-list-wrap .file-edit-list-table-cell:nth-child(2){
    width: 100%;
    max-width: 10%;
    display: flex;
    align-items: center;
}

/* .file-edit-list-table-cell:nth-child(3) {
    width: 100%;
    max-width: 10%;
} */


.converted-pdf-list-wrap .file-edit-list-table-cell:nth-child(3){
    width: 100%;
    max-width: 25%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0rem 1rem 0rem 0rem;
}

.file-edit-list-table-cell:nth-child(3) {
    width: 100%;
    max-width: 25%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0rem 1rem 0rem 0rem;
}

.glossary-list-wrap .file-edit-list-table-cell:nth-child(2){
    width: 100%;
    max-width: 50%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0rem 1rem 0rem 0rem;
}

.converted-pdf-list-wrap .file-edit-list-table-cell:nth-child(2) {
    width: 100%;
    max-width: 20%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0rem 1rem 0rem 0rem;
}

.converted-pdf-list-wrap .file-edit-list-table-cell:nth-child(3) {
    width: 100%;
    max-width: 30%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 40px;
    padding: 0rem 1rem 0rem 0rem;
}

.converted-pdf-list-wrap .file-edit-list-table-cell .file-edit-proj-status-txt{
    cursor: pointer;
}

.converted-pdf-list-wrap .file-edit-list-table-cell:nth-child(2) .status-conditions-part,
.glossary-list-wrap .focused-proj-row .file-edit-list-table-cell:nth-child(2) .status-conditions-part,
.glossary-list-wrap .file-edit-list-table-cell:nth-child(2) .status-conditions-part{
    width: auto;
}

.glossary-list-wrap .glossary-workspace-link{
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 1.5;
    color: #0078D4;
    text-decoration: underline;
    text-transform: capitalize;
    padding-left: 11px;
}

.glossary-list-wrap .file-edit-list-inner-table-cell:nth-child(1){
    width: 100%;
    max-width: 83%;
}


.glossary-list-wrap .file-edit-list-inner-table-cell:nth-child(2){
    justify-content: end;
    width: 100%;
    max-width: 8%;
}

.glossary-list-wrap .file-edit-list-inner-table-cell:nth-child(2) .add-term-icon-wrap{
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border-radius: 50%;
    cursor: pointer;
    transition: 0.4s all ease;
    margin-right: 7px;
}

.glossary-list-wrap .file-edit-list-inner-table-cell:nth-child(2) .add-term-icon-wrap:hover{
    background-color: #e9eaea;
}

.glossary-list-wrap .file-edit-list-inner-table-cell:nth-child(2) .add-term-icon{
    color: #474848;
    font-size: 20px;
}

.glossary-list-wrap .file-edit-list-inner-table-cell:last-child{
    width: 100%;
    max-width: 9%;
    justify-content: flex-start;
}

.glossary-list-wrap .focused-proj-row .file-edit-list-table-cell:nth-child(2) .project-edit-tools{
    margin-right: 25px;
}

.glossary-list-wrap .file-edit-list-table-cell:nth-child(2),
.glossary-list-wrap .focused-proj-row .file-edit-list-table-cell:nth-child(2){
    padding: 0rem 32px 0rem 0rem;
}

.file-edit-list-inner-table-cell:first-child {
    width: 100%;
    max-width: 20%;
}

.file-edit-list-inner-table-cell:nth-child(2) {
    width: 100%;
    max-width: 23%;
}

.file-edit-list-inner-table-cell:nth-child(3) {
    width: 100%;
    max-width: 0%;
}

.file-edit-list-inner-table-cell:nth-child(4) {
    width: 100%;
    max-width: 17%;
    display: flex;
    align-items: center;
    justify-content: flex-end;

}
.progress-txt.border-right-add.file-progress-txt{
    width: 30px !important;
}
.file-edit-list-inner-table-cell:nth-child(5) {
    width: 100%;
    max-width: 12%;
    justify-content: end;
}

.file-edit-list-inner-table-cell:last-child{
    width: 100%;
    max-width: 27.5%;
    gap: 10px;
    justify-content: end;
}

/* .file-edit-list-inner-table-cell:last-child:has(.workspace-files-SubmitProjectButton){
    max-width: 17%;
} */

.file-edit-list-table-cell:nth-child(4) {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0rem 1rem 0rem 0rem;
}

.glossary-list-wrap .file-edit-heading-table-cell:first-child{
    width: 100%;
    max-width: 50%;
    border-bottom: 1px solid #ebecee;
    padding: 0rem 1rem 0.8rem 3rem;
}

.file-edit-heading-table-cell:first-child {
    flex-grow: 1;
    border-bottom: 1px solid #ebecee;
    padding: 0rem 1rem 0.8rem 3rem;
    width: 100%;
    max-width: 60%;
}

.converted-pdf-list-wrap .file-edit-heading-table-cell:first-child {
    width: 100%;
    max-width: 50%;
    border-bottom: none;
    padding: 0rem 1rem 0.8rem 1rem;
}


.listing-table-header-container {
    display: flex;
    align-items: center;
    cursor: pointer;
    width: fit-content;
}

/* .file-edit-heading-table-cell:nth-child(2) {
    width: 100%;
    max-width: 5%;
    border-bottom: 1px solid #ebecee;
    padding: 0.8rem 2rem 0.8rem 0rem;
} */

.file-edit-heading-table-cell:nth-child(2) {
    width: 100%;
    max-width: 20%;
    border-bottom: 1px solid #ebecee;
    padding: 0rem 2rem 0.8rem 0rem;
}

.glossary-list-wrap .file-edit-heading-table-cell:last-child{
    width: 100%;
    max-width: 50%;
    border-bottom: 1px solid #ebecee;
    padding: 0rem 2rem 0.8rem 0rem;
    display: flex;
    justify-content: flex-end;
}

.file-edit-heading-table-cell:last-child {
    width: 100%;
    max-width: 20%;
    border-bottom: 1px solid #ebecee;
    padding: 0rem 2rem 0.8rem 0rem;
    display: flex;
    justify-content: flex-end;
}

.converted-pdf-list-wrap .file-edit-heading-table-row{
    border-bottom: 1px solid #ebecee;
}

.convert-inline-tool-wrapper{
    display: flex;
    gap: 8px;
    visibility: hidden;
    transition: none;
}

.file-edit-list-table-row:hover .convert-inline-tool-wrapper{
    visibility: visible;
    transition: none !important;

}

.converted-pdf-list-wrap .file-edit-heading-table-cell:nth-child(2) {
    width: 100%;
    max-width: 20%;
    padding: 0rem 1rem 0.8rem 0rem;
    border-bottom: none;
}

.converted-pdf-list-wrap .file-edit-heading-table-cell:last-child {
    width: 100%;
    max-width: 27.7%;
    border-bottom: 0px solid #ebecee;
    /* padding: 0rem 1rem 0.8rem 0rem; */
}

.file-edit-list-table-cell .arrow-icon {
    cursor: pointer;
}

.file-edit-list-table-cell .arrow-icon img {
    padding-right: 1rem;
}

.file-edit-list-inner-table-cell .doc-icon img {
    padding-right: 0.5rem;
}

.file-edit-proj-status-txt {
    
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 24px;
    color: #3c4043;
    transition: 0.3s all ease;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
}

.file-edit-proj-txt {
    
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 24px;
    color: #3c4043;
    transition: 0.3s all ease;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: auto;
    max-width: 70%;
    vertical-align: middle;
}

.file-edit-proj-txt-extension {
    
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 24px;
    color: #3c4043;
    transition: 0.3s all ease;
}

.reference-files-box ul.tmx-tbx-files-list li .file-edit-proj-txt {
    
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 24px;
    color: #3c4043;
    transition: 0.3s all ease;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: auto;
    vertical-align: middle;
}

.file-edit-proj-txt-tmx {
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 24px;
    color: #3c4043;
    transition: 0.3s all ease;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    width: auto;
    max-width: 250px;
}

.file-edit-proj-txt-word-count {
    
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 24px;
    color: #3c4043;
    position: relative;
}

.file-edit-proj-txt-tmx-created {
    
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 24px;
    color: #3c4043;
    transition: 0.3s all ease;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    width: auto;
    max-width: 250px;
}

.created-label {
    background-color: #e74c3c;
    border-radius: 2px;
    padding: 3px 5px;
    
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    color: #ffffff;
    margin-left: 1.5rem;
}

.unopend-icon{
    position: absolute;
    top: -8px;
    animation: FadeAnimation 8s ease-in .1s forwards;
}

.unopend-icon2{
    position: absolute;
    top: 5px;
    animation: FadeAnimation 6s ease-in .1s forwards;
}

@keyframes FadeAnimation {
    0% {
      opacity: 1;
      visibility: visible;
    }
    100% {
      opacity: 0;
      visibility: hidden;
    }
  }

.proj-list-arrow-down{
    color: #5F6368;
    font-size: 22px !important;
}

.proj-list-arrow-up{
    color: #5F6368;
    font-size: 22px !important;
}

.file-edit-proj-txt-file-name {
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 24px;
    color: #3c4043;
    transition: 0.3s all ease;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    width: auto;
    max-width: 160px;
    cursor: context-menu;
}

.file-edit-proj-txt-tmx-filename {
    
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 24px;
    color: #3c4043;
    transition: 0.3s all ease;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    width: auto;
    max-width: 90%;
}

.file-edit-proj-txt-file-extension {
    
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 24px;
    color: #3c4043;
    cursor: context-menu;
}

.setting-file-edit-translation-txt span{
    /* background: #e8f0fe;
    border-radius: 2px;
    padding: 3px 5px; */
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.3;
    color: #0078d4;
}

.file-edit-translation-txt span {
    background: #e8f0fe;
    border-radius: 2px;
    padding: 3px 5px;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    color: #0078d4;
    width: 100%;
}

.converted-pdf-list-wrap .file-edit-translation-txt span.converted{
    /* background-color: #DBEAF8; */
    border-radius: 3px;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.3;
    color: #3C4043;;
    /* text-transform: uppercase; */
    /* padding: 3px 5px 3px 5px; */
}

.converted-pdf-list-wrap .file-edit-translation-txt span.span-dot{
    border-radius: 50%;
    display: inline-block;
    height: 7px;
    width: 7px;
}

.file-edit-translation-txt .status-container{
    display: flex;
    align-items: center;
    gap: 6px
}

.converted-pdf-list-wrap .file-edit-translation-txt span.failure{
    /* background-color: #dc354552; */
    border-radius: 3px;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.3;
    color: #3C4043;
    /* text-transform: uppercase; */
    /* padding: 3px 5px 3px 5px; */
}

.converted-pdf-list-wrap .file-edit-translation-txt span.process{
    /* background-color: #FFF1CB; */
    border-radius: 3px;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.3;
    color: #3C4043;
    /* text-transform: uppercase; */
    /* padding: 3px 5px 3px 5px; */
}

.file-edit-translation-txt.word-count span {
    color: #3c4043;
    
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 24px;
    background: transparent;
    border-radius: 0;
    padding: 0;
}

.selected-file-row {
    width: 100%;
    transition: 0.4s all ease;
}

.focused-proj-row .file-edit-list-table-cell-wrap {
    background: #f3f8ff;
}

.focused-proj-row .file-edit-list-table-cell-wrap::before{
    content: "";
    display: block;
    width: 100px;
    height: 2px;
    background-color: #0078d4;
    position: absolute;
    animation: border_top_anim 0.7s ease-out forwards;
}

@keyframes border_top_anim {
    0% {
        width: 0%;
        transition: 0.2s all ease-in;
    }
    100% {
        width: 100%;
        transition: 0.2s all ease-in;
    }
}

.focused-proj-row .file-edit-list-table-cell .file-edit-proj-txt {
    font-weight: 600;
}

.focused-proj-row .file-edit-list-table-cell .proj-file-type span{
    color: #596A78;
}


.unopened-focus-proj-row .file-edit-list-table-cell .file-edit-proj-status-txt,
.unopened-focus-proj-row .file-edit-list-table-cell .file-edit-proj-txt-word-count,
.unopened-focus-proj-row .file-edit-list-table-cell .file-edit-proj-txt-tmx,
.focused-proj-row .file-edit-list-table-cell .file-edit-proj-status-txt,
.focused-proj-row .file-edit-list-table-cell .file-edit-proj-txt-word-count,
.focused-proj-row .file-edit-list-table-cell .file-edit-proj-txt-tmx {
    font-weight: 600;
}

.focused-proj-row .file-edit-list-table-cell .file-edit-translation-txt{
    width: auto;
    margin-right: 30px;
}

.focused-proj-row .file-edit-list-table-cell .file-edit-translation-txt span {
    font-weight: 600;
    background: #cbdeff;
}

.focused-proj-row .file-edit-list-table-cell .file-edit-translation-txt.word-count span {
    font-weight: 500;
    background: transparent;
}

.workspace-progress-bar-part-setup {
    display: flex;
    align-items: center;
}

.schedule-timer-row {
    display: flex;
    align-items: center;
}

.schedule-timer-content .time {
    
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 12px;
    color: #3c4043;
    margin-bottom: 0.2rem;
}

.schedule-timer-content .date {
    
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #3c4043;
    margin-bottom: 0;
}

.schedule-timer-img {
    position: relative;
    top: -5px;
    padding-right: 5px;
}

.file-progress-txt {
    
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 12px;
    color: #5f6368;
    /* padding-left: 0.9rem; */
}

.progress-bar-file-completion-project-setup {
    width: 80px;
    padding-right: 0.4rem;
}

.progress-file-completion-project-setup {
    margin: 5px 1px;
    padding: 0;
    width: 100%;
    height: 6px;
    overflow: hidden;
    background: #e5e5e5;
    border-radius: 30px;
}

.fileopen-new-btn {
    
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 14px;
    text-align: center;
    color: #ffffff;
    display: flex;
    justify-content: space-between;
    gap: 5px;
}

.converted-pdf-list-wrap .fileopen-new-btn {
    
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 14px;
    text-align: center;
    color: #ffffff;
    display: flex;
    justify-content: space-between;
    gap: 5px;
}

.file-submit-new-btn {
    
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #0078d4;
    display: flex;
    justify-content: space-between;
}

.project-setup-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem 0px 1rem 0px;
}

.project-setup-pagination ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0px;
}

.project-setup-pagination ul li {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.7rem;
    cursor: pointer;
    background: transparent;
    border-radius: 50%;
    
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 14px;
    transition: 0.4s all ease;
}

.project-setup-pagination ul li img {
    width: 20px;
}

.project-setup-pagination ul li.active-page {
    background: #0000001a;
}

.project-setup-pagination ul li:hover {
    background: #0000001a;
}

.project-setup-pagination ul li:last-child {
    margin-right: 0rem;
}

.lds-spinner {
    display: inline-block;
    position: relative;
    width: 10px;
    height: 10px;
    left: -40px;
    top: -5px;
}
.lds-spinner div {
    transform-origin: 40px 11px;
    animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 37px;
    width: 2px;
    height: 4px;
    border-radius: 45%;
    background: #fff;
}
.lds-spinner div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s;
}
@keyframes lds-spinner {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.save-btn-spinner {
    display: inline-block;
    position: relative;
    width: 10px;
    height: 10px;
    left: -40px;
    top: -5px;
}

.save-btn-spinner-blue {
    display: inline-block;
    position: relative;
    width: 15px;
    height: 15px;
    left: -40px;
    top: -5px;
    margin: 1px 5px 0 5px;

}

.save-btn-spinner-blue-writter {
    display: inline-block;
    position: relative;
    width: 15px;
    height: 15px;
    left: -35px;
    top: -0px;
    margin: 1px 5px 0 5px;

}

.save-btn-spinner div, .save-btn-spinner-blue div, .save-btn-spinner-blue-writter div {
    transform-origin: 40px 11px;
    animation: save-btn-spinner 1.2s linear infinite;
}
.save-btn-spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 37px;
    width: 2px;
    height: 4px;
    border-radius: 45%;
    background: #fff;
}

.save-btn-spinner-blue div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 37px;
    width: 2px;
    height: 4px;
    border-radius: 45%;
    background: #0078D4;
}

.save-btn-spinner-blue-writter div::after{
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 37px;
    width: 2px;
    height: 4px;
    border-radius: 45%;
    background: #0078D4;
}

.save-btn-spinner div:nth-child(1),.save-btn-spinner-blue div:nth-child(1),.save-btn-spinner-blue-writter div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1s;
}
.save-btn-spinner div:nth-child(2),.save-btn-spinner-blue div:nth-child(2),.save-btn-spinner-blue-writter div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s;
}
.save-btn-spinner div:nth-child(3),.save-btn-spinner-blue div:nth-child(3),.save-btn-spinner-blue-writter div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9s;
}
.save-btn-spinner div:nth-child(4),.save-btn-spinner-blue div:nth-child(4),.save-btn-spinner-blue-writter div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8s;
}
.save-btn-spinner div:nth-child(5),.save-btn-spinner-blue div:nth-child(5),.save-btn-spinner-blue-writter div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7s;
}
.save-btn-spinner div:nth-child(6),.save-btn-spinner-blue div:nth-child(6),.save-btn-spinner-blue-writter div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6s;
}
.save-btn-spinner div:nth-child(7),.save-btn-spinner-blue div:nth-child(7),.save-btn-spinner-blue-writter div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5s;
}
.save-btn-spinner div:nth-child(8),.save-btn-spinner-blue div:nth-child(8),.save-btn-spinner-blue-writter div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4s;
}
.save-btn-spinner div:nth-child(9),.save-btn-spinner-blue div:nth-child(9),.save-btn-spinner-blue-writter div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.3s;
}
.save-btn-spinner div:nth-child(10),.save-btn-spinner-blue div:nth-child(10),.save-btn-spinner-blue-writter div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2s;
}
.save-btn-spinner div:nth-child(11),.save-btn-spinner-blue div:nth-child(11),.save-btn-spinner-blue-writter div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.1s;
}
.save-btn-spinner div:nth-child(12),.save-btn-spinner-blue div:nth-child(12),.save-btn-spinner-blue-writter div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s;
}
@keyframes save-btn-spinner {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.upload-files-heading p {
    
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    color: #161c2d;
    margin-bottom: 0px;
    margin-top: 1rem;
}

.translation-pair-L {
    padding: 0px 7px;
    position: relative;
    top: -4px;
}

.add-project-btn {
    display: flex;
    align-items: center;
    gap: 5px;
    
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 23px;
    color: #ffffff;
}

.add-new-project-btn {
    
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
    display: flex;
    align-items: center;
}

.add-new-project-btn img {
    width: 15px;
    margin-right: 0.4rem;
}

/* .add-project-btn span{
  padding-right: 0.3rem;
} */

.project-setup-tabs {
    background: transparent;
    display: flex;
    align-items: center;
    width: 100%;
    /* position: -webkit-sticky;
    position: sticky;
    top: 48px;
    z-index: 9; */
}

.project-setup-btn {
    /* border-bottom: 3px solid transparent !important;
  border-top: 0px !important;
  border-left: 0.32rem solid transparent !important;
  border-right: 0.32rem solid transparent !important; */
    /* border-radius: 4px; */
    border: none !important;
    background: transparent;
    
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    padding: 0.532rem 0rem !important;
    color: #000000 !important;
    transition: 0.3s all ease;
}

.settings-setup-btn {
    border-bottom: 3px solid transparent !important;
    border-top: 0px !important;
    border-left: 0.32rem solid transparent !important;
    border-right: 0.32rem solid transparent !important;
    border-radius: 4px;
    background: transparent;
    
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4;
    padding: 11px 0px 11px 25px !important;
    color: #3c4043 !important;
    transition: 0.3s all ease;
}

.project-setup-btn.active {
    border: none !important;
}

.project-setup-btn.active {
    position: relative;
}

.setup-button-global.active::after {
    content: "";
    display: block;
    height: 3px;
    background-color: #0078d4;
    border-radius: 3px 3px 0px 0px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

/* .settings-setup-btn.active{
  border-bottom: 3px solid #0078D4 !important;
  color: #0078D4 !important;
  font-weight: 500;
} */

.setup-button-modal-btn.active .settings-setup-btn {
    color: #0078d4 !important;
    font-weight: 500;
}

.setup-button-modal-btn:not(:last-child){
    margin-bottom: 10px !important;
}

.setup-button-modal-btn:hover{
    /* background: #F1F1F1; */
    border-radius: 0px 20px 20px 0px;
}

.setup-button-modal-btn:hover a{
    color: #3C4043 !important;
}

.setup-button-global:hover {
    /* background: #e8f0fe; */
}

.setup-button-modal-btn.active{
    background: #E8F0FE;
    border-radius: 0px 20px 20px 0px;
}
.setup-button-global.active {
    position: relative;
}

.settings-setup-btn.active:hover {
    color: #0078d4 !important;
}

.setup-button-modal-btn.active:hover .settings-setup-btn,
.setup-button-global.active:hover .settings-setup-btn,
.project-setup-btn.active:hover,
.setup-button-global:hover .project-setup-btn {
    color: #000000;
}

.active-proj {
    border-bottom: 3px solid #0074d3;
}

.setup-button-modal-btn {
    transition: 0.3s all ease;
    border-radius: 0px 20px 20px 0px;
    cursor: pointer;
    margin-bottom: 0px !important;
}

.setup-button-global {
    margin-right: 0px;
    transition: 0.3s all ease;
    cursor: pointer;
    margin-bottom: 0px !important;
    padding: 0px 1.5rem;
}

.setup-button-modal-btn:last-child,
.setup-button-global:last-child {
    margin-right: 0px;
}

.project-setup-forms {
    margin-top: 1rem;
}

.input-form-field,
.form-fields {
    width: 100%;
    max-width: 65%;
}

.files-space-align .form-group:not(:last-child),
.files-space-align .form-fields:not(:last-child){
    margin-right: 30px;
}

.form-fields.target-lang {
    width: fit-content;
    width: -moz-fit-content;
    min-width: 65%;
    max-width: 100%;
}

.css-1rhbuit-multiValue {
    background-color: #e8f0fe !important;
    border: 1px solid #d5e4fe;
    border-radius: 2px !important;
    height: 21px;
}
.select-width .css-1rhbuit-multiValue .css-12jo7m5 {
    
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    color: #5f6368;
}

.css-6q0nyr-Svg {
    fill: #5f6368 !important;
}

.status-indicator-in-progress-color {
    width: 7px;
    height: 7px;
    background: #ffc021;
    display: inline-block;
    position: relative;
    top: -1px;
    border-radius: 50%;
    margin-right: 0.4rem;
}

.status-indicator-created {
    width: 7px;
    height: 7px;
    background: #e74c3c;
    display: inline-block;
    position: relative;
    top: -1px;
    border-radius: 50%;
    margin-right: 0.4rem;
}

.status-indicator-completed {
    width: 7px;
    height: 7px;
    background: #1a73e8;
    display: inline-block;
    position: relative;
    top: -1px;
    border-radius: 50%;
    margin-right: 0.4rem;
}

.user-project-icon {
    display: none;
    flex-wrap: wrap;
    width: 100%;
    justify-content: flex-end;
    transition: 0.3s all ease;
}

.project-edit-tools {
    display: none;
    width: 100%;
    justify-content: flex-end;
    transition: 0.3s all ease;
}

.user-project-icon span,
.project-edit-tools span {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border-radius: 50%;
    transition: 0.4s all ease;
}

.user-project-icon span:not(:last-child),
.project-edit-tools span:not(:last-child) {
    margin-right: 0.4rem;
}

.icons-separator {
    display: none;
}

.focused-proj-row .icons-separator {
    display: block;
    width: 0px;
    height: 22px;
    border: 1px solid #bfc3c8;
    margin: 0 0.8rem;
}

.arrow-up-sort {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #ffffff;
}

.arrow-down-sort {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #ffffff;
}

.arrow-up-inactive {
    border-bottom-color: #d9d9d9;
}

.arrow-down-inactive {
    border-top-color: #d9d9d9;
}

.arrow-up-active {
    border-bottom-color: #5f6368;
}

.arrow-down-active {
    border-top-color: #5f6368;
}

.user-project-icon span:hover,
.project-edit-tools span:hover {
    background-color: #e9eaea;
}

.glossary-list-wrap .focused-proj-row .file-edit-list-table-cell:first-child{
    max-width: 80%;
    display: flex;
    align-items: center;
}

.glossary-list-wrap .focused-proj-row .file-edit-list-table-cell:nth-child(2){
    max-width: 20%;
}

.focused-proj-row .file-edit-list-table-cell:first-child {
    display: flex;
    align-items: center;
    flex-grow: 1;
    width: 100%;
    max-width: 60%;
}

/* .focused-proj-row .file-edit-list-table-cell:nth-child(3) {
    max-width: 10%;
} */

/* .focused-proj-row .file-edit-list-table-cell:nth-child(3) {
    max-width: 10%;
} */

/* .focused-proj-row .file-edit-list-table-cell:nth-child(2) {
    max-width: 25%;
} */

.focused-proj-row .file-edit-list-table-cell:nth-child(2) .user-project-icon span:hover,
.focused-proj-row .file-edit-list-table-cell:nth-child(2) .project-edit-tools span:hover {
    background-color: #dce6f5;
}

.focused-proj-row .file-edit-list-table-cell:nth-child(2) .user-project-icon{
    display: flex;
    width: 10%;
}

.focused-proj-row .file-edit-list-table-cell:nth-child(2) {
    display: flex;
    width: 100%;
    max-width: 40%;
    justify-content: space-between;
}

.focused-proj-row .file-edit-list-table-cell:nth-child(2) .project-edit-tools {
    display: flex;
    width: auto;
}

.focused-proj-row .file-edit-list-table-cell:nth-child(2) .status-conditions-part {
    /* width: 92px; */
    margin-left: 0.4rem;
}

.focused-proj-row.file-edit-list-table-row:hover .status-conditions-part .file-edit-proj-status-txt {
    width: 100%;
    display: inline-block;
}

/* .focused-proj-row .file-edit-list-inner-table-row:hover .file-edit-proj-status-txt.docs-delete{
    display: inline-block !important;
} */
.file-edit-proj-status-txt.docs-delete{
    cursor: pointer;
    display: none !important;
}
.file-edit-inner-table .file-edit-proj-status-txt.docs-delete{
    padding: 15px;
}
.file-edit-inner-table:hover .file-edit-proj-status-txt.docs-delete img{
    display: block !important;
}

.file-edit-inner-table .file-edit-proj-status-txt.docs-delete img{
    display: none !important;
}


.file-edit-list-table-row:hover .file-edit-proj-status-txt {
    display: none;
}

.download-reload-area .icons,
.converted-pdf-list-wrap .file-edit-list-table-row .file-edit-proj-status-txt  .icons{
    color: #5F6368;
    font-size: 20px;
}

.download-reload-area .download{
    cursor: pointer;
}

.download-reload-area .download,
.converted-pdf-list-wrap .file-edit-list-table-row .file-edit-proj-status-txt{
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border-radius: 50%;
}

.download-reload-area .download:hover,
.converted-pdf-list-wrap .file-edit-list-table-row .file-edit-proj-status-txt:hover{
    background-color: #e9eaea;
}

.file-edit-list-table-row:hover .project-edit-tools {
    display: flex;
    position: absolute;
}

.focused-proj-row.file-edit-list-table-row:hover .user-project-icon,
.focused-proj-row.file-edit-list-table-row:hover .project-edit-tools {
    position: unset;
}

.ai-project-analysis-modal-wrapper,
.ailaysa-setup-settings-modal {
    z-index: 1080 !important;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

.edit-instant-project-box .rodal-mask {
    background: #00000066 !important;
}

.edit-instant-project-box .rodal-dialog{
    width: 558px !important;
    height: fit-content !important;
    box-shadow: 0px 3px 14px #00000038 !important;
    border-radius: 4px !important;
}

.edit-instant-project-box .header-wrapper{
    padding: 18px 24px 19px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #DADCE0;
}

.edit-instant-project-box .header-wrapper .modal-close-btn{
    height: 28px;
    width: 28px;
}

.edit-instant-project-box .header-text{
    display: flex;
    align-items: center;
    gap: 6px;
}

.edit-instant-project-box .header-text h1{
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.4;
    color: #3C4043;
    margin-bottom: 0px;
}

.edit-instant-project-box .body-wrapper{
    padding: 26px 29px 21px 26px;

}

.edit-instant-project-box .body-wrapper .details-cont{
    margin-bottom: 28px;
}

.edit-instant-project-box .body-wrapper .details-cont h1{
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4;
    color: #3C4043;
    margin-bottom: 0px;
}

.edit-instant-project-box .body-wrapper .language-details h2{
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.4;
    color: #222222;
    margin-bottom: 0px;
}

.edit-instant-project-box .body-wrapper .details-cont h2{
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.4;
    color: #222222;
    margin-bottom: 0px;
}

.edit-instant-project-box .body-wrapper .language-details h2{
    margin-bottom: 6px;
}

.edit-instant-project-box .body-wrapper .details-cont h2 span{
    color: #707070;
}

.edit-instant-project-box .body-wrapper .language-details button{
    width: 100%;
}

.edit-instant-project-box .body-wrapper .language-details .ai-sl-tl-btn.input{
    cursor: text;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    color: #3C4043;
}

.edit-instant-project-box .body-wrapper .language-details .ai-sl-tl-btn{
    padding: 8px 10px 9px 12px;
    background-color: transparent;
    border: 1px solid #CED4DA;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    cursor: pointer;
    transition: 0.3s all ease;
}

.edit-instant-project-box .body-wrapper .language-details .ai-sl-tl-btn .text {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.5;
    color: #7E7E7E;
}

.edit-instant-project-box .body-wrapper .language-details .ai-sl-tl-btn .icon {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #5F6368;
}

.edit-instant-project-box .body-wrapper .edit-proj-button-row{
    margin-top: 37px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.edit-instant-project-box .body-wrapper .edit-proj-button-row .instant-edit-delete-btn{
    padding: 9px 9px 9px 12px;
    background-color: transparent;
    border-radius: 3px;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    color: #3C4043;
    transition: 0.3s all ease;
}

.edit-instant-project-box .body-wrapper .edit-proj-button-row .instant-edit-delete-btn:hover{
    background-color: #ebebeb;
    transition: 0.3s all ease;
}

.edit-instant-project-box .body-wrapper .edit-proj-button-row .instant-edit-update-btn{
    padding: 10px 24px 11px 24px;
    background-color: #0078D4;
    border-radius: 3px;
    cursor: pointer;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    color: #FFFFFF;
}

.instant-edit-update-btn .lds-spinner{
    left: -25px !important;
}

.ai-project-analysis-modal-wrapper .rodal-dialog{
    width: 1200px !important;
    height: 634px !important;
    max-height: 90% !important;
    box-shadow: 0px 3px 14px #00000038 !important;
    border-radius: 10px !important;
}

.ailaysa-setup-settings-modal .rodal-dialog {
    width: 1250px !important;
    height: 700px !important;
}

.ailaysa-save-alert-modal .rodal-mask,
.ailaysa-convert-options-modal .rodal-mask{
    border-radius: 10px;
}

.ai-project-analysis-wrapper{
    display: flex;
    flex-direction: column;
    height: 100%;
}

.ai-project-analysis-wrapper .analysis-header-wrapper{
    padding: 21px 23px 17px 32px;
    border-bottom: 1px solid #DADCE0;
    height: 75px;
    display: flex;
    align-items: center;
}

.ai-project-analysis-wrapper .analysis-header-wrapper .analysis-header-txt .bar-chart-icon{
    font-size: 28px;
    color: #0078D4;
}

.ai-project-analysis-wrapper .analysis-header-wrapper .analysis-header-txt{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.ai-project-analysis-wrapper .analysis-header-wrapper .analysis-header-txt .title{
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.4;
    color: #3C4043;
    padding-left: 5px;
}

.ai-project-analysis-wrapper .analysis-body-wrapper .download-wrap{
    padding: 3px 10px;
    margin: 8px 0;
    float: right;
    background-color: transparent;
    border-radius: 5px;
}

.ai-project-analysis-wrapper .analysis-body-wrapper .download-wrap span{
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.4;
    color: #3C4043;
    padding-left: 5px;
}

.ai-project-analysis-wrapper .analysis-header-wrapper .analysis-header-txt .close{
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border-radius: 50%;
}

.ai-project-analysis-wrapper .analysis-body-wrapper .download-wrap:hover,
.ai-project-analysis-wrapper .analysis-header-wrapper .analysis-header-txt .close:hover{
    background-color: #e9eaea;
    cursor: pointer;
}

.ai-project-analysis-wrapper .analysis-header-wrapper .analysis-header-txt .close .bar-char-close{
    font-size: 23px;
    color: #5F6368;
}

.ai-project-analysis-wrapper .analysis-body-loader-wrapper{
    padding: 20px 36px 20px 36px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.ai-project-analysis-wrapper .analysis-body-loader-wrapper h4{
    font-size: 18px;
    margin-top: 10px;
}

.ai-project-analysis-wrapper .analysis-body-wrapper{
    padding: 20px 36px 20px 36px;
    overflow: auto;
}

.ai-project-analysis-wrapper .analysis-header-txt{
    height: 10px;
}

.ai-project-analysis-wrapper .analysis-body-wrapper .analysis-proj-name-wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 10px;
}

.ai-project-analysis-wrapper .analysis-body-wrapper .analysis-proj-name-wrapper .proj-name{
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4;
    color: #3C4043;
    margin-bottom: 0px;
}

.analysis-lang-pair-collapse-wrapper .analysis-lang-pair-item .download-wrap .download,
.ai-project-analysis-wrapper .analysis-body-wrapper .download-wrap .download{
    color: #5F6368;
    font-size: 20px;
}

.ai-project-analysis-wrapper .analysis-body-wrapper .analysis-table-wrapper table{
    border: 1px solid #D9E0E3;
}

.ai-project-analysis-wrapper .analysis-body-wrapper .analysis-table-wrapper table tr.sub-header,
.ai-project-analysis-wrapper .analysis-body-wrapper .analysis-table-wrapper table tr.main-header{
    border-bottom: 1px solid #D9E0E3;
}

.ai-project-analysis-wrapper .analysis-body-wrapper .analysis-table-wrapper table tr.body-row td:not(:last-child),
.ai-project-analysis-wrapper .analysis-body-wrapper .analysis-table-wrapper table tr.main-header th:not(:last-child),
.ai-project-analysis-wrapper .analysis-body-wrapper .analysis-table-wrapper table tr.sub-header th:not(:last-child){
    border-right: 1px solid #D9E0E3;
}

.ai-project-analysis-wrapper .analysis-body-wrapper .analysis-table-wrapper table tr.main-header th:first-child{
    vertical-align: middle;
    border-top-left-radius: 4px;
}

/* .ai-project-analysis-wrapper .analysis-body-wrapper .analysis-table-wrapper table tr.main-header th:nth-child(2),
.ai-project-analysis-wrapper .analysis-body-wrapper .analysis-table-wrapper table tr.main-header th:nth-child(1){
    width: 12%;
    max-width: 100%;
} */


.ai-project-analysis-wrapper .analysis-body-wrapper .analysis-table-wrapper table tr.main-header th:last-child{
    border-top-right-radius: 4px;
}

.ai-project-analysis-wrapper .analysis-body-wrapper .analysis-table-wrapper table tr.body-row td{
    width: 9%;
    max-width: 100%;
    padding: 11px 12px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4;
    color: #000000;
    margin-bottom: 0px;
    text-align: center;
}

.ai-project-analysis-wrapper .analysis-body-wrapper .analysis-table-wrapper table tr.body-row td:nth-child(2){
    font-weight: 900;
}

.ai-project-analysis-wrapper .analysis-body-wrapper .analysis-table-wrapper table tr.sub-header th,
.ai-project-analysis-wrapper .analysis-body-wrapper .analysis-table-wrapper table tr.main-header th{
    width: 9%;
    max-width: 100%;
    padding: 11px 12px;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.4;
    color: #3C4043;
    margin-bottom: 0px;
    text-align: center;
}

.ai-project-analysis-wrapper .analysis-body-wrapper .analysis-table-wrapper table tr.sub-header,
.ai-project-analysis-wrapper .analysis-body-wrapper .analysis-table-wrapper table tr.main-header{
    background-color: #f0f2f46b;   
}

.ai-project-analysis-wrapper .analysis-body-wrapper .analysis-table-wrapper table tr.body-row,
.ai-project-analysis-wrapper .analysis-body-wrapper .analysis-table-wrapper table tr.sub-header,
.ai-project-analysis-wrapper .analysis-body-wrapper .analysis-table-wrapper table tr.main-header,
.ai-project-analysis-wrapper .analysis-body-wrapper .analysis-table-wrapper table{
    width: 100%;
}

.analysis-lang-pair-collapse-wrapper .analysis-lang-pair-item {
    padding-top: 18px;
    padding-bottom: 18px;
    border-bottom: 1px solid #E0E6E9;
}

.marg-add{
    margin-bottom: 12px;
}

.analysis-lang-pair-collapse-wrapper .analysis-lang-pair-item .analysis-lang-wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.analysis-lang-pair-collapse-wrapper .analysis-lang-pair-item .analysis-lang-pair-row{
    display: flex;
    align-items: center;
}

.analysis-lang-pair-collapse-wrapper .analysis-lang-pair-item .analysis-lang-pair-row .file-name-wrap{
    display: flex;
    align-items: center;
    /* width: 100%; */
    gap: 5px;
    padding-right: 14px;
}

.analysis-lang-pair-collapse-wrapper .analysis-lang-pair-item .analysis-lang-pair-row .file-name-wrap .filename{
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.4;
    color: #3C4043;
}

.analysis-lang-pair-collapse-wrapper .analysis-lang-pair-item .analysis-lang-pair-row .lang-pair{
    display: flex;
    align-items: center;
}

.analysis-lang-pair-collapse-wrapper .analysis-lang-pair-item .analysis-lang-pair-row .collapse-arrow{
    padding-right: 10px;
}

.analysis-lang-pair-collapse-wrapper .analysis-lang-pair-item .analysis-lang-pair-row .collapse-arrow .arrow{
    font-size: 20px;
    color: #5F6368;
}

.analysis-lang-pair-collapse-wrapper .analysis-lang-pair-item .analysis-lang-pair-row .lang-pair span{
    background: #e8f0fe;
    border-radius: 2px;
    padding: 3px 5px;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    color: #0078d4;
}

.ailaysa-convert-modal{
    padding: 23px 25px;
    height: 100%;
}

.ailaysa-convert-modal .title{
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #000000;
    margin-bottom: 24px;
}

.ailaysa-convert-modal .form-box .form-container label{
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.3;
    color: #161C2D;
    margin-bottom: 8px;
}

.ailaysa-convert-modal .form-box .form-container .input-form-control{
    border: 1px solid #CED4DA;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 11px;
    height: 40px;
}

.ailaysa-convert-modal .form-box .form-container .input-form-control span{
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.3;
    color: #161C2D;
}

.ailaysa-convert-modal .form-box .form-container .input-form-control .file-input-select label{
    cursor: pointer;
    margin-bottom: 0px;
}

.ailaysa-convert-modal .form-box .form-container{
    margin-bottom: 19px;
}

.ailaysa-save-alert-modal .rodal-dialog{
    width: 436px !important;
    height: 210px !important;
    border-radius: 4px !important;
}

.ailaysa-convert-options-modal .rodal-dialog{
    width: 554px !important;
    height: 316px !important;
    border-radius: 4px !important;
}

.ailaysa-save-alert-wrapper{
    padding: 12px 25px 20px 25px;
    height: 100%;
}

.ailaysa-save-alert-wrapper .ai-save-alert-header{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.ailaysa-wordcount-modal {
    z-index: 1080 !important;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

.ai-find-editor-modal {
    z-index: 1080 !important;
}

.rodal-dialog {
    border: none;
    box-shadow: 0px 3px 14px #00000038 !important;
    border-radius: 10px !important;
    height: fit-content;
    padding: 0 !important;
}

.ailaysa-wordcount-modal .rodal-dialog {
    border: none;
    box-shadow: 0px 3px 14px #00000038 !important;
    border-radius: 10px !important;
    width: 365px !important;
    height: fit-content !important;
    padding: 0 !important;
}

.ailaysa-manage-modal .rodal-mask,
.ailaysa-wordcount-modal .rodal-mask {
    background-color: rgba(0, 0, 0, 0.25) !important;
}

.ai-find-editor-modal .rodal-mask {
    background-color: rgba(0, 0, 0, 0.5) !important;
}

.ai-find-editor-modal .rodal-dialog {
    box-shadow: 0px 3px 14px #00000038 !important;
    border-radius: 6px !important;
}

.ai-project-analysis-modal-wrapper .rodal-mask{
    background-color: #000000 !important;
    opacity: 0.2;
}

.ailaysa-setup-settings-modal .rodal-mask {
    background-color: #000000 !important;
    opacity: 0.4;
}

.rodal-mask {
    background-color: rgba(0, 0, 0, 0.2) !important;
}

.settings-heading-title {
    padding-left: 28px;
    display: flex;
    align-items: center;
    margin-bottom: 18px;
}

.settings-heading-title span{
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #3C4043;
    padding-left: 8px;
}

.word-count-heading-title {
    
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #3c4043;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 330px;

}

.settings-head span.settings-heading-title img {
    margin-right: 0.4rem;
    position: relative;
    top: -2px;
}

.word-count-head span.word-count-heading-title img {
    width: 32px;
    position: relative;
    top: -3px;
}

.wordcount-content-box {
    padding: 1rem 28px 2rem 28px;
}

.wordcount-content-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.wordcount-content-col {
    width: 50%;
    max-width: 100%;
}

.wordcount-content-col {
    padding: 16px;
}

.wordcount-content-col:first-child {
    padding: 16px 16px 16px 0px;
}

.wordcount-content-col:last-child {
    padding: 16px 0px 16px 16px;
}

.wordcount-content-col:not(:last-child) {
    border-right: 1px solid #dbdbdb;
}

.wordcount-content-col-box small {
    
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 2.5;
    color: #3c4043;
}

.wordcount-content-col-box p {
    
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 24px;
    color: #000000;
    margin-bottom: 0px;
}

.assets-qa-tab-wrapper,
.settings-head {
    padding: 19px 0px 19px 0px;
    width: 100%;
    max-width: 248px;
    border-right: 1px solid #F0F0F0;
}

.version-control-integration,
.ailaysa-manage-modal {
    z-index: 1080 !important;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

.assign-manage-cont {
    position: relative;
    padding: 14px 20px 14px 34px;
}

.file-assigned-member-lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.word-count-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 18px 10px 18px;
}

.settings-close-btn {
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: transparent;
    transition: 0.4s all ease;
}

.save-alert-close-btn img{
    width: 26px;
}

.settings-close-btn:hover {
    background: #e9eaea;
    cursor: pointer;
}

.save-alert-close-btn{
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: transparent;
    position: relative;
    right: -12px;
}

.save-alert-close-btn:hover {
    background: #e9eaea;
    cursor: pointer;
}

.ailaysa-save-alert-wrapper .modal-title{
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.5;
    color: #000000;
    margin-bottom: 11px;
    margin-top: 9px;
}
.ailaysa-save-alert-wrapper .button-row{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.ailaysa-save-alert-wrapper .button-row .setting-update-btn{
    padding: 10px 30px !important;
}

.ailaysa-save-alert-wrapper .modal-desc{
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.3;
    color: #3C4043;
    margin-bottom: 45px;
}

.word-count-close-btn {
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: transparent;
    transition: 0.4s all ease;
}

.word-count-close-btn:hover {
    background: #e9eaea;
    cursor: pointer;
}

.settings-update-btn {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 16px 25px;
    height: 67px;
    border-top: 1px solid #F0F0F0;
}

.settings-nav-container {
    padding: 0px 10px 0px 0px !important;
    border-bottom: 0px solid #dee2e6 !important;
    flex-direction: column;
}

.settigs-inner-row {
    width: 96%;
}

.tab-column {
    width: 21.335%;
    position: relative;
}

.tab-working-cont {
    width: 78.665%;
    padding: 0px 30px 1.5rem 60px;
}

.settings-tab{
    display: flex;
    padding: 11px 25px;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border-bottom: 1px solid #F0F0F0;
    height: 64px;
}

.settings-tab h1{
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #3c4043 !important;
    margin-bottom: 0px;
}
/* 
.settings-tab-main-container {
    padding-top: 1.5rem;
} */

.settings-inner-tab-item {
    padding-bottom: 0.4rem;
}

.settings-inner-tab-item:last-child {
    padding-bottom: 0rem;
}

.assets-dropdown-wrap {
    border: 2px dashed #B1B8C1 !important;
    border-radius: 5px !important;
    margin-top: 7px !important;
    margin-bottom: 26px;
    height: 171px !important;
    background-color: transparent !important;
}

/* .reset-icon-set{
    color: #3C4043;
    font-size: 13px;
} */

.reset-icon-set{
    width: 13px;
    height: 13px;
}

.settings-inner-setup-btn {
    
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 14px;
    color: #3c4043 !important;
    padding: 10px 25px !important;
    border: none !important;
    border-radius: 0px 15px 15px 0px !important;
    transition: 0.4s all ease;
    background-color: transparent;
}

.settings-inner-setup-btn:hover {
    background-color: #f1f1f1 !important;
    color: #3c4043 !important;
    cursor: pointer;
}

.settings-inner-setup-btn.active {
    color: #0074d3 !important;
    font-weight: 500 !important;
    background-color: #e8f0fe !important;
}

.tab-border-bot-remove {
    border-bottom: 0px !important;
    padding-top: 7px;
}

.tbx-file-list-wrapper {
    padding: 22px 0px;
}

.tbx-file-list-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 35px;
    padding: 0px 12px;
}

.tbx-file-list-header h2{
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    color: #3c4043 !important;
    margin-bottom: 0px;
}

.tbx-file-list-wrapper ul.tbx-file-list-heading,
.tbx-file-list-wrapper ul.tmx-tbx-file-list-heading,
.tmx-tbx-file-list ul.tbx-file-list-heading,
.tmx-tbx-file-list ul.tmx-tbx-file-list-heading {
    padding: 0px;
    display: flex;
    width: 100%;
    list-style-type: none;
    border-bottom: 1px solid #ebecee;
    margin-bottom: 0px;
}

ul.tmx-tbx-files-list-new li {
    width: 100%;
    border-bottom: 1px solid #F0F0F0;
    padding: 10.5px 10px;
    transition: 0.4s all ease;
    display: flex;
    align-items: center;
    height: 61px;
}

.tmx-tbx-files-del-box {
    width: 40px;
    height: 40px;
    background-color: transparent;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    cursor: pointer;
    transition: 0.3s all ease;
}

.tmx-tbx-files-del-box:hover{
    background-color: #e9eaea;
}

ul.tmx-tbx-files-list-new li:hover .tmx-tbx-files-delete {
    display: flex;
}

ul.tmx-tbx-files-list-new li .tmx-tbx-action-wrap,
ul.tmx-tbx-files-list-new li .tmx-tbx-files-wrap {
    width: 50%;
}

ul.tmx-tbx-files-list-new li .tmx-tbx-action-wrap{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

ul.tmx-tbx-files-list-new li .tmx-tbx-files-delete {
    display: none;
    align-items: center;
    justify-content: flex-end;
}

/* ul.tmx-tbx-files-list-new li:not(:first-child) {
    border-top: 1px solid #ebecee;
} */

ul.tbx-file-list{
    padding: 10.5px 12px !important;
    border-bottom: 1px solid #F0F0F0;
    height: 61px;
}

ul.tbx-file-list li:first-child{
    width: 40%;
}

ul.tbx-file-list li:last-child{
    width: 60%;
}

ul.tbx-file-list-form li {
    width: 50%;
    padding: 5px 10px;
}

ul.tbx-file-list li:nth-child(2),
ul.tbx-file-list-form li:nth-child(2) {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

ul.tmx-tbx-files-list li:first-child {
    width: 90%;
    padding: 5px 10px;
}

ul.tmx-tbx-file-list-form li:first-child {
    width: 40%;
}

.tmx-tbx-file-list ul.tbx-file-list-heading li:first-child {
    width: 40%;
    padding: 5px 10px;
}

.tmx-tbx-file-list ul.tbx-file-list-heading li:nth-child(2) {
    width: 45%;
    padding: 5px 10px;
}

.tmx-tbx-file-list ul.tmx-tbx-file-list-heading li:first-child {
    width: 100%;
    padding: 5px 10px;
}

.tmx-tbx-file-list ul.tmx-tbx-file-list-heading li:first-child .first-head {
    width: 85%;
}

.tmx-tbx-file-list ul.tmx-tbx-file-list-heading li:last-child .last-head {
    width: 15%;
    text-align: center;
}

/* ul.tmx-tbx-file-list-form li:nth-child(2), */
ul.tmx-tbx-file-list-form li:nth-child(2) {
    width: 45%;
    padding: 5px 10px;
}

ul.tmx-tbx-files-list li:nth-child(2) {
    width: 10%;
    padding: 5px 0px 5px 0px;
    text-align: center;
}

ul.tmx-tbx-file-list-form li:nth-child(3),
.tmx-tbx-file-list ul.tbx-file-list-heading li:nth-child(3) {
    width: 15%;
    padding: 5px 8px 5px 0px;
    text-align: center;
}

.tmx-tbx-file-list ul.tmx-tbx-file-list-heading li:nth-child(2) {
    width: 15%;
    padding: 5px 8px 5px 5px;
    text-align: center;
}

/* ul.tbx-file-list li:nth-child(3) {
    width: 15%;
    padding: 5px 0px 5px 0px;
    text-align: center;
} */

/* ul.tmx-tbx-files-list li:nth-child(3),
ul.tmx-tbx-file-list-form li:nth-child(3){
  width: 10%;
  padding: 5px 0px 5px 0px;
  text-align: center;
}

.tmx-tbx-file-list ul.tmx-tbx-file-list-heading li:nth-child(3){
  width: 10%;
  padding: 5px 0px 5px 0px;
  text-align: center;
} */

.tmx-tbx-file-list ul.tmx-tbx-file-list-heading li span {
    
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 14px;
    color: #3c4043;
}

.tbx-file-list-wrapper ul.tbx-file-list-heading li span,
.tmx-tbx-file-list ul.tbx-file-list-heading li span {
    
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 14px;
    color: #3c4043;
}

.tbx-file-list-wrapper ul.tbx-file-list-heading {
    display: flex;
    align-items: center;
    padding-bottom: 17px;
}

.tbx-file-list-wrapper ul.tbx-file-list-heading li {
    width: 50%;
    max-width: 100%;
    padding: 0px 10px;
}

.tm-margin-add{
    margin-bottom: 22px !important;
}

ul.tbx-file-list-form,
ul.tmx-tbx-file-list-form {
    padding: 0px;
    display: flex;
    width: 100%;
    list-style-type: none;
    border-bottom: 0px solid #d8e6ff;
    margin-bottom: 0px;
    background-color: transparent;
    align-items: center;
    margin-bottom: 10px;
}

ul.tmx-tbx-files-list-new {
    flex-direction: column;
    border-top: 1px solid #F0F0F0;
}

ul.tmx-tbx-files-list-new,
ul.tbx-file-list,
ul.tmx-tbx-files-list {
    padding: 0px;
    display: flex;
    width: 100%;
    list-style-type: none;
    margin-bottom: 0px;
    align-items: center;
    transition: 0.4s all ease;
}

ul.tbx-file-list:hover .setting-wrong-btn-algin {
    display: flex;
    cursor: pointer;
}

ul.tmx-tbx-files-list-new li:hover,
ul.tbx-file-list:hover,
ul.tmx-tbx-files-list li:hover {
    -webkit-box-shadow: 0px 3px 6px #0000001a;
    box-shadow: 0px 3px 6px #0000001a;
    transition: 0.4s all ease;
}

ul.tmx-tbx-files-list-new li:hover .setting-file-edit-translation-txt,
ul.qa-file-list-wrapper.qa-list-updated:hover .selected-job-value,
ul.tbx-file-list:hover .setting-file-edit-translation-txt,
ul.tmx-tbx-files-list:hover .setting-file-edit-translation-txt {
    display: none;
}

ul.tmx-tbx-files-list-new li:hover .settings-job-select,
ul.qa-file-list-wrapper.qa-list-updated:hover .settings-job-select,
ul.tbx-file-list:hover .settings-job-select,
ul.tmx-tbx-files-list:hover .settings-job-select {
    display: block;
}

ul.tmx-tbx-files-list-new li.qa-list-updated .tmx-tbx-action-wrap .setting-file-edit-translation-txt,
ul.qa-file-list-wrapper.qa-list-updated .settings-job-select{
    display: none;
}

ul.tmx-tbx-files-list-new li.qa-list-updated .tmx-tbx-action-wrap .tmx-tbx-files-delete,
ul.qa-file-list-wrapper .action-wrapper{
    display: flex !important;
}

ul.tmx-tbx-files-list-new li.qa-list-updated .tmx-tbx-action-wrap .settings-job-select,
ul.qa-file-list-wrapper.qa-list-updated .selected-job-value,
ul.qa-file-list-wrapper .settings-job-select{
    display: block;
}
ul.qa-file-list-wrapper .selected-job-value{
    /* display: none; */
}

.settings-job-select .MuiFormControl-root{
    width: 300px;
}


.upload-tmx-link label {
    display: flex;
    align-items: center;
    gap: 6px;
    width: fit-content;
    width: -moz-fit-content;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    line-height: 1.3;
    padding: 6px 10px;
    border-radius: 3px;
    color: #0078d4 !important;
    cursor: pointer;
    margin-bottom: 0px !important;
}

.upload-tmx-link label:hover{
    background-color: #E8F0FE;
}

.setting-select-placeholder-text {
    
    font-weight: normal;
    font-style: normal;
    font-size: 13px;
    /* line-height: 24px; */
    color: #3c4043;
}

.setting-select-width .setting-select-width {
    min-height: 28px !important;
}

.setting-wrong-btn-algin {
    display: none;
    align-items: center;
    justify-content: center;
}

.settings-doc-icon {
    padding-right: 0.4rem;
}

.settings-job-select {
    width: 100%;
    display: none;
    transition: 0.3s all ease;
}

.settings-job-select-link {
    display: block;
    transition: 0.3s all ease;
}

.ailaysa-convert-modal .button-row{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 28px;
}

.ailaysa-convert-modal .form-box .form-container .MuiInput-root{
    width: 100%;
}

.range-sliding-wrap .MuiSlider-root{
    width: 230px;
}

.range-sliding-wrap .MuiSlider-rail{
    height: 4px;
    border-radius: 4px 4px 4px 4px;
    background-color: #0078D44D;
}

.range-sliding-wrap .MuiSlider-track{
    height: 6px;
    border-radius: 4px 4px 4px 4px;
    background-color: #0078D4;
}

.range-sliding-wrap .MuiSlider-thumb{
    height: 20px;
    width: 20px;
    background-Color: #0078D4;
    margin-top: -1px;
    /* margin-left: -13px; */
    box-shadow: #00000070 0 1px 2px;
}

.range-sliding-wrap .MuiSlider-thumb.Mui-focusVisible, .range-sliding-wrap .MuiSlider-thumb:hover{
    box-shadow: #0078d42b 0px 0px 0px 8px;
}

.range-sliding-wrap .MuiSlider-thumb.MuiSlider-active{
    box-shadow: #0078d42b 0px 0px 0px 14px;
}
.setting-update-btn {
    background: #0078d4;
    padding: 10px 17px;
    border-radius: 3px;
    border: 0px;
    
    font-weight: 500;
    font-style: normal;
    font-size: 13px;
    line-height: 15px;
    color: #ffffff;
}

.settings-qa-btn{
    background: #0078d4;
    padding: 10px 17px;
    border-radius: 3px;
    border: 0px;
    
    font-weight: 500;
    font-style: normal;
    font-size: 13px;
    line-height: 15px;
    color: #ffffff;
    float: right;
    margin-top: 10px;
}

.setting-close-btn {
    background: transparent;
    padding: 10px 17px;
    border-radius: 3px;
    border: 0px;
    
    font-weight: 500;
    font-style: normal;
    font-size: 13px;
    line-height: 15px;
    color: #3c4043;
    transition: 0.4s all ease;
    margin-right: 1rem;
}

.setting-close-btn:hover {
    background: #ebebeb;
}

.reference-list {
    padding: 27px 25px 0px 25px;
}

.reference-list ul.tmx-tbx-file-list-heading li:first-child {
    width: 90%;
    padding: 5px 10px;
}

.reference-list ul.tmx-tbx-file-list-heading li:nth-child(2) {
    width: 10%;
    padding: 5px 0px 5px 0px;
    text-align: center;
}

.reference-list ul.tmx-tbx-files-list li:first-child,
.reference-list ul.tmx-tbx-file-list-form li:first-child {
    width: 90%;
    padding: 5px 10px;
}

.reference-list ul.tmx-tbx-files-list li:nth-child(2),
.reference-list ul.tmx-tbx-file-list-form li:nth-child(2) {
    width: 10%;
    padding: 5px 0px 5px 0px;
}

.slider-border-top-remove{
    border-top: 0px solid #F0F0F0 !important;
}

.range-slider-container {
    width: 61.9%;
    border-top: 1px solid #F0F0F0;
    padding-top: 21px;
    height: auto;
    display: flex;
    flex-direction: column;
}

.range-btn-slider-container {
    width: auto;
    padding: 35px 0rem 0rem 0px;
}

.range-btn-slider-container .reset-def{
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    line-height: 1.5;
    color: #3c4043;
    margin-bottom: 9.5px;
}

/* .MuiSlider-thumb{
  width: 24px !important;
  height: 24px !important;
  box-shadow: 0px 1px 2px #00000070;
  background: #0078D4 !important;
  border-radius: 50% !important;
  margin-top: -8px !important;
}*/

.MuiSlider-thumb.MuiSlider-active {
    box-shadow: 0px 0px 0px 14px #0078d42b !important;
}

.range-slider-title {
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    line-height: 1;
    color: #3c4043;
}

.range-slider-title-1 {
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    line-height: 1;
    color: #3c4043;
}

.range-slider-input {
    margin-left: 1rem;
}

.range-slider-input-1 {
    margin-left: 1rem;
}

.range-slider-input-1 input,
.range-slider-input input {
    padding: 5px;
    width: 40px;
    height: 40px;
    border-radius: 3px;
    font-weight: 500;
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    color: #3c4043;
    text-align: center;
    border: 1px solid #dadce0;
}

.range-slider-input-1 input:focus,
.range-slider-input input:focus{
    border: 2px solid #0078D4;
    width: 40px;
    height: 40px;
}

.range-slider-input span {
    
    font-weight: 500;
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    color: #3c4043;
    margin-left: 0.5rem;
}

.range-slider-part {
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
}

.range-sliding-wrap{
    display: flex;
    align-items: center;
}

.range-slider-part:last-child {
    margin-bottom: 0px;
}

.MuiSlider-mark {
    width: 0 !important;
    height: 0 !important;
}

.file-upload-instruction {
    display: flex;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 30px;
    justify-content: space-between;
}

.max-word-note,
.max-file-note {
    
    font-weight: normal;
    font-style: normal;
    font-size: 13px;
    line-height: 1.2;
    color: #a5a5a5;
    text-align: center;
}

.max-word-note {
    padding-right: 11px;
    border-right: 1px solid #a5a5a5;
}

.add-padd-left{
    padding-left: 11px;
}

.max-file-note {
    padding-left: 11px;
}

.max-file-note span,
.max-word-note span {
    
    font-weight: 500;
    font-style: normal;
    font-size: 13px;
    line-height: 1.2;
    color: #7f7f7f;
}

.supported-file-tooltip {
    
    font-weight: normal;
    font-style: normal;
    font-size: 13px;
    line-height: 24px;
    color: #7f7f7f;
}

.supp-file-format {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.supp-file-format > div {
    cursor: pointer;
    position: relative;
}

.supp-file-format > div:hover .supp-file-format-list {
    display: block;
    transition: 0.3s all ease;
}

.imp-icon-img {
    margin-right: 0.5rem;
}

.imp-icon-img img {
    position: relative;
    top: -2px;
}

.trans-btn-box{
    position: relative;
}

.get-mt-box{
    position: relative;
}

.mt-disclaimer{
    padding: 12px 8px 8px 8px;
    background: #fff;
    box-shadow: 0px 2px 8px #0000003d;
    position: absolute;
    width: 252px;
    height: auto;
    border-radius: 4px;
    left: -108px;
    top: -62px;
    z-index: 20;
    transition: 0.3s all ease;
    text-align: center;
    cursor: context-menu;
}

.mt-disclaimer .disclaimer-close{
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #E9E9E9;
    font-size: 10px;
    color: #5F6368;
    cursor: pointer;
}

.icon-mt-disclaimer{
    padding: 8px;
    background: #fff;
    box-shadow: 0px 2px 8px #0000003d;
    position: absolute;
    width: 252px;
    height: auto;
    border-radius: 4px;
    right: -106px;
    top: -44px;
    z-index: 20;
    transition: 0.3s all ease;
    text-align: center;
    cursor: context-menu;
    display: none;
}

.target-translate-term-box span:hover .icon-mt-disclaimer{
    display: block;
    cursor: pointer;
}

.small-close{
    position: absolute;
    font-size: 9px;
    right: 3px;
    top: 3px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.small-close:hover{
    background-color: #ebebeb;
}


.icon-mt-disclaimer:after,
.mt-disclaimer:after {
    content: "";
    width: 10px;
    height: 10px;
    margin: auto;
    transform: rotate(-45deg);
    background: #fff;
    position: absolute;
    box-shadow: -8px 7px 14px #0000003d;
    z-index: -1;
    bottom: -5px;
    left: calc(53% - 10px);
    text-align: center;
}

.icon-mt-disclaimer p,
.mt-disclaimer p{
    font-weight: normal;
    font-style: normal;
    font-size: 13px;
    line-height: 1.2;
    margin-bottom: 0;
}
.mt-disclaimer p img{
    width: 15px;
    height: 15px;
}

.imp-credits-icon-img {
    margin-right: 1rem;
}

.imp-credits-icon-img img {
    position: relative;
    top: -2px;
}

.supp-file-format-list {
    padding: 11px 18px;
    background: #fff;
    box-shadow: 0px 2px 8px #0000003d;
    position: absolute;
    width: 401px;
    height: auto;
    border-radius: 4px;
    left: -130px;
    top: -95px;
    display: none;
    transition: 0.3s all ease;
    z-index: 10;
}

.supp-file-format-list p {
    
    font-weight: normal;
    font-style: normal;
    font-size: 13px;
    line-height: 22px;
    color: #3c4043;
    margin-bottom: 0px;
    text-align: center;
}

/* .status-conditions-part {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
} */

.navbar-display-hide {
    display: none !important;
}

.navbar-display-logo {
    padding: 11px 14px !important;
}

.writer-wrap .navbar-display-logo{
    width: 10%;
}

.navbar-display-show {
    display: block;
}

.nav-projects-link {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0px 5px;
    border-radius: 2px;
    transition: 0.4s all ease;
    cursor: pointer;
    width: fit-content;
    width: -moz-fit-content;
    margin-left: auto;
}

.nav-projects-link span {
    color: #5f6368;
    font-weight: normal;
    font-style: normal;
    font-size: 13px;
    line-height: 14px;
    position: relative;
    top: 0px;
}

.nav-projects-link:hover {
    background: #ebebeb;
}

/* .status-danger::before {
    content: "";
    width: 7px;
    height: 7px;
    background: #e74c3c;
    display: inline-block;
    position: relative;
    top: -1px;
    border-radius: 50%;
    margin-right: 0.35rem;
}

.status-confirmed::before {
    content: "";
    width: 7px;
    height: 7px;
    background: #1a73e8;
    display: inline-block;
    position: relative;
    top: -1px;
    border-radius: 50%;
    margin-right: 0.35rem;
} */

.untarget-lang-row-align span {
    color: #989898;
    
    font-weight: normal;
    font-style: normal;
    font-size: 12px;
    line-height: 24px;
    margin-left: 0.1rem;
}

.comment-msg-info-part {
    display: flex;
    align-items: center;
}

.untarget-lang-row-align {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 10px;
    position: relative;
    right: -25px;
}

.focused-row .target-lang-row-align .untarget-lang-row-align {
    display: none;
}

.comment-batch::after {
    content: "";
    background: #0074d3;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    right: -1px;
    top: -1px;
}

/* .nav-project-txt-align {
    width: 100%;
} */

.project-doc-name {
    display: flex;
    width: 85%;
    /* flex-wrap: wrap; */
    align-items: center;
    justify-content: center;
}


.project-doc-name-ai::before{
    content: "";
    background-color: #DADCE0;
    width: 1px;
    height: 24px;
    position: absolute;
    left: 0;
}

.project-doc-name-ai {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
}

.Select.is-disabled {
    color: #cccccc !important;
}

/* .tbx-files-box-wrapper {
    height: fit-content;
    max-height: 158px;
    min-height: fit-content;
    overflow: auto;
    scroll-behavior: smooth;
    scrollbar-width: auto;
    scrollbar-color: #0074d3 #ffffff;
} */

/* .tmx-tbx-files-box {
    height: fit-content;
    max-height: 158px;
    min-height: fit-content;
    overflow: auto;
    scroll-behavior: smooth;
    scrollbar-width: auto;
    scrollbar-color: #0074d3 #ffffff;
} */

.ai-project-analysis-wrapper .analysis-body-wrapper::-webkit-scrollbar,
.assets-box-wrap::-webkit-scrollbar,
.assets-minibox-wrap::-webkit-scrollbar,
.tbx-files-box-wrapper::-webkit-scrollbar,
.reference-files-box::-webkit-scrollbar,
.tmx-tbx-files-box::-webkit-scrollbar {
    width: 8px;
}

.ai-project-analysis-wrapper .analysis-body-wrapper::-webkit-scrollbar-track,
.tbx-files-box-wrapper::-webkit-scrollbar-track,
.reference-files-box::-webkit-scrollbar-track,
.tmx-tbx-files-box::-webkit-scrollbar-track {
    background: #ffffff;
}

.ai-project-analysis-wrapper .analysis-body-wrapper::-webkit-scrollbar-thumb,
.assets-box-wrap::-webkit-scrollbar-thumb,
.assets-minibox-wrap::-webkit-scrollbar-thumb {
    background-color: #c8c6c4;
    border-radius: 50px;
    border: 2px solid #ffffff;
}

.tbx-files-box-wrapper::-webkit-scrollbar-thumb,
.reference-files-box::-webkit-scrollbar-thumb,
.tmx-tbx-files-box::-webkit-scrollbar-thumb {
    background-color: #0074d3;
    border-radius: 50px;
    border: 2px solid #ffffff;
}

.reference-files-box {
    height: fit-content;
    max-height: 300px;
    min-height: 50px;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: auto;
    scrollbar-color: #0074d3 #ffffff;
}

.MuiInput-underline:before {
    content: unset !important;
    border-bottom: 0px solid rgba(0, 0, 0, 0.42) !important;
}

.MuiInput-underline:after {
    content: unset !important;
    border-bottom: 0px solid rgba(0, 0, 0, 0.42) !important;
}

/*.unsaved-border {
  border-right: 1px solid #FF0000 !important;
}*/
.file-list-active {
    background: #f9f9f9;
}

/* .file-list-active:nth-child(1){
  border-top:1px solid #C7C7C7;
} */

body.rodal {
    overflow: hidden;
}

.back-align {
    display: flex;
    align-items: center;
    
    font-weight: 500;
    font-style: normal;
    font-size: 13px;
    line-height: 24px;
    color: #5f6368;
    cursor: pointer;
    margin-bottom: 0.5rem;
}

.create-tbx-header {
    border-bottom: 1px solid #F0F0F0;
}

.file-uploadbtn-row{
    display: flex;
    align-items: center;
    gap: 11px;
}

.create-tbx-title h2.inner-title {
    font-weight: 500;
    font-style: normal;
    font-size: 16px;
    line-height: 1.5;
    color: #3c4043;
    margin-bottom: 7px;
}

.create-tbx-title p.tbx-note {
    font-weight: normal;
    font-style: normal;
    font-size: 13px;
    line-height: 1.5;
    color: #3c4043;
    margin-bottom: 30px;
}

.file-uploadbtn-row .upload-icon{
    font-size: 20px;
    color: #FFFFFF;
}

.tbx-download-btn {
    
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 1.3;
    color: #3c4043;
    margin-left: 0.3rem;
}

.title-msg {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-right: 2rem;
}

.create-tbx-title {
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    flex-direction: column;
    position: relative;
    margin-bottom: 33px;
    padding: 0px 12px;
}

.tbx-list {
    padding: 27px 25px 0px 25px;
}

.tbx-list ul.tmx-tbx-file-list-heading li:first-child {
    width: 40%;
    padding: 5px 10px;
}

.tbx-list ul.tmx-tbx-file-list-heading li:nth-child(2) {
    width: 30%;
    padding: 5px 10px;
    text-align: left;
}

.tbx-list ul.tmx-tbx-file-list-heading li:nth-child(3) {
    width: 30%;
    padding: 5px 0px 5px 0px;
    text-align: center;
}

.tbx-list ul.tmx-tbx-files-list li:first-child,
.tbx-list ul.tmx-tbx-file-list-form li:first-child {
    width: 40%;
    padding: 5px 10px;
}

.tbx-list ul.tmx-tbx-files-list li:nth-child(2),
.tbx-list ul.tmx-tbx-file-list-form li:nth-child(2) {
    width: 35%;
    padding: 5px 10px;
}

.tbx-list ul.tmx-tbx-files-list li:nth-child(3),
.tbx-list ul.tmx-tbx-file-list-form li:nth-child(3) {
    width: 25%;
    padding: 5px 10px 5px 0px;
    text-align: right;
}

.credit-alert-box {
    animation-duration: 300ms;
    -webkit-animation: rodal-fade-enter ease-in both;
    animation: rodal-fade-enter ease-in both;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1080;
    backdrop-filter: blur(2px);
}

.credit-alert-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background-color: rgb(0 0 0 / 58%);
}

.credit-alert-content-container-with-redirection {
    -webkit-animation: rodal-zoom-enter cubic-bezier(0.4, 0, 0, 1.5) both;
    animation: rodal-zoom-enter cubic-bezier(0.4, 0, 0, 1.5) both;
    border: none;
    box-shadow: 0px 3px 14px #00000038;
    border-radius: 10px;
    height: fit-content;
    padding: 20px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 101;
    background: #fff;
    animation-duration: 300ms;
    width: 580px;
    height: 400px;
}

.credit-alert-content-container {
    -webkit-animation: rodal-zoom-enter cubic-bezier(0.4, 0, 0, 1.5) both;
    animation: rodal-zoom-enter cubic-bezier(0.4, 0, 0, 1.5) both;
    border: none;
    box-shadow: 0px 3px 14px #00000038;
    border-radius: 10px;
    height: fit-content;
    padding: 17px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 101;
    background: #fff;
    animation-duration: 300ms;
    width: 500px;
    height: 300px;
}

.insuffient-txt-align {
    display: flex;
    align-items: center;
    margin-top: 30px;
}

.insuffient-desc {
    
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #3c4043;
    margin: 8px 0px;
}

.insuffient-txt-align > p {
    
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #3c4043;
    margin-bottom: 0px;
    margin-left: 0.5rem;
}

.credits-head {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.credits-close-btn {
    height: 25px;
    width: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: transparent;
    transition: 0.4s all ease;
}

.ai-alert-btn {
    
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    color: #ffffff;
    padding: 10px 15px;
    border-radius: 3px;
    background-color: #0078d4;
    border: none;
}

.ai-alert-btn-grey {
    
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    color: #3c4043;
    padding: 10px 15px !important;
    border-radius: 3px;
    background-color: #ebebeb;
    border: none;
}

.ai-alert-btn:hover {
    color: #ffffff;
    text-decoration: none;
}

.credits-close-btn:hover {
    background: #e9eaea;
    cursor: pointer;
}

.credits-text-cont {
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 36px 0px;
}

.credits-alert-warn-icon {
    width: 48px;
    height: 48px;
}

.credits-text-cont-txt {
    
    font-weight: 500;
    font-style: normal;
    font-size: 18px;
    line-height: 24px;
    color: #3c4043;
    margin-bottom: 33px;
    margin-top: 15px;
}

.internal-user-no-members-list,
.assign-manage-no-project-found {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 55vh;
    text-align: center;
}

.internal-user-no-members-list a:hover {
    text-decoration: none;
}

.ai-no-project-found {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 59vh;
}

.doc-open-table-body .ai-no-project-found {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.ai-no-project-cont {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    background-color: #ffffff;
}

.assign-manage-no-project-found img.empty-folder-img {
    width: 110px;
    margin-bottom: 1.5rem;
}

.ai-no-project-found img.empty-folder-img {
    width: 80px;
    margin-bottom: 1rem;
}

.assign-manage-no-project-found h2 {
    
    font-weight: 500;
    font-style: normal;
    font-size: 20px;
    line-height: 1.5;
    color: #3c4043;
    margin-bottom: 1.5rem;
}

.internal-user-no-members-list p {
    
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 1.5;
    color: #3c4043;
    margin-top: 37px;
    margin-bottom: 5px;
}

.assign-add-new-project-btn {
    
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    color: #ffffff;
    display: flex;
    align-items: center;
}

.assign-add-new-project-btn img {
    width: 15px;
    margin-right: 0.4rem;
}

.ai-no-project-found h2 {
    
    font-weight: 500;
    font-style: normal;
    font-size: 15px;
    line-height: 1.5;
    color: #3c4043;
    margin-bottom: 2rem;
}

.align-right {
    text-align: right !important;
}

.ai-large-file-alert-modal,
.ai-tar-lang-select-modal,
.ai-lang-select-modal {
    z-index: 1080 !important;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

.ai-tar-lang-select-modal .rodal-dialog {
    border: none;
    box-shadow: 0px 3px 14px #00000038 !important;
    border-radius: 10px !important;
    height: calc(100vh - 30px - 30px) !important;
    /* height: fit-content !important; */
    padding: 0 !important;
    width: 100% !important;
    max-width: 75%;
}

.ai-large-file-alert-modal .rodal-dialog{
    border: none;
    box-shadow: 0px 3px 14px #00000038 !important;
    border-radius: 10px !important;
    height: 250px !important;
    padding: 20px !important;
    width: 350px !important;
    max-width: 85%;
}

.ai-lang-select-modal .rodal-dialog {
    border: none;
    box-shadow: 0px 3px 14px #00000038 !important;
    border-radius: 10px !important;
    height: calc(100vh - 60px - 60px) !important;
    /* height: fit-content !important; */
    padding: 0 !important;
    width: 100% !important;
    max-width: 75%;
}

.drp-down-label,
.ai-lang-select {
    padding: 10px 19px 10px 21px;
    background-color: transparent;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: 0.4s all ease;
    border-radius: 3px;
    border: 1px solid #ced4da;
}

.ai-lang-select span{
    color: #3c4043;
    
    font-size: 15px;
    line-height: 24px;
    font-weight: normal;
}

.ai-lang-select .placeholder{
    color: #9B9FA2;
    white-space: nowrap;
}

.ai-lang-select.disabled {
    background-color: #ededed;
    color: #5e6062c7;
}

.ai-lang-select.disabled i {
    color: #5e6062c7 !important;
}

.ai-lang-select-error {
    border: 1px solid #ffb8b569;
}

.ai-lang-select i {
    position: relative;
    top: 1px;
    /* padding-left: 1rem; */
}

.ai-lang-select:hover {
    cursor: pointer;
}

.glossary-input-form-field .form-group{
    margin-bottom: 30px;
    position: relative;
}

.glossary-input-form-field .form-group input{
    padding: 10px 19px 10px 21px;
}

.glossary-input-form-field .ai-lang-select {
    padding:10px 19px 10px 21px;
    background-color: transparent;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: 0.4s all ease;
    border-radius: 3px;
    border: 1px solid #ced4da;
}

.glossary-input-form-field .ai-lang-select span{
    color: #3c4043;
    
    font-size: 15px;
    line-height: 24px;
    font-weight: normal;
}

.glossary-input-form-field .ai-lang-select .placeholder{
    color: #9B9FA2;
}

.glossary-input-form-field .ai-lang-select.disabled {
    background-color: #ededed;
    color: #5e6062c7;
}

.glossary-input-form-field .ai-lang-select.disabled i {
    color: #5e6062c7 !important;
}

.glossary-input-form-field .ai-lang-select-error {
    border: 1px solid #ffb8b569;
}

.glossary-input-form-field .ai-lang-select i {
    position: relative;
    top: 1px;
    font-size: 12px;
    color: #3c4043 !important;
    /* padding-left: 1rem; */
}

.glossary-input-form-field .ai-lang-select:hover {
    cursor: pointer;
}

.lang-modal-wrapper{
    position: relative;
    height: 100%;
  }

  .lang-close{
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1080;
  }

.lang-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 17px 25px;
    border-bottom: 1px solid #e0e0e0;
}

.ai-modal-header {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 10px 25px;
}

.lang-modal-header h1 {
    color: #3c4043;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;

    margin-bottom: 0px;
}

.modal-close-btn {
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: transparent;
    transition: 0.4s all ease;
}

.modal-close-btn:hover {
    background: #e9eaea;
    cursor: pointer;
}

.lang-modal-search-area{
margin: 10px;
/* margin: 10px 0 10px 20px; */
height: 36px;
border: 1px solid #ced4da;
outline: 1px solid transparent;
display: flex;
align-items: center;
padding: 6px 12px 6px 16px;
width: 95%;
border-radius: 3px;
}

.lang-modal-search-area.focused{
    height: 36px !important;
    width: 95% !important;
}

.lang-modal-search-area .search-input{
border: none;
flex-grow: 1;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 1.5;
color: #3C4043;
background: transparent;
}

.lang-modal-search-area .search-input:focus{
    border: 0px solid #0078D4 !important;
    border-radius: 0px !important;
}

.lang-modal-search-area:focus-within{
    border: 1px solid #0078D4 !important;
    outline: 1px solid #0078D4 !important;
    border-radius: 3px !important;
}

.lang-modal-search-area .search-input::placeholder{

font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 1.5;
color: #98999E;
}

.lang-modal-search-area .icon-wrap .icon,
.lang-modal-search-area .search-icon .icon{
font-size: 20px;
color: #7F7F7F;
}

.lang-modal-search-area .icon-wrap{
    height: 24px;
    width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: transparent;
    transition: 0.4s all ease;
}

.ai-src-language-part{
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

.lang-modal-search-area .icon-wrap:hover {
    background: #e9eaea;
    cursor: pointer;
}

.search-not-found-wrapper{
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 14px;
    width: 100%;
    height: 75vh;
  }
  
  .search-not-found-wrapper img{
    width: 68px;
    height: 74px;
  }
  
  .search-not-found-wrapper h1{
    
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.5;
    color: #3C4043;
  }

.ai-source-language-cont {
    padding: 25px;
    height: inherit;
    position: relative;
    display: flex;
    flex-direction: column;
}

ul.ai-source-langs-list {
    /* display: flex;
    flex-direction: column;
    flex-wrap: wrap; */
    padding-left: 0px;
    position: relative;
    margin-bottom: 0px;
    list-style-type: none;
    -webkit-column-count: 7;
    -moz-column-count: 7;
    column-count: 7;
    /* overflow-x: hidden;
    overflow-y: auto; */
}

ul.ai-source-langs-list.min-list{
    -webkit-column-count: auto;
    -moz-column-count: auto;
    column-count: auto;
}

ul.ai-source-langs-list.min-list li.list{
    width: 200px;
}

ul.ai-source-langs-list li.list {
    padding: 5px;
    color: #3c4043;
    font-size: 14px;
    line-height: 24px;
    font-weight: normal;
    border-radius: 3px;
    margin-bottom: 4px;
    margin-right: 0.4rem;
    padding-right: 25px;
    width: 100%;
    white-space: nowrap;
}

ul.ai-source-langs-list li.list:hover {
    background-color: #f1f1f1;
    cursor: pointer;
}

ul.ai-source-langs-list li.selected:hover,
ul.ai-source-langs-list li.selected {
    background-color: #e8f0fe;
}

ul.ai-source-langs-list li.selected .checked-icon {
    opacity: 1;
}

ul.ai-source-langs-list::-webkit-scrollbar-track{
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    background-color: #ffffff;
}

ul.ai-source-langs-list::-webkit-scrollbar{
    width: 18px;
}

ul.ai-source-langs-list::-webkit-scrollbar-thumb{
    border: 7px solid transparent;
    background-clip: padding-box;
    border-radius: 50px;
    background-color: #0000004d;
}

.ai-lang-select-error {
    border: 1px solid #ffb8b569;
}

.checked-icon {
    opacity: 0;
    padding-right: 0.4rem;
}

.login-btn {
    color: #ffffff;
    font-size: 15px;
    line-height: 19px;
    font-weight: bold;
    padding: 10px 40px;
}

.text-end {
    text-align: right;
}

.workspace-textarea[contentEditable="true"]:empty:not(:focus):before {
    content: attr(data-placeholder);
    color: grey;
    font-style: italic;
}

.ai-cookie-policy-section {
    margin: 18px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 420px;
    height: 317px;
    background-color: rgb(0 39 68 / 85%);
    backdrop-filter: blur(17px);
    -webkit-backdrop-filter: blur(17px);
    box-shadow: 0px 6px 40px #0000001a;
    -webkit-box-shadow: 0px 6px 40px #0000001a;
    -moz-box-shadow: 0px 6px 40px #0000001a;
    border-radius: 5px;
    padding: 33px 25px;
}

.ai-cookie-policy-cont h1 {
    font-family: "Inter", sans-serif;
    color: #ffffff;
    font-size: 15px;
    line-height: 19px;
    font-weight: bold;
    padding: 15px 0px;
    margin-bottom: 0px;
}

.ai-cookie-policy-cont p {
    font-family: "Inter", sans-serif;
    color: #ffffff;
    font-size: 13px;
    line-height: 16px;
    font-weight: normal;
    margin-bottom: 30px;
}

.ai-cookie-button {
    background: #0078d4;
    border-radius: 2px;
    font-family: "Inter", sans-serif;
    color: #ffffff;
    font-size: 14px;
    line-height: 17px;
    font-weight: 500;
    border: none;
    padding: 17px 26px;
}

.cookie-appearance-anim {
    animation: slide-up-fade-in ease 1s;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
    animation-fill-mode: forwards; /*when the spec is finished*/
    -webkit-animation: slide-up-fade-in ease 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-fill-mode: forwards; /*Chrome 16+, Safari 4+*/
    -moz-animation: slide-up-fade-in ease 1s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -moz-animation-fill-mode: forwards; /*FF 5+*/
    -o-animation: slide-up-fade-in ease 1s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -o-animation-fill-mode: forwards; /*Not implemented yet*/
    -ms-animation: slide-up-fade-in ease 1s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%;
    -ms-animation-fill-mode: forwards; /*IE 10+*/
    opacity: 0;
    opacity: 1\9;
}

@keyframes slide-up-fade-in {
    0% {
        opacity: 0;
        transform: translate(0px, 10px);
    }
    100% {
        opacity: 1;
        transform: translate(0px, 0px);
    }
}

@-moz-keyframes slide-up-fade-in {
    0% {
        opacity: 0;
        -moz-transform: translate(0px, 10px);
    }
    100% {
        opacity: 1;
        -moz-transform: translate(0px, 0px);
    }
}

@-webkit-keyframes slide-up-fade-in {
    0% {
        opacity: 0;
        -webkit-transform: translate(0px, 10px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(0px, 0px);
    }
}

@-o-keyframes slide-up-fade-in {
    0% {
        opacity: 0;
        -o-transform: translate(0px, 10px);
    }
    100% {
        opacity: 1;
        -o-transform: translate(0px, 0px);
    }
}

@-ms-keyframes slide-up-fade-in {
    0% {
        opacity: 0;
        -ms-transform: translate(0px, 10px);
    }
    100% {
        opacity: 1;
        -ms-transform: translate(0px, 0px);
    }
}

.synonym-popover-box .popover .arrow {
    display: none;
}
.paraphrase-popover-box .popover {
    width: fit-content !important;
    max-width: 250px !important;
}

.spellcheck-popover-box .popover {
    margin-top: 0.3rem !important;
    width: 130px;
    padding: 5px 0px;
    -webkit-box-shadow: 0px 0px 12px #00000036;
    -moz-box-shadow: 0px 0px 12px #00000036;
    box-shadow: 0px 0px 12px #00000036;
    border: 0px;
}

.synonym-popover-box .popover {
    margin-top: 0.3rem !important;
    width: 130px;
    padding: 10px 0px;
    -webkit-box-shadow: 0px 0px 12px #00000036;
    -moz-box-shadow: 0px 0px 12px #00000036;
    box-shadow: 0px 0px 12px #00000036;
    border: 0px;
}

.spellcheck-popover-box .popover .popover-inner p,
.synonym-popover-box .popover .popover-inner p {
    margin-bottom: 0px;
}

.popover-header {
    padding: 0px !important;
    background-color: #ffffff !important;
    border: none !important;
}

.spellcheck-popover-box .popover .popover-inner p.corrected-word {
    padding: 3px 10px;
    transition: all 0.15s;
    margin-bottom: 0px;
    
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    color: #3c4043;
}
.synonym-popover-box .popover .popover-inner p.corrected-word {
    padding: 3px 10px;
    transition: all 0.15s;
    margin-bottom: 0px;
    
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    color: #3c4043;
}

.spellcheck-popover-box .popover .popover-inner p.corrected-word:hover,
.synonym-popover-box .popover .popover-inner p.corrected-word:hover {
    color: #0074d3;
    background-color: #e8f0fe;
}

.spellcheck-popover-box .popover .popover-inner,
.synonym-popover-box .popover .popover-inner {
    height: auto;
    max-height: 150px;
    overflow-y: auto;
}

.mt-translated-txt::-webkit-scrollbar-track {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    background-color: transparent;
}

.sidebar-active-area-wrapper .tab-pane.active::-webkit-scrollbar-track,
.spellcheck-popover-box .popover .popover-inner::-webkit-scrollbar-track,
.synonym-popover-box .popover .popover-inner::-webkit-scrollbar-track {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    background-color: #ffffff;
}

.sidebar-active-area-wrapper .tab-pane.active::-webkit-scrollbar,
.mt-translated-txt::-webkit-scrollbar {
    width: 18px;
}

.sidebar-active-area-wrapper .tab-pane.active::-webkit-scrollbar-thumb,
.mt-translated-txt::-webkit-scrollbar-thumb {
    border: 7px solid transparent;
    background-clip: padding-box;
    border-radius: 50px;
    background-color: #0000004d;
}

.spellcheck-popover-box .popover .popover-inner::-webkit-scrollbar,
.synonym-popover-box .popover .popover-inner::-webkit-scrollbar {
    width: 3px;
    background-color: #ffffff;
}

.spellcheck-popover-box .popover .popover-inner::-webkit-scrollbar-thumb,
.synonym-popover-box .popover .popover-inner::-webkit-scrollbar-thumb {
    background-color: #0074d3;
    border-radius: 50px;
}

.synonym-highlight {
    background-color: transparent !important;
    color: #0074d3;
    font-weight: 500;
}

.synonym-replaced {
    font-weight: normal;
    color: #3c4043;
    background-color: transparent !important;
}

.sorting-container {
    margin-left: 2rem;
    display: flex;
}

.select__input {
    color: transparent;
}

.select__placeholder,
.team-select-placeholder-txt,
.team-select-opt-txt {
    
    font-style: normal;
    font-weight: normal;
    line-height: 24px;
    font-size: 13px;
    color: #3c4043 !important;
    padding-left: 0.4rem;
}

.select__value-container:hover .select__single-value .team-select-opt-txt,
.select__value-container:hover .select__placeholder {
    color: #0078d4 !important;
}

.select__value-container:hover .team-placeholder-icon-box {
    background-color: #d4e8f9;
}

.select__value-container .select__single-value .team-font-align span img {
    display: none;
}

.select__value-container:hover .team-placeholder-icon-box span {
    background: url(../images/new-ui-icons/groups_color.svg);
}

.team-font-align-1,
.team-font-align {
    display: flex;
    align-items: center;
}

.team-font-align span img {
    position: relative;
    top: -2px;
}

.input-form-field-select {
    width: fit-content;
    min-width: 241px;
    max-width: 65%;
}

.team-placeholder-icon-box,
.team-icon-box {
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #e8e8e8;
    border-radius: 50%;
}

.team-placeholder-icon-box span,
.team-icon-box span {
    width: 18px;
    height: 18px;
    background: url(../images/new-ui-icons/groups_black.svg);
}

.word-count-contents {
    padding: 0rem 28px;
}

.word-count-proj-name {
    
    font-style: normal;
    font-weight: normal;
    line-height: 24px;
    font-size: 14px;
    color: #3c4043;
    margin-bottom: 0px;
}

.word-count-teams {
    display: flex;
    align-items: center;
}

.word-count-teams span.team-name {
    
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    font-size: 12px;
    color: #7f7f7f;
    padding-left: 0.4rem;
}

.assignmanage-workspace-row {
    display: flex;
    padding-top: 1rem;
}

.assignmanage-workspace-drpdown-row {
    margin-top: 15px;
    margin-bottom: 0px;
}

.breadcrumbs-wrapper {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 12px;
}

.breadcrumbs-wrapper .category-txt:hover{
    cursor: pointer;
    text-decoration: underline;
    color: #0074D3;
    transition: 0.35s text-decoration ease-in-out, 0.35s color ease-in-out;
}

.file-trans-breadcrumbs-section {
    width: 100%;
    max-width: 100%;
    margin: auto;
    margin-bottom: 33px;
}

.breadcrumbs-wrapper span {
    
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    font-size: 14px;
    color: #8B8B8B;
    margin-bottom: 0px;
}

.assignmanage-workspace-col-wrapper {
    width: 50%;
    max-width: 100%;
}

.assignmanage-workspace-col {
    /* padding: 20px 22px; */
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    background-color: #ffffff;
}

.label-txt {
    
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #3c4043;
    margin-bottom: 10px;
}

.label-txt-new {
    
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #3c4043;
    margin-bottom: 10px;
}

.label-txt-new a {
    color: #0078d4;
}

.assignmanage-workspace-col-wrapper:first-child {
    margin-right: 15px;
    
}

.assignmanage-workspace-col-wrapper:last-child {
    margin-left: 15px;
    
}

.assignmanage-team-header-row,
.assignmanage-header-row {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #dbdbdb;
    position: relative;
    margin: 20px 22px 0px 22px;
}

.assignmanage-team-cell-row,
.assignmanage-cell-row {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ebecee;
    transition: 0.4s all ease;
    cursor: context-menu;
    cursor: pointer;
}

.assignmanage-listing-container {
    height: auto;
    min-height: 59vh;
    max-height: 59vh;
    overflow: hidden;
    overflow-y: auto;
    padding: 0px 16px 14px 16px;
    margin: 6px 6px 6px 6px;
}

.assigned-row,
.assignmanage-team-row-active,
.assignmanage-row-active {
    background: #e5f1fb;
}

.assignmanage-team-row-active .external-label {
    background-color: #fe9000;
    color: #ffffff;
}

.assignmanage-team-row-active .internal-label {
    background-color: #0078d4;
    color: #ffffff;
}

.assignmanage-row-active .assignmanage-cell-src-tar span {
    background-color: #0078d4;
    color: #ffffff;
}

.assignmanage-team-cell-row:hover,
.assignmanage-cell-row:hover {
    box-shadow: 0px 3px 6px #0000001a;
    transition: 0.4s all ease;
}

.assignmanage-team-cell-row.assignmanage-team-row-active:hover .cell-box-radio,
.assignmanage-cell-row.assignmanage-row-active:hover .cell-box {
    background-color: #e5f1fb;
}

.assignmanage-team-cell-row.assignmanage-team-row-active:hover .cell-box-radio .MuiIconButton-label svg,
.assignmanage-cell-row.assignmanage-row-active:hover .cell-box .MuiIconButton-label svg {
    color: #0078d4;
}

.assignmanage-team-cell-row:hover .cell-box-radio,
.assignmanage-cell-row:hover .cell-box {
    background-color: #ebebeb;
}

.assignmanage-team-cell-row:hover .cell-box-radio .MuiIconButton-label svg,
.assignmanage-cell-row:hover .cell-box .MuiIconButton-label svg {
    color: #5f6368;
}

.assigned-task-icon {
    padding: 9px;
}

/* .assignmanage-team-header-col:first-child{
  width: 95%;
  max-width: 100%;
} */

.assignmanage-team-header-col {
    width: 100%;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
}

/* .assignmanage-team-header-col:last-child{
  width: 5%;
  max-width: 100%;
  text-align: end;
  padding: 9px 14px 12px 0px;
} */

.assignmanage-header-col:first-child {
    width: 8%;
    max-width: 100%;
    padding: 0px 0px 7px 8px;
}

.assignmanage-cell-col:first-child {
    width: 8%;
    max-width: 100%;
    padding: 10px 0px 11px 8px;
}

.assignmanage-cell-col:last-child {
    width: 46%;
    max-width: 100%;
    padding: 10px 8px 11px 0px;
    overflow: hidden;
}

.assignmanage-cell-col:nth-child(2) {
    width: 46%;
    max-width: 100%;
    padding: 10px 8px 11px 0px;
}

.assignmanage-team-cell-col:first-child {
    width: 92%;
    max-width: 100%;
    padding: 10px 0px 11px 8px;
}

.assignmanage-team-cell-col:nth-child(2) {
    width: 57%;
    max-width: 100%;
    padding: 10px 0px 11px 8px;
}

.assignmanage-team-cell-col:last-child {
    width: 15%;
    max-width: 100%;
    padding: 10px 8px 11px 8px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
}

.person-remove-icon{
    color: #46494a;
    width: 20px !important;
}

.person-remove-wrapper{
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50% !important;
    background-color: transparent;
    transition: 0.3s all ease;
}

.person-remove-wrapper:hover{
    background-color: #ebebeb;
    transition: 0.3s all ease;
}

.bidded-rate-wrapper .collapse-btn{
    border-bottom: 1px solid #ced4da;
    padding: 4.5px 10px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.bidded-rate-wrapper.bidded-rate-border-none .collapse-btn{
    border-bottom: 0px solid #ced4da;
}

.bidded-rate-wrapper{
    margin-top: 10px;
    margin-bottom: 20px;
    border: 1px solid #ced4da;
    border-radius: 3px;
}

.bidded-rate-wrapper ul.bidded-rate-list{
    padding-left: 0px;
    margin-bottom: 0px;
    padding: 10px;
    list-style-type: none;
}   

.bidded-rate-wrapper ul.bidded-rate-list li span.title{
    
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    font-size: 13px;
    color: #3c4043;
    margin-bottom: 0px;
}

.bidded-rate-wrapper ul.bidded-rate-list li span.value{
    
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    font-size: 13px;
    color: #3c4043;
    margin-bottom: 0px;
    margin-left: 8px;
}

.bidded-rate-wrapper .collapse-btn span{
    
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    font-size: 13px;
    color: #3c4043;
    margin-bottom: 0px;
}

.bidded-rate-wrapper .collapse-btn .arrow-icon{
    color: #46494a;
    width: 20px !important;
}

.bidded-rate-wrapper .collapse-btn .arrow-down-icon{
    color: #46494a;
    width: 20px !important;
    transform: rotate(90deg);
    transition: 0.3s all ease;
}

.bidded-rate-wrapper .value button{
    text-transform: capitalize !important;
    font-size: 13px;
    position: relative;
    left: 80px;
    height: 25px;
}
.assignmanage-header-col:nth-child(2) {
    width: 46%;
    max-width: 100%;
    padding: 0px 0px 7px 0px;
}

.assignmanage-header-col:nth-child(3) {
    width: 46%;
    max-width: 100%;
    padding: 0px 0px 7px 8px;
}

/* .assignmanage-header-col:last-child{
  width: 6%;
  max-width: 100%;
  text-align: end;
  padding: 0px 8px 7px 8px;
} */

.assignmanage-team-header-col .title,
.assignmanage-header-col .title {
    
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    font-size: 13px;
    color: #3c4043;
    margin-bottom: 0px;
}

.find-edit-text{
    
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    font-size: 13px;
    color: #ffffff;
}

.assignmanage-team-cell-container,
.assignmanage-team-cell-details,
.assignmanage-cell-doc-details,
.assignmanage-cell-src-tar {
    display: flex;
    align-items: center;
}

.assignmanage-team-cell-details {
    width: 180px;
}

.editor-status span {
    padding: 3px 10px;
    border-radius: 2px;
    
    font-style: normal;
    font-weight: 500;
    line-height: 1.5px;
    font-size: 13px;
    transition: 0.3s all ease;
}

.editor-status span.status-blue {
    background: #e8f0fe;
    color: #0078d4;
    transition: 0.3s all ease;
}

.assignmanage-team-row-active .editor-status span.status-blue {
    background: #0078d4;
    color: #ffffff;
    transition: 0.3s all ease;
}

.editor-status span.status-yellow {
    background: rgb(254 144 0 / 16%);
    color: #fe9000;
    transition: 0.3s all ease;
}

.assignmanage-team-row-active .editor-status span.status-yellow {
    background: #fe9000;
    color: #ffffff;
    transition: 0.3s all ease;
}

.editor-status span.status-teal {
    background: #20c99733;
    color: #09963f;
    transition: 0.3s all ease;
}

.assignmanage-team-row-active .editor-status span.status-teal {
    background: #20c997;
    color: #ffffff;
    transition: 0.3s all ease;
}

.avatar-initial {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    font-size: 13px;
    color: #ffffff;
    text-transform: uppercase;
    border-radius: 50%;
    background: #0078d4;
}

.file-name {
    transition: 0.3s all ease;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    width: auto;
    max-width: 130px;
}

.avatar-img-icon img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}

/* .avatar-color-1{
  background-color: #F65120;
}

.avatar-color-2{
  background-color: #024E42;
}

.avatar-color-3{
  background-color: #4F2DAB;
}

.avatar-color-4{
  background-color: #ED427B;
}

.avatar-color-5{
  background-color: #7C58BE;
}

.avatar-color-6{
  background-color: #326819;
} */

.assignmanage-cell-src-tar span {
    
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    font-size: 12px;
    color: #0078d4;
    background-color: #e8f0fe;
    border-radius: 2px;
    padding: 2px 5.5px;
}

.assignmanage-team-cell-content .name{
    line-height: 1.4;
}

.assignmanage-team-cell-content .name,
.assignmanage-cell-doc-content .file span.file-word-count,
.assignmanage-cell-doc-content .file {
    
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    color: #3c4043;
}

.assignmanage-team-cell-content {
    padding-left: 0.7rem;
    line-height: 1;
}

.assignmanage-cell-doc-content {
    padding-left: 0.4rem;
    line-height: 1;
}

.assignmanage-team-cell-content .member-email,
.assignmanage-cell-doc-content .team-name {
    
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    color: #bfbfbf;
    
}

.external-label {
    background-color: #ffedd6;
    border-radius: 2px;
    padding: 3px 10px;
    
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 24px;
    color: #fe9000;
}

.internal-label {
    background-color: #e8f0fe;
    border-radius: 2px;
    padding: 3px 10px;
    
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 24px;
    color: #0078d4;
}

.unit-select__input,
.currency-select__input,
.vendor-select__input,
.job-select__input,
.project-select__input {
    color: transparent;
}

.unit-select__control:hover .unit-select__placeholder,
.currency-select__control:hover .currency-select__placeholder,
.vendor-select__control:hover .vendor-select__placeholder,
.job-select__control:hover .job-select__placeholder,
.project-select__control:hover .project-select__placeholder {
    font-weight: 400;
}

.unit-select__control--is-focused,
.currency-select__control--is-focused,
.vendor-select__control--is-focused,
.job-select__control--is-focused,
.project-select__control--is-focused {
    border-color: #0074d3 !important;
}

.unit-select__control--is-focused .unit-select__single-value,
.unit-select__control--is-focused .unit-select__placeholder,
.currency-select__control--is-focused .currency-select__single-value,
.currency-select__control--is-focused .currency-select__placeholder,
.vendor-select__control--is-focused .vendor-select__single-value,
.vendor-select__control--is-focused .vendor-select__placeholder,
.job-select__control--is-focused .job-select__single-value,
.job-select__control--is-focused .job-select__placeholder,
.project-select__control--is-focused .project-select__placeholder,
.project-select__control--is-focused .project-select__single-value {
    color: #0074d3;
}

.unit-select__control--is-focused .unit-select__indicator #triangle-down-new,
.unit-select__control--is-focused .unit-select__indicator #triangle-down,
.currency-select__control--is-focused .currency-select__indicator #triangle-down,
.vendor-select__control--is-focused .vendor-select__indicator #triangle-down,
.job-select__control--is-focused .job-select__indicator #triangle-down,
.project-select__control--is-focused .project-select__indicator #triangle-down {
    border-top-color: #0074d3;
}

#triangle-down {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #747474;
}

#triangle-down-new {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #3c4043;
}

.project-jobs {
    margin-left: 20px;
}

/* .assignmanage-workspace-drpdown-col:first-child{
  margin-right: 15px;
}

.assignmanage-workspace-drpdown-col:last-child{
  margin-left: 15px;
} */

.assignmanage-workspace-drpdown-col {
    display: flex;
    align-items: center;
    width: 50%;
    max-width: 100%;
}

.assignmanage-workspace-drpdown-vendors-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.assignmanage-hire-linguist img {
    margin-right: 0.5rem;
    width: 21px;
    filter: invert(63%) sepia(1%) saturate(330%) hue-rotate(105deg) brightness(79%) contrast(87%);
    transition: 0.3s all ease;
}

.assignmanage-hire-linguist {
    padding: 6px 12px;
    border: 0px;
    border-radius: 4px;
    background-color: #e9e9e9;
    display: flex;
    align-items: center;
    transition: 0.3s all ease;
    text-decoration: none;
}

.assignmanage-hire-linguist:hover {
    text-decoration: none;
}

.assignmanage-hire-linguist:hover {
    background-color: #dbdbdb;
}

.assignmanage-hire-linguist:focus {
    background-color: #dde9fc;
    outline: none;
    border: none;
}

.assignmanage-hire-linguist:focus span {
    color: #0078d4;
}

.assignmanage-hire-linguist:focus img {
    filter: invert(33%) sepia(75%) saturate(6059%) hue-rotate(192deg) brightness(100%) contrast(101%);
}

.assignmanage-hire-linguist span {
    
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 24px;
    color: #5f6368;
    transition: 0.3s all ease;
}

.assign-setting-header {
    background-color: #0074d3;
    padding: 9px 15px 9px 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.assign-close {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border-radius: 50%;
    transition: 0.3s all ease;
    cursor: pointer;
}

.assign-close:hover {
    background-color: #ffffff33;
    transition: 0.3s all ease;
}

.assign-setting-header .title {
    
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #ffffff;
    margin-bottom: 0px;
}

.assign-step-process-container,
.assign-settings-container {
    height: 100%;
}

.assign-step-process-container {
    display: flex;
}

.assign-step-btn {
    padding: 0 !important;
    width: 40px;
    height: 40px;
    margin-left: 4px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 50% !important;
    background-color: transparent;
    border: 0 !important;
    transition: 0.3s all ease;
    cursor: pointer;
}

.assign-step-btn.nav-link:hover {
    background-color: #ebebeb;
    transition: 0.3s all ease;
}

.assign-step-button-global.active .assign-step-btn {
    background-color: #d2e3fc;
}

.assign-step-button-global.active {
    border-right: 3px solid #0074d3;
    transition: 0.3s all ease;
}

.assign-step-button-global {
    margin-top: 16px;
    border-right: 3px solid transparent;
    transition: 0.3s all ease;
}

.step-process-container {
    width: 342px;
}

.assign-step-container-tab {
    width: 53px;
    max-width: 100%;
    flex-direction: column;
    border-bottom: 0px !important;
    border-right: 1px solid #dbdbdb;
    height: 100%;
}

.step-inner-cont {
    padding: 21px 16px 21px 20px;
    margin: 4px 4px 4px 0px;
    flex-grow: 1;
    overflow: hidden;
    overflow-y: auto;
}

.step-process-tab {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.step-inner-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.step-inner-header .title {
    
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    color: #3c4043;
}

.step-inner-header .time-title {
    
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    color: #5f6368;
}

.step-inner-header .time-title span {
    font-weight: 500;
}

.instruction-file-upload .step-additional-files {
    padding: 0px;
}

.instruction-file-upload .step-additional-files-list {
    margin-bottom: 10px;
}

.step-additional-files {
    padding: 18px 0px;
}

.step-process-date-time-pickers,
.step-payment-form {
    padding: 30px 0px;
}

.step-process-date-time-pickers .form-group label,
.step-payment-form .form-group label {
    
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 24px;
    color: #3c4043;
    margin-bottom: 0px;
}

.step-process-date-time-pickers .form-group input {
    
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    color: #3c4043;
}

.step-process-date-time-pickers .form-group input::placeholder {
    
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    color: #3c4043;
    text-transform: uppercase;
}

.step-additional-files-list {
    margin-bottom: 16px;
}

.step-file-upload-form .form-group label {
    
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 24px;
    color: #0074d3;
    margin-bottom: 0px;
    cursor: pointer;
}

.step-file-upload-form .form-group label img {
    width: 21px;
}

.step-payment-form .form-group input.payment-input {
    border: 1px solid #ced4da;
    border-radius: 3px;
    padding: 4.5px 10px;
    display: block;
    width: 100%;
    text-align: end;
    
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    color: #3c4043;
    transition: 0.3s all ease;
}

.step-payment-form .form-group textarea.payment-textarea {
    border: 1px solid #ced4da;
    border-radius: 3px;
    padding: 4.5px 10px;
    display: block;
    width: 100%;
    
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    color: #3c4043;
    transition: 0.3s all ease;
}

.step-payment-form .form-group input.payment-input:focus {
    border: 1px solid #0074d3;
    transition: 0.3s all ease;
}

.step-payment-form .form-group textarea.payment-textarea::placeholder {
    
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    font-style: italic;
    color: #bcbcbc;
}

.step-payment-form .form-group textarea.payment-textarea:focus {
    border: 1px solid #0074d3;
    outline: none;
    transition: 0.3s all ease;
}

.step-payment-form .form-group input.payment-input::placeholder {
    
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    color: #d2d2d2;
}

.step-additional-files .file-name-list {
    border-bottom: 0px !important;
}

.file-name-list .filename span.filename-length {
    color: #3c4043 !important;
    padding: 0px 0px 0px 9px !important;
}

.step-process-cancel-button {
    
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    color: #3c4043;
}

.step-process-assign-button,
.step-process-next-button {
    
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    color: #ffffff;
}

.step-process-next-button::after {
    content: url("../images/new-ui-icons/arrow_forward.svg");
    width: 8.2px;
    height: 8.2px;
    padding-left: 0.55rem;
    position: relative;
    top: 1px;
}

.step-button-process {
    padding: 22px 20px;
    height: 125px;
}

.datetimepicker-box-new {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-grow: 1;
    cursor: pointer;
}

.datetimepicker-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 3.5px 10px;
    border: 1px solid #ced4da;
    border-radius: 3px;
    cursor: pointer;
}

.datetimepicker-box input {
    border: 0px;
}

.datetimepicker-box-new input {
    width: 72%;
    padding: 3px 8px;
    border-radius: 0px;
    border: 0;
    border-bottom:1px solid #E4E7E9;
}

.datetimepicker-box-new input::placeholder{
    color: #9B9FA2;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 15px;
    text-transform: uppercase;
}

.datetimepicker-box-new input:hover{
    background-color: #F3F3F3;
    border-radius: 0px;
}

.find-editor-search-bar .editor-row {
    display: flex;
    align-items: center;
    border-radius: 4px;
    background-color: #ffffff;
}

.find-editor-search-bar .editor-row .editor-col:first-child {
    width: 30%;
    max-width: 100%;
    border: 1px solid #dbdbdb;
    border-radius: 4px 0px 0px 4px;
    border-right: 0px solid #dbdbdb;
}

.find-editor-search-bar .editor-row .editor-col:nth-child(2) {
    width: 30%;
    max-width: 100%;
    border: 1px solid #dbdbdb;
    border-right: 0px solid #dbdbdb;
    border-left: 0px solid #dbdbdb;
}

.find-editor-search-bar .editor-row .editor-col:last-child {
    width: 40%;
    max-width: 100%;
    border: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    border-left: 0px solid #dbdbdb;
    border-radius: 0px 4px 4px 0px;
}

/* .find-editor-search-bar .editor-row .editor-col:last-child{
  width: 46%;
  max-width: 100%;
} */

.editor-box-styles {
    padding: 10px 0px 10px 0px;
    margin: -2px 0px;
}

.editor-src-language {
    padding: 10px 5px 10px 22px;
    margin: 4px 0px;
    border-right: 1px solid #dbdbdb;
    cursor: pointer;
}

.editor-src-language span {
    
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #9b9b9b;
}

.Content-type-select__single-value,
.Subject-matters__single-value,
.country-select__single-value {
    
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    color: #3c4043;
}

.Content-type-select__placeholder,
.Subject-matters__placeholder,
.country-select__placeholder {
    
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    color: #9b9b9b;
}

.find-editor-container {
    margin-top: 13px;
}

.vendor-search-button {
    
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    color: #ffffff;
}

.vendor-search-button img {
    padding-right: 6px;
}

.find-editor-main-part {
    display: flex;
    margin-top: 30px;
}

.find-editor-filter-bar {
    width: 270px;
    min-width: 270px;
    height: 68vh;
    position: sticky;
    top: 13%;
}

.find-editors-list {
    padding-left: 35px;
    flex-grow: 1;
    width: 100%;
}

.find-editor-price-range:not(:first-child) {
    margin-top: 30px;
}

.find-editor-price-range-title {
    
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: #3c4043;
    margin-bottom: 0px;
}

.find-editor-price-range-inputs {
    margin-top: 8px;
}

.find-editor-price-range-row {
    display: flex;
}

.find-editor-price-range-col {
    width: 50%;
    max-width: 100%;
}

.find-editor-price-range-col:first-child {
    padding-right: 6.5px;
}

.find-editor-price-range-col:last-child {
    padding-left: 6.5px;
}

.price-range-box {
    display: flex;
    padding: 0px;
}

.price-range-box label {
    padding: 7px;
    
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #3c4043;
    width: 40%;
    max-width: 100%;
    margin-bottom: 0px;
    background-color: #ffffff;
    border-radius: 4px 0px 0px 4px;
    border: 1px solid #dbdbdb;
}

.price-range-box input {
    width: 60%;
    max-width: 100%;
    padding: 4px 10px;
    border-radius: 0px 4px 4px 0px;
    background-color: #ffffff;
    border-left: 0 !important;
    border: 1px solid #dbdbdb;
    
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #3c4043;
    text-align: end;
}

.price-range-box input::placeholder {
    
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #9b9b9b;
}

.unit-type-drp-down {
    margin-top: 11px;
}

.yr-exp-drp-down {
    margin-top: 5px;
    width: 130px;
}

.find-editor-price-range-inputs input.text-fields {
    border: 1px solid #dbdbdb;
    border-radius: 4px;
    width: 100%;
    padding: 9px 10px;
    
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #3c4043;
}

.find-editors-search-results-row {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 12px;
}

.find-editors-search-results-row .title {
    
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #3c4043;
    margin-bottom: 0px;
}

.find-editors-search-results-row .link {
    
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    border-bottom: 1px dashed #0078d4;
    color: #0078d4;
    margin-bottom: 0px;
    cursor: pointer;
}

.find-editors-search-results-cards-row {
    display: flex;
    align-items: center;
}

.find-editors-search-results-cards-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
}

.find-editors-search-results-cards {
    width: 23.785%;
    max-width: 100%;
    height: 262px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    background-color: #ffffff;
    /* margin: 10px 10px ; */
    padding: 21px 23px 24px 23px;
    position: relative;
    /* transition: 0.3s all ease; */
}

.find-editors-search-results-cards:hover {
    box-shadow: 0px 6px 10px #0000001a;
    /* transition: 0.3s all ease; */
}

/* .find-editors-search-results-cards:nth-child(4n+1),
.find-editors-search-results-cards:first-child{
  margin-right: 10px;
  margin-left: 0px;
}

.find-editors-search-results-cards:nth-child(4n){
  margin-right: 0px;
  margin-left: 10px;
} */

.find-editors-details {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.profile-pic {
    position: relative;
    margin-bottom: 8px;
    cursor: pointer;
}

.profile-pic .no-profile {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #aeaeae;
    display: flex;
    align-items: center;
    justify-content: center;
    
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.5;
    color: #ffffff;
}

.profile-pic img.profile {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}

.profile-pic .flag-icon {
    position: absolute;
    bottom: -6px;
    right: 0;
    background-color: #ffffff;
    padding: 2px;
    border-radius: 50%;
}

.profile-pic .flag-icon img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}

.find-editors-details .profile-name {
    
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    color: #3c4043;
    margin-bottom: 0px;
    text-align: center;
}

.find-editors-details .profile-email {
    
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.5;
    color: #9b9b9b;
    margin-bottom: 0px;
    text-align: center;
}

.find-editors-details .profile-price-tag {
    padding: 3px 10px;
    background-color: #e8f0fe;
    border-radius: 2px;
    margin-top: 10px;
    
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.5;
    color: #0078d4;
    text-align: center;
}

.find-editor-contact-hire-cont {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-top: 20px;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 0px 23px 24px 23px;
}

.contact-details {
    display: flex;
    align-items: center;
}

.contact-details .mail,
.contact-details .message {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border-radius: 50%;
    transition: 0.3s all ease;
    cursor: pointer;
}

.contact-details .message {
    margin-left: 0.3rem;
}

.contact-details .mail:hover,
.contact-details .message:hover {
    background-color: #ebebeb;
    transition: 0.3 all ease;
}

.vendor-hire-button {
    
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    color: #ffffff;
}

.search-bar {
    width: 0%;
    background: #fff;
    display: flex;
    align-items: center;
    border-radius: 4px;
    border: 1px solid #dbdbdb;
    position: absolute;
    top: 0;
    bottom: 7px;
    right: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 10;
    transition: 0.4s all ease;
}

.search-bar-enlarge {
    width: 100%;
    opacity: 1;
    visibility: visible;
    transition: 0.4s width all ease-in-out;
}

.search-bar input.assign-search {
    width: 95%;
    max-width: 100%;
    border: 0;
    border-radius: 4px;
    padding: 6px 10px;
    
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.2;
    color: #3c4043;
}

.search-bar input.assign-search::placeholder {
    
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.2;
    color: #d2d2d2;
}

.search-bar .close {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    transition: 0.4 all ease;
    cursor: pointer;
}

.search-bar .close:hover {
    background-color: #ebebeb;
    transition: 0.4 all ease;
}

.chat-padd-align {
    padding: 27px 11.2rem 0px 11.2rem;
}

.transeditor-chat-row {
    display: flex;
    align-items: flex-start;
    margin-top: 23px;
}

.transeditor-chat-list-col {
    width: auto;
    min-width: 380px;
    max-width: 380px;
}

.transeditor-chat-area-col {
    flex-grow: 1;
    background-color: #ffffff;
    height: 85vh;
    margin-left: 24px;
    border-radius: 2px;
    position: relative;
}

.chat-search-box {
    display: flex;
    align-items: center;
    background-color: #ebebeb;
    border-radius: 4px;
}

.chat-search-icon {
    display: flex;
    align-items: center;
    width: 40px;
    height: 36px;
    justify-content: center;
}
.chat-search-input {
    width: 100%;
}
.chat-search-input input {
    width: 100%;
    border: 0;
    margin: 0;
    padding: 6px 10px 6px 4px;
    background-color: transparent;
    
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.3;
    color: #3c4043;
}

.chat-search-input input::placeholder {
    
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.3;
    color: #74788d;
}

.chat-switch-tab {
    padding: 0px !important;
    border-bottom: 1px solid #ebebeb !important;
    width: 100%;
    display: flex;
    flex-wrap: nowrap !important;
}

.chat-button-global,
.chat-button-global.active {
    position: relative;
}

.chat-button-global.active::after {
    content: "";
    display: block;
    height: 3px;
    background-color: #0078d4;
    /* border-radius: 3px 3px 0px 0px; */
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    transition: 0.3s all ease;
}

.chat-button-global::after {
    content: "";
    display: block;
    height: 3px;
    background-color: transparent;
    /* border-radius: 3px 3px 0px 0px; */
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    transition: 0.3s all ease;
}

.chat-switch-btn.active:hover {
    color: #000000;
}

.chat-button-global:hover .chat-switch-btn {
    font-weight: 500 !important;
    color: #0074d3 !important;
}

.chat-button-global {
    margin-right: 0px;
    transition: 0.3s all ease;
    cursor: pointer;
    margin-bottom: 0px !important;
    padding: 0px;
    width: 100%;
    max-width: 100%;
}

.chat-button-global:last-child {
    margin-right: 0px;
}

.chat-switch-btn {
    border: none !important;
    background: transparent;
    
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    padding: 0.532rem 0rem !important;
    color: #3c4043 !important;
    text-align: center;
    transition: 0.3s all ease;
}

.chat-button-global.active .chat-switch-btn {
    font-weight: 500 !important;
    color: #0074d3 !important;
    border: none !important;
}

.chat-switch-btn.active {
    position: relative;
}

ul.chat-member-list {
    list-style-type: none;
    padding-left: 0px;
    margin-bottom: 0px;
    height: auto;
    min-height: 68vh;
    max-height: 68vh;
    overflow-y: auto;
    transition: 0.4s all ease;
}

.contact-list {
    height: auto;
    max-height: 68vh;
    overflow-y: auto;
}

ul.chat-member-list li {
    padding: 15px 15px 15px 11px;
    background-color: transparent;
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ebebeb;
    transition: 0.4s all ease;
}

ul.chat-member-list li.chat-user-tile-active,
ul.chat-member-list li:hover {
    cursor: pointer;
    background-color: #ffffff;
    transition: 0.4s all ease;
}

ul.chat-member-list li.chat-member-selected {
    background-color: #ffffff;
}

.chat-member-list-details {
    display: flex;
    align-items: center;
}

.chat-member-list-details img {
    width: 32px;
    height: 32px;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
}

.chat-member-time-badge {
    display: flex;
    flex-direction: column;
    padding-left: 12px;
    align-items: flex-end;
}
.chat-member-content {
    display: flex;
    flex-direction: column;
    padding-left: 12px;
}

.chat-member-content .name {
    
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    color: #3c4043;
}

.chat-member-content .recent-msg {
    
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.5;
    color: #585858;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    width: auto;
    max-width: 230px;
}

.chat-member-time-badge .time {
    
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.5;
    color: #585858;
}

.chat-member-time-badge .badge {
    width: auto;
    min-width: 16px;
    max-width: 40px;
    height: auto;
    min-height: 16px;
    max-height: 40px;
    padding: 2px 5px 1px 5px;
    background-color: #e41e3f;
    display: flex;
    justify-content: center;
    align-items: center;
    
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    color: #ffffff;
    border-radius: 100px;
    margin-top: 3px;
}

.chat-list-tabs-cont {
    margin-top: 27px;
}
.chat-list-tabs {
    border-bottom: 2px solid #ebebeb;
}

.ai-src-language-part:hover::-webkit-scrollbar-thumb,
.advanced-section-wrapper:hover::-webkit-scrollbar-thumb,
.common-text-editor-wrapper.ts-wrapper .ql-container.ql-snow:hover::-webkit-scrollbar-thumb,
.voice-proj-editor-wrapper .ql-container.ql-snow:hover::-webkit-scrollbar-thumb,
.glossary-term-list-wrapper:hover::-webkit-scrollbar-thumb,
.additional-files-box:hover::-webkit-scrollbar-thumb,
.instruct-box:hover::-webkit-scrollbar-thumb,
.step-inner-cont:hover::-webkit-scrollbar-thumb,
.assignmanage-listing-container:hover::-webkit-scrollbar-thumb,
.chat-members-list:hover::-webkit-scrollbar-thumb,
.info-tab-container:hover::-webkit-scrollbar-thumb,
.services-rates-tab-container:hover::-webkit-scrollbar-thumb,
.transeditor-msgs-area-main:hover::-webkit-scrollbar-thumb,
.contact-list:hover::-webkit-scrollbar-thumb,
ul.chat-member-list:hover::-webkit-scrollbar-thumb {
    opacity: 1;
    visibility: visible;
    transition: 0.4s all ease;
}

.terms-search-results-wrapper::-webkit-scrollbar-track,
.glossary-term-list-wrapper::-webkit-scrollbar-track,
.additional-files-box::-webkit-scrollbar-track,
.instruct-box::-webkit-scrollbar-track,
.step-inner-cont::-webkit-scrollbar-track,
.assignmanage-listing-container::-webkit-scrollbar-track,
.chat-members-list::-webkit-scrollbar-track,
.info-tab-container::-webkit-scrollbar-track,
.services-rates-tab-container::-webkit-scrollbar-track,
.transeditor-msgs-area-main::-webkit-scrollbar-track,
.contact-list::-webkit-scrollbar-track,
ul.chat-member-list::-webkit-scrollbar-track {
    border-radius: 30px;
    background-color: transparent;
    transition: 0.4s all ease;
}

.ai-src-language-part::-webkit-scrollbar,
.common-text-editor-wrapper.ts-wrapper .ql-container.ql-snow::-webkit-scrollbar,
.voice-proj-editor-wrapper .ql-container.ql-snow::-webkit-scrollbar{
    height: 14px;
    padding-top: 10px;
    width: 14px;
}

.ai-src-language-part::-webkit-scrollbar-track,
.common-text-editor-wrapper.ts-wrapper .ql-container.ql-snow::-webkit-scrollbar-track,
.common-text-editor-wrapper.ts-wrapper .ql-container.ql-snow::-webkit-scrollbar-corner,
.voice-proj-editor-wrapper .ql-container.ql-snow::-webkit-scrollbar-corner, 
.voice-proj-editor-wrapper .ql-container.ql-snow::-webkit-scrollbar-track {
    background-color: transparent;
}

.terms-search-results-wrapper::-webkit-scrollbar{
    width: 9px;
    background-color: transparent;
    transition: 0.4s all ease;
}

.glossary-term-list-wrapper::-webkit-scrollbar,
.additional-files-box::-webkit-scrollbar,
.instruct-box::-webkit-scrollbar,
.step-inner-cont::-webkit-scrollbar,
.assignmanage-listing-container::-webkit-scrollbar,
.chat-members-list::-webkit-scrollbar,
.info-tab-container::-webkit-scrollbar,
.services-rates-tab-container::-webkit-scrollbar,
.transeditor-msgs-area-main::-webkit-scrollbar,
.contact-list::-webkit-scrollbar,
ul.chat-member-list::-webkit-scrollbar {
    width: 4px;
    background-color: transparent;
    transition: 0.4s all ease;
}

.glossary-term-list-wrapper::-webkit-scrollbar-thumb {
    background-color: #d2d3d1;
    opacity: 0;
    visibility: hidden;
    border-radius: 30px;
    transition: 0.4s all ease;
}

.ai-src-language-part::-webkit-scrollbar-thumb,
.common-text-editor-wrapper.ts-wrapper .ql-container.ql-snow::-webkit-scrollbar-thumb,
.voice-proj-editor-wrapper .ql-container.ql-snow::-webkit-scrollbar-thumb {
    background-clip: padding-box;
    background-color: #a6a6a6;
    border: 4px solid transparent;
    border-radius: 50px;
    height: 28px;
}

.terms-search-results-wrapper::-webkit-scrollbar-thumb{
    border-radius: 30px;
    background-color: #CCCCCC;
    transition: 0.4s all ease;
}

.ai-src-language-part::-webkit-scrollbar-thumb,
.instruct-box::-webkit-scrollbar-thumb,
.step-inner-cont::-webkit-scrollbar-thumb,
.assignmanage-listing-container::-webkit-scrollbar-thumb,
.chat-members-list::-webkit-scrollbar-thumb,
.info-tab-container::-webkit-scrollbar-thumb,
.services-rates-tab-container::-webkit-scrollbar-thumb,
.transeditor-msgs-area-main::-webkit-scrollbar-thumb,
.contact-list::-webkit-scrollbar-thumb,
ul.chat-member-list::-webkit-scrollbar-thumb {
    opacity: 0;
    visibility: hidden;
    border-radius: 30px;
    background-color: #c3c4c6;
    transition: 0.4s all ease;
}

.contact-alphaber-sort {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #d5e4fe;
    display: flex;
    align-items: center;
    justify-content: center;
    
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    color: #0074d3;
    margin-bottom: 10px;
    margin-top: 20px;
}

.contact-member-no {
    
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    color: #3c4043;
    margin-bottom: 0px;
}

/* .contact-list{
  margin-top: 20px;
} */

.transeditor-chat-area-col {
    background-color: #ffffff;
}

.transeditor-chat-single-person {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.chat-typing-area {
    padding: 21px 15px;
    display: flex;
    align-items: center;
    height: 84px;
    /* position: absolute;
  bottom: 0; */
    width: 100%;
}

.transeditor-msgs-area-main {
    flex-grow: 1;
    overflow: hidden;
    overflow-y: auto;
    margin: 4px 4px 4px 0px;
}

.transeditor-msgs-area {
    padding: 0px 19px 0px 27px;
}

.transeditor-chat-single-person-header {
    padding: 26px 27px;
    border-bottom: 1px solid #e9e9e9;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 90px;
    position: relative;
}

.transeditor-chat-single-member-data img {
    width: 40px;
    height: 40px;
    object-position: center;
    object-fit: cover;
    border-radius: 50%;
}

.transeditor-chat-single-member-data .no-profile-header-chat {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #0074d3;
    color: #ffffff;
    
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.transeditor-chat-single-member-data {
    display: flex;
    align-items: center;
}

.chat-signle-member-content {
    display: flex;
    flex-direction: column;
    padding-left: 10px;
}

.chat-signle-member-content .name {
    
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4;
    color: #3c4043;
}

.chat-signle-member-content .comp-name {
    
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.3;
    color: #585858;
}

.chat-single-member-accessible {
    display: flex;
    align-items: center;
}

.chat-access-icon {
    width: 35px;
    height: 35px;
    display: flex;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    transition: 0.4s all ease;
    cursor: pointer;
}

.chat-single-member-accessible .chat-access-icon:first-child {
    margin-right: 12px;
}

.chat-send-icon:hover,
.chat-access-icon:hover {
    background-color: #ebebeb;
    transition: 0.4s all ease;
}

.chat-send-icon {
    width: 42px;
    height: 42px;
    display: flex;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    transition: 0.4s all ease;
    cursor: pointer;
    border: none;
}

.chat-send-icon-main label {
    margin-bottom: 0px;
}

.chat-type-area {
    width: 100%;
    margin: 0px 15px;
}

.chat-file-upload {
    width: 100%;
    margin: 0px 15px;
    padding: 6.5px 10px;
    border: 2px solid #0074d3;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.chat-type-area input.sent-input {
    width: 100%;
    padding: 9px 15px;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    color: #242424;
    transition: 0.4s all ease;
}

.chat-type-area input.sent-input:focus {
    border: 1px solid #0074d3;
    transition: 0.4s all ease;
}

.chat-type-area input.sent-input::placeholder {
    
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    color: #747474;
}

.time-delay-separater {
    display: block;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.5;
    color: #707070;
    padding: 20px 0px;
}

.time-delay-separater > span {
    position: relative;
    display: inline-block;
    padding: 0 1.5rem;
}

.time-delay-separater > span:before,
.time-delay-separater > span:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 9999px;
    height: 1px;
    background: #e9e9e9;
}

.time-delay-separater > span:before {
    right: 100%;
    margin-right: 15px;
}

.time-delay-separater > span:after {
    left: 100%;
    margin-left: 15px;
}

.chat-receiver-msg {
    display: flex;
    justify-content: flex-start;
}

.chat-receiver-msg:not(:last-child) {
    margin-bottom: 8px;
}

.chat-sender-msg:not(:last-child) {
    margin-bottom: 8px;
}

.chat-sender-msg {
    display: flex;
    justify-content: flex-end;
}

.receiver-prof img {
    width: 32px;
    height: 32px;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
}

.receiver-msgs-cont {
    padding-left: 10px;
}

.receiver-msg {
    padding: 14px;
    background: #f5f5f5;
    border-radius: 3px;
    margin: 3px 0px;
    width: fit-content;
    -moz-width: fit-content;
}

/* .sender-msg{
  padding: 14px;
  background: #EBF6FF;
  border-radius: 3px;
  margin: 3px 0px;
  width: fit-content;
  -moz-width: fit-content;
} */

.transeditor-msgs-area-no-found {
    padding: 0px 19px 0px 27px;
    margin: 30px;
    text-align: center;
}

.transeditor-msgs-area-no-found span {
    
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4;
    color: #9b9b9b;
}

.no-recent-msg-text {
    
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4;
    color: #9b9b9b;
}

.sender-msg-with-sender-details {
    padding: 14px;
    background: #ebf6ff;
    border-radius: 3px;
    margin: 3px 0px 0px auto;
    width: fit-content;
    -moz-width: fit-content;
    text-align: left;
}

.receiver-msgs-cont {
    margin-right: 8rem;
}

.sender-msgs-cont {
    margin-left: 8rem;
}

.receiver-msg-with-sender-details {
    padding: 14px;
    background: #f5f5f5;
    border-radius: 3px;
    width: fit-content;
    -moz-width: fit-content;
    margin: 3px 0px;
}

.sender-name-time-date,
.receiver-name-time-date {
    display: flex;
    align-items: center;
}

.receiver-name-time-date .name {
    
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.4;
    color: #3c4043;
    padding-right: 14px;
}

.sender-name-time-date .time-date,
.receiver-name-time-date .time-date {
    
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.4;
    color: #616161;
}

.sender-msg .msgs,
.sender-msg-with-sender-details .msgs,
.receiver-msg-with-sender-details .msgs,
.receiver-msg .msgs {
    
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4;
    color: #242424;
}

.chat-member-search-bar {
    width: 0%;
    background: #fff;
    display: flex;
    align-items: center;
    border-radius: 30px;
    background-color: #ebebeb;
    /* border-bottom: 1px solid #E0E0E0; */
    position: absolute;
    top: 0;
    bottom: 0px;
    right: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 10;
    transition: 0.4s all ease;
    margin: 23.5px 27px;
}

.chat-member-search-bar-enlarge {
    width: 95.4%;
    opacity: 1;
    visibility: visible;
    transition: 0.4s width all ease-in-out;
}

.chat-member-search-bar input.assign-search {
    width: 96.2%;
    max-width: 100%;
    height: 100%;
    border: 0;
    border-radius: 4px;
    padding: 9px 15px;
    
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.2;
    color: #3c4043;
    background-color: transparent;
}

.chat-member-search-bar input.assign-search::placeholder {
    
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.2;
    color: #747474;
}

.chat-member-search-bar .close {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    transition: 0.4 all ease;
    cursor: pointer;
    margin-right: 0.2rem;
}

.chat-member-search-bar .close:hover {
    background-color: #ffffff;
    transition: 0.4 all ease;
}

.chat-file-details {
    display: flex;
    align-items: center;
}

.chat-file-details .filename {
    
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.5;
    color: #3c4043;
    padding-left: 10px;
}

.chat-file-delete-icon {
    width: 25px;
    height: 25px;
    display: flex;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    transition: 0.4s all ease;
    cursor: pointer;
}

.chat-file-delete-icon:hover {
    background-color: #ebebeb;
    transition: 0.4s all ease;
}

.team-member-switch-tab {
    padding: 0px !important;
    border-bottom: 0px solid #ebebeb !important;
    width: 100%;
    display: flex;
    flex-wrap: nowrap !important;
}

.team-button-global,
.team-button-global.active {
    position: relative;
}

.team-button-global.active::after {
    content: "";
    display: block;
    height: 3px;
    background-color: #0078d4;
    /* border-radius: 3px 3px 0px 0px; */
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    transition: 0.3s all ease;
}

.team-button-global::after {
    content: "";
    display: block;
    height: 3px;
    background-color: transparent;
    /* border-radius: 3px 3px 0px 0px; */
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    transition: 0.3s all ease;
}

.team-switch-btn.active:hover {
    color: #000000;
}

.team-button-global:hover .chat-switch-btn {
    font-weight: 500 !important;
    color: #3c4043 !important;
}

.team-button-global:hover {
    background: #e8f0fe;
}

.team-button-global {
    margin-right: 0px;
    transition: 0.3s all ease;
    cursor: pointer;
    background: transparent;
    margin-bottom: 0px !important;
    padding: 10px 15px 12px 15px;
}

.team-button-global:last-child {
    margin-right: 0px;
}

.assignmanage-team-cell-content .member-email {
    color: #9b9b9b !important;
}

.team-switch-btn {
    border: none !important;
    background: transparent;
    
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    padding: 0rem !important;
    color: #3c4043 !important;
    text-align: center;
    transition: 0.3s all ease;
}

.team-button-global.active .team-switch-btn {
    font-weight: 500 !important;
    color: #3c4043 !important;
    border: none !important;
}

.team-switch-btn.active {
    position: relative;
}

.profile-popup-header {
    padding: 32px 31px 18px 31px;
}

.profile-popup-header .details-row {
    display: flex;
    align-items: center;
}

.profile-popup-header .details-row .profile-avatar img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}

.profile-avatar .no-profile-pic {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #aeaeae;
    
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 1.5;
    color: #ffffff;
}

.profile-content {
    margin-left: 23px;
}

.profile-content .name {
    
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 1.5;
}

.profile-content .profile-access-container {
    margin-top: 18px;
    display: flex;
    align-items: center;
}

.profile-content .profile-access-container .chat {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border-radius: 50%;
    transition: 0.3s all ease;
    cursor: pointer;
}

.profile-content .profile-access-container .chat:hover {
    background-color: #ebebeb;
    transition: 0.3 all ease;
}

.profile-content .profile-access-container .hire-btn {
    margin-left: 20px;
}

.hire-btn-txt {
    
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
}

.invite-sent {
    padding: 6px 13px;
    border-radius: 2px;
    background-color: #f6f6f6;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.invite-sent .img {
    padding-right: 4px;
}

.invite-sent .txt {
    
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    color: #7f7f7f;
}

.editor-hired {
    padding: 6px 13px;
    display: flex;
    align-items: center;
}

.editor-hired .img {
    padding-right: 4px;
}

.editor-hired .txt {
    
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    color: #0078d4;
}

.show-fine-editor-modal-header {
    position: relative;
}

.show-fine-editor-modal-header .modal-close-btn {
    position: absolute;
    right: 15px;
    top: 15px;
}

.editor-details-switch-tab {
    padding: 0px !important;
    border-bottom: 0px solid #ebebeb !important;
    width: 100%;
    display: flex;
    flex-wrap: nowrap !important;
}

.editor-details-button-global,
.editor-details-button-global.active {
    position: relative;
}

.editor-details-button-global.active::after {
    content: "";
    display: block;
    height: 3px;
    background-color: #0078d4;
    /* border-radius: 3px 3px 0px 0px; */
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    transition: 0.3s all ease;
}

.editor-details-button-global::after {
    content: "";
    display: block;
    height: 3px;
    background-color: transparent;
    /* border-radius: 3px 3px 0px 0px; */
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    transition: 0.3s all ease;
}

.editor-details-switch-btn.active:hover {
    color: #000000;
}

.editor-details-button-global:hover .editor-details-switch-btn {
    font-weight: 500 !important;
    color: #3c4043 !important;
}

.editor-details-button-global:hover {
    background: #e8f0fe;
}

.editor-details-button-global {
    margin-right: 0px;
    transition: 0.3s all ease;
    cursor: pointer;
    background: transparent;
    margin-bottom: 0px !important;
    padding: 10px 3px 12px 3px;
    margin: 0px 15px 0px 0px;
}

.editor-details-button-global:last-child {
    margin-right: 0px;
}

.editor-details-switch-btn {
    border: none !important;
    background: transparent;
    
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    padding: 0rem !important;
    color: #3c4043 !important;
    text-align: center;
    transition: 0.3s all ease;
}

.editor-details-button-global.active .editor-details-switch-btn {
    font-weight: 500 !important;
    color: #3c4043 !important;
    border: none !important;
}

.editor-details-switch-btn.active {
    position: relative;
}

.editor-profile-details-tab-container {
    border-bottom: 1px solid #e9e9e9;
    padding: 0px 28px;
}

.info-tab-container {
    padding: 16.5px 24px 16.5px 28px;
    margin: 6px 4px 6px 0px;
    height: 409px;
    overflow: hidden;
    overflow-y: auto;
    transition: 0.3s height ease-in-out;
}

.services-rates-tab-container {
    padding: 16.5px 24px 28px 28px;
    margin: 6px 4px 6px 0px;
    height: 648px;
    overflow: hidden;
    overflow-y: auto;
    transition: 0.3s height ease-in-out;
}

.tab-service-rates-title,
.tab-info-title {
    
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 1.5;
    color: #3c4043;
    margin-bottom: 0px;
}

ul.info-tab-list {
    padding-left: 0px;
    margin-bottom: 0px;
    list-style-type: none;
    margin-top: 35px;
}

.info-list-icon-label img {
    margin-right: 10px;
}

.info-list-icon-label span {
    
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.5;
    color: #707070;
}

ul.info-tab-list .info-list-inner-row {
    display: flex;
    align-items: center;
}

ul.info-tab-list li:not(:last-child) {
    margin-bottom: 40px;
}

ul.info-tab-list .info-list-inner-row .info-list-icon-label {
    width: 100%;
    max-width: 25%;
}

ul.info-tab-list .info-list-inner-row .info-list-details {
    width: 100%;
    max-width: 75%;
}

ul.info-tab-list .info-list-inner-row .info-list-details span {
    
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    color: #3c4043;
}

ul.service-tab-list {
    padding-left: 0px;
    margin-bottom: 0px;
    list-style-type: none;
    margin-top: 15px;
}

.service-list-label,
.service-list-icon-label span {
    
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.5;
    color: #707070;
}

.rates-col {
    padding-bottom: 25px;
    border-bottom: 1px solid #ebecee;
}

ul.service-tab-list .service-list-inner-row {
    display: flex;
}

ul.service-tab-list li {
    margin-bottom: 35px;
}

ul.service-tab-list .service-list-inner-row .service-list-icon-label {
    width: 100%;
    max-width: 20%;
}

ul.service-tab-list .service-list-inner-row .service-list-details {
    width: 100%;
    max-width: 80%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

ul.service-tab-list .service-list-inner-row .service-list-details span {
    
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    color: #3c4043;
    padding: 3px 6.5px;
    background-color: #eeeeee;
    border-radius: 2px;
}

ul.service-tab-list .service-list-inner-row .rates-list-details span {
    
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    color: #3c4043;
}

.new-space-add {
    padding-top: 22.5px;
}

.rates-border-remove {
    border-bottom: 0px !important;
}

.service-details-language-pair {
    border: 1px solid #ebecee;
    border-radius: 6px;
    padding: 21px 25px;
}

.service-details-lang-tar {
    display: flex;
    align-items: center;
}

.service-details-lang-tar span {
    
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    font-size: 12px;
    color: #0078d4;
    background-color: #e8f0fe;
    border-radius: 2px;
    padding: 2px 5.5px;
}

ul.service-list-details-row {
    display: flex;
    align-items: center;
    list-style-type: none;
    padding-left: 0px;
    margin-bottom: 0px;
    border-bottom: 1px solid #ebecee;
    margin-top: 11px;
}

ul.service-list-details-row:last-child {
    border-bottom: 0px solid #ebecee;
}

ul.service-list-table-header-cont {
    display: flex;
    align-items: center;
    list-style-type: none;
    padding-left: 0px;
    margin-bottom: 0px;
    margin-top: 24px;
}

.service-list-table-header {
    
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    font-size: 12px;
    color: #707070;
}

ul.service-list-details-row li.service-list-details-col:first-child,
ul.service-list-table-header-cont li.service-list-table-header:first-child {
    width: 100%;
    max-width: 40%;
}

ul.service-list-details-row li.service-list-details-col:nth-child(2),
ul.service-list-table-header-cont li.service-list-table-header:nth-child(2) {
    width: 100%;
    max-width: 25%;
}

ul.service-list-details-row li.service-list-details-col:nth-child(3),
ul.service-list-table-header-cont li.service-list-table-header:nth-child(3) {
    width: 100%;
    max-width: 25%;
}

ul.service-list-details-row li.service-list-details-col:last-child,
ul.service-list-table-header-cont li.service-list-table-header:last-child {
    width: 100%;
    max-width: 10%;
}

li.service-list-details-col {
    
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    font-size: 14px;
    color: #3c4043;
}

ul.service-list-details-row li.service-list-details-col:first-child {
    padding: 10px 5px 10px 0px;
}

ul.service-list-details-row li.service-list-details-col:nth-child(2) {
    padding: 10px 5px 10px 0px;
}

ul.service-list-details-row li.service-list-details-col:nth-child(3) {
    padding: 10px 5px 10px 0px;
}

ul.service-list-details-row li.service-list-details-col:last-child {
    padding: 10px 5px 10px 0px;
}

.chat-notification-header {
    padding: 18px 21px;
    border-bottom: 1px solid #ecedf0;
}

.chat-notification-header p {
    
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    font-size: 18px;
    color: #202124;
    margin-bottom: 0px;
}

.chat-members-list {
    margin: 6px 6px 6px 0px;
    padding: 10px 11px 10px 17px;
    height: auto;
    max-height: 440px;
    overflow: hidden;
    overflow-y: auto;
}

ul.chat-members-list-inner {
    padding-left: 0px;
    margin-bottom: 0px;
    list-style-type: none;
}

ul.chat-members-list-inner a:hover {
    text-decoration: none;
}

ul.chat-members-list-inner li:hover {
    background-color: #f3f3f3;
    transition: 0.3s all ease;
}

ul.chat-members-list-inner li {
    padding: 6px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: 0.3s all ease;
    margin-bottom: 12px;
    cursor: pointer;
}

ul.chat-members-list-inner li:last-child {
    margin-bottom: 0px;
}

.chat-memb-profile-name-cont {
    display: flex;
    align-items: center;
}

.chat-memb-profile-name-cont img {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}

.chat-memb-profile-name-cont .no-profile-notification-pic {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background-color: #0074d3;
    color: #ffffff;
    
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.chat-memb-name-msg {
    padding-left: 15px;
    display: flex;
    flex-direction: column;
}

.chat-memb-name-msg .name {
    
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    font-size: 14px;
    color: #3c4043;
}

.chat-memb-name-msg .recent-msg {
    
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    font-size: 12px;
    color: #585858;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    width: auto;
    max-width: 160px;
}

.chat-time-msg-count {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.chat-time-msg-count .time {
    
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    font-size: 12px;
    color: #585858;
}

.chat-time-msg-count .badge {
    width: auto;
    min-width: 16px;
    max-width: 40px;
    height: auto;
    min-height: 16px;
    max-height: 40px;
    padding: 2px 5px 1px 5px;
    background-color: #e41e3f;
    display: flex;
    justify-content: center;
    align-items: center;
    
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    color: #ffffff;
    border-radius: 100px;
    margin-top: 3px;
}

.chat-globe-link {
    border-top: 2px solid #ecedf0;
    width: 100%;
    display: flex;
}

.chat-globe-link a {
    
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    font-size: 14px;
    color: #0078d4;
    width: 100%;
    text-align: center;
    padding: 17px 20px;
    color: #0078d4;
    background-color: transparent;
    transition: 0.3s all ease;
    text-decoration: none;
    border-radius: 0px 0px 4px 4px;
}

.chat-globe-link a:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #0078d4;
    border-radius: 0px 0px 4px 4px;
    transition: 0.3s all ease;
}

.Content-type-select__multi-value__label,
.Subject-matters__multi-value__label {
    line-height: 1.25;
}

.Subject-matters__multi-value__remove:hover,
.Content-type-select__multi-value__remove:hover {
    background-color: #0078d4 !important;
}

.Subject-matters__multi-value__remove:hover svg,
.Content-type-select__multi-value__remove:hover svg {
    fill: #ffffff !important;
}

.find-editor-pair-lang {
    display: flex;
    align-items: center;
    padding-left: 19px;
}

.find-editor-pair-lang span {
    background-color: #0078d4;
    color: #ffffff;
}

.find-editor-pair-lang span {
    
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    font-size: 12px;
    color: #0078d4;
    background-color: #e8f0fe;
    border-radius: 2px;
    padding: 2px 12px;
}

.main-no-editors-found {
    height: 600px;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.main-no-editors-found img.main-not-found-img {
    width: 470px;
    height: 390px;
}

.main-no-editors-found .not-found-txt {
    
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    font-size: 16px;
    color: #3c4043;
    margin-bottom: 0px;
    margin-top: 24px;
}

.main-no-editors-found .not-found-txt-2 {
    
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    font-size: 16px;
    color: #3c4043;
    margin-bottom: 0px;
}

.main-no-editors-found h2 {
    
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    font-size: 24px;
    color: #3c4043;
    margin-bottom: 0px;
    margin-top: 45px;
}

.filter-applied-details .clr-all-link {
    
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    border-bottom: 1px dashed #0078d4;
    color: #0078d4;
    margin-bottom: 0px;
    cursor: pointer;
}

.filter-applied-details {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.applied-filter-heading {
    
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    font-size: 14px;
    color: #9b9b9b;
    margin-bottom: 0px;
}

ul.applied-filter-list {
    list-style-type: none;
    padding-left: 0px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0px 16px;
    margin-bottom: 0px;
}

ul.applied-filter-list li {
    background-color: #e8e8e8;
    border-radius: 2px;
    padding: 4px 5.5px;
    
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    font-size: 14px;
    color: #3c4043;
}

.no-profile-pic {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #0074d3;
    color: #ffffff;
    
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.selected-project-file-edit {
    margin-left: 0.5rem;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border-radius: 50%;
    transition: 0.4s all ease;
    cursor: pointer;
}

.selected-project-file-edit img {
    width: 18px;
    height: 18px;
}

.file-assigned-member-lists .selected-proj-assigned-member-wrapper .selected-project-assigned-member {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
    background-color: #0078d4;
    
    font-weight: 500;
    font-style: normal;
    font-size: 10px;
    line-height: 1.5;
    color: #ffffff;
    border: 2px solid #fff;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.file-assigned-member-lists .selected-proj-assigned-member-wrapper:hover{
    position: relative;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    border: 2px solid #0078d4;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.file-assigned-member-lists .selected-proj-assigned-member-wrapper{
    width: 32px;
    height: 32px;
    background-color: transparent;
    border-radius: 50%;
    border: 2px solid transparent;
    transition: 0.2s all ease;
}


.selected-project-file-edit:hover {
    background-color: #e9eaea;
}

.assign-manage-no-project-found p {
    
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 1.5;
    color: #3c4043;
    margin-bottom: 0px;
}

.assigned-member-info {
    display: flex;
    align-items: center;
}

.assigned-member-info span {
    
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    line-height: 1.5;
    color: #ffffff;
    padding: 0px 2px;
}

/* .assigned-member-info span:first-child::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin: 0px 0px 0px 3px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #ffffff;
} */

.assign-manange-disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

.pe-none {
    pointer-events: none;
}

.disbaled-with-opacity{
    opacity: 0.3;
    pointer-events: none;
}

.no-chat-available-container {
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.no-chat-available-container h3 {
    
    font-weight: 500;
    font-style: normal;
    font-size: 20px;
    line-height: 1.5;
    color: #3c4043;
    margin-bottom: 0px;
    margin-top: 20px;
}

.no-chat-available-container p {
    
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 1.5;
    color: #616161;
    margin-bottom: 0px;
}

.assigned-memb-row {
    margin: 20px 22px 10px 22px;
    display: flex;
    align-items: center;
    
    font-weight: bold;
    font-style: normal;
    font-size: 14px;
    line-height: 1.5;
    color: #3c4043;
}

.assignedto-cont {
    display: flex;
    align-items: center;
    padding: 5px 10px;
    border-radius: 3px;
    background-color: #f7f7f7;
    width: fit-content;
    margin-left: 10px;
}

.assignedto-cont img {
    width: 25px;
    height: 25px;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
}

.assigned-memb-row span.name {
    
    font-weight: 500;
    font-style: normal;
    font-size: 14px;
    line-height: 1.5;
    color: #3c4043;
    padding-left: 8px;
}

.avatar-initial-2 {
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    font-size: 13px;
    color: #ffffff;
    text-transform: uppercase;
    border-radius: 50%;
    background: #0078d4;
}

.project-list-label-row {
    display: flex;
    align-items: center;
}

.glossary-search-inner-row .project-list-search-box{
    background-color: #F1F3F4;
    height: 48px;
    width: 100%;
    min-width: auto;
}

.search-bar-row{
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    height: 100%;
}

/* .glossary-search-inner-row .project-list-search-box.show{
    height: calc(calc(70px / 2) * 4);
    transition: height 399ms cubic-bezier(0.27, 0.7, 0, 0.99);
} */

.search-results-bar.show.search-suggestion-box-small,
.glossary-search-inner-row .project-list-search-box-small{
    max-width: 575px !important;
}

.glossary-search-inner-row .project-list-search-box input{
    width: 100%;
}

.glossary-search-wrapper{
    position: relative;
    flex-grow: 1;
    margin-right: 114px;
}

.search-results-bar{
    width: 100%;
    overflow: hidden;
    background-color: #ffffff;
    border-radius: 0px 0px 4px 4px;
    position: absolute;
    z-index: 10;
}

.glossary-proj-list{
    width: 375px !important;
    min-width: 375px;
}

.search-results-item{
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 8px 12px;
    cursor: pointer;
    transition: 0.3s all ease;
}

.search-results-item:hover{
    background-color: #e7eaec87;
    transition: 0.3s all ease;
}

.searched-results-info{
    display: flex;
    flex-direction: column;
}

.searched-results-info p.searched-term{
    
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    font-size: 14px;
    color: #3C4043;
    margin-bottom: 0px;
}

.searched-results-info p.results-link{
    
    font-style: normal;
    font-weight: normal;
    line-height: 1.5;
    font-size: 12px;
    color: #3C4043;
    margin-bottom: 0px;
}

.searched-results-info p.results-link span{
    
    font-style: normal;
    font-weight: bold;
    line-height: 1.5;
    font-size: 12px;
    color: #3C4043;
    margin-bottom: 0px;
}

.search-results-bar .search-icon{
    font-size: 21px;
    color: #0074D3;
}

.search-results-bar.hide{
    height: 0px;
    transition: height 359ms cubic-bezier(0.27, 0.7, 0, 0.99);
}

.pdf-convert-header-wrapper .search-results-bar.glossary-proj-list.show{
    top: 68px !important;
}

.docs-list .pdf-convert-header-wrapper .search-results-bar.glossary-proj-list.show{
    top: 36px !important;
}

.search-results-bar.glossary-proj-list.show{
    top: 66px !important;
}

.open-doc-title-container .search-results-bar.glossary-proj-list.show{
    top: 37px !important;
    z-index: 11;
}

.project-list-search-bar.search-results-bar.show,
.seach-wrapper-wrap .search-results-bar.show{
    top: 35px;
}

.search-results-bar.show{
    height: auto;
    padding: 10px 0px 12px 0px;
    top: 45px;
    border-top: 1px solid #DBDBDB;
    box-shadow: 0 1px 1px 0 rgb(65 69 73 / 30%), 0 1px 3px 1px rgb(65 69 73 / 15%);
    transition: height 399ms cubic-bezier(0.27, 0.7, 0, 0.99);
}

.project-list-search-box {
    background-color: #e9ebee;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 8px;
    width: 375px;
    height: 40px;
    max-width: 100%;
    min-width: 375px;
    padding: 7.5px 10.5px;
}

.project-list-search-box.active{
    background-color: #ffffff;
    box-shadow: 0 1px 1px 0 rgb(65 69 73 / 30%), 0 1px 3px 1px rgb(65 69 73 / 15%);
}

.project-list-search-box .img-box {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.project-list-search-box input {
    border: 0px;
    width: 320px;
    
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    color: #3C4043;
    background-color: transparent;
}

.project-list-search-box input::placeholder {
    
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.2;
    color: #747474;
}

.project-list-search-box span.close {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background-color: transparent !important;
    transition: 0.4s all ease;
    cursor: pointer;
    padding: 0px !important;
    opacity: 0;
    visibility: hidden;
}


.project-list-search-box span.close.show{
    opacity: 1;
    visibility: visible;
}

.invitation-page-cont {
    height: 100vh;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.invitation-box-cont {
    margin: 65px auto 0 auto;
    width: 80%;
    flex-grow: 1;
    background: #ffffff;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.invite-content-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
}

.ailaysa-logo {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.transeditor-footer {
    
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    color: #b1b1b1;
    height: 80px;
    margin: 0 auto;
    width: 80%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.invitation-page-cont .alert-msg {
    
    font-style: normal;
    font-weight: 500;
    font-size: 25px;
    line-height: 1.5;
    color: #3c4043;
}

.alert-sub-msg {
    
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: #3c4043;
}

.back-to-trans-btn {
    padding: 14px 38px;
    
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4;
    color: #ffffff;
    background: #0078d4;
    border-radius: 3px;
    border: none;
    display: flex;
    align-items: center;
    transition: 0.4s all ease;
}

.back-to-trans-btn:hover {
    color: #ffffff;
    text-decoration: none;
}

.img-swap-active-anim {
    animation: slide-up-fade-in ease 1s;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
    animation-fill-mode: forwards; /*when the spec is finished*/
    -webkit-animation: slide-up-fade-in ease 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-fill-mode: forwards; /*Chrome 16+, Safari 4+*/
    -moz-animation: slide-up-fade-in ease 1s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -moz-animation-fill-mode: forwards; /*FF 5+*/
    -o-animation: slide-up-fade-in ease 1s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -o-animation-fill-mode: forwards; /*Not implemented yet*/
    -ms-animation: slide-up-fade-in ease 1s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%;
    -ms-animation-fill-mode: forwards; /*IE 10+*/
    opacity: 0;
    opacity: 1\9;
}

@keyframes slide-up-fade-in {
    0% {
        opacity: 0;
        transform: translate(0px, 10px);
    }
    100% {
        opacity: 1;
        transform: translate(0px, 0px);
    }
}

@-moz-keyframes slide-up-fade-in {
    0% {
        opacity: 0;
        -moz-transform: translate(0px, 10px);
    }
    100% {
        opacity: 1;
        -moz-transform: translate(0px, 0px);
    }
}

@-webkit-keyframes slide-up-fade-in {
    0% {
        opacity: 0;
        -webkit-transform: translate(0px, 10px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(0px, 0px);
    }
}

@-o-keyframes slide-up-fade-in {
    0% {
        opacity: 0;
        -o-transform: translate(0px, 10px);
    }
    100% {
        opacity: 1;
        -o-transform: translate(0px, 0px);
    }
}

@-ms-keyframes slide-up-fade-in {
    0% {
        opacity: 0;
        -ms-transform: translate(0px, 10px);
    }
    100% {
        opacity: 1;
        -ms-transform: translate(0px, 0px);
    }
}

.login-heading-part img.icons-img {
    margin-bottom: 2rem;
}

.login-heading-part h1 {
    
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 38px;
    color: #161c2d;
}

.login-heading-part p {
    
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.8;
    color: #161c2d;
    margin-bottom: 2rem;
}

.assign-manage-close-btn {
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: transparent;
    transition: 0.4s all ease;
    position: absolute;
    right: 12px;
    top: 12px;
}

.assign-manage-close-btn:hover {
    background: #e9eaea;
    cursor: pointer;
}

.assign-manage-tabs {
    border-bottom: 0px !important;
}

.assign-manage-tab-item a,
.assign-manage-tab-item {
    border: 0px !important;
}

.assign-manage-tab-item a,
.assign-manage-tab-item a.active {
    border-color: transparent !important;
}

.assign-manage-tab-item a.active {
    background-color: #e8f0fe !important;
    border-radius: 4px 4px 0px 0px;
    border-bottom: 3px solid #0074d3 !important;
    font-weight: 500;
    color: #0074d3 !important;
    transition: 0.4s all ease;
}

.assign-manage-tab-item a:hover {
    font-weight: 500;
    color: #0074d3 !important;
    transition: 0.4s all ease;
}

.assign-manage-tab-item:not(:last-child) {
    margin-right: 8px;
}

.assign-manage-tab-item a {
    padding: 12px 15px !important;
    
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 1.5;
    color: #3c4043 !important;
    border-bottom: 3px solid transparent !important;
    cursor: pointer;
    transition: 0.4s all ease;
}

.additional-files-box,
.instruct-box {
    padding: 22px 0px;
    height: auto;
    max-height: 250px;
    min-height: 250px;
    overflow: hidden;
    overflow-y: auto;
}

.no-additional-files-box {
    padding: 22px 0px;
    height: auto;
    max-height: 250px;
    min-height: 250px;
    overflow: hidden;
    overflow-y: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.no-additional-files-box p {
    
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4;
    color: #9b9b9b;
}

.instruct-box p {
    
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 1.5;
    color: #3c4043;
}

.additional-files-box ul {
    list-style-type: none;
    padding-left: 0px;
}

.additional-files-box ul li:not(:last-child) {
    margin-bottom: 16px;
}

.additional-files-box ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 8px;
    border-bottom: 1px solid #ebecee;
    transition: 0.4s all ease;
}

.additional-files-box ul li .file-wrap {
    display: flex;
    align-items: center;
}

/* .additional-files-box ul li:hover{
  box-shadow: 0px 3px 6px #0000001a;
  position: relative;
} */

.file-download-img {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border-radius: 50%;
    transition: 0.4s all ease;
    cursor: pointer;
}

.file-download-img:hover {
    background-color: #e9eaea;
}

/* .additional-files-box ul li:not(:last-child){
  border-bottom: 1px solid #EBECEE;
} */

.additional-files-box ul li .doc-img {
    padding-right: 8px;
}

.additional-files-box ul li .files {
    
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 1.5;
    color: #3c4043;
    display: flex;
    align-items: center;
}

.additional-files-box ul li .files .name {
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    width: auto;
    max-width: 160px;
}

.thumps-up {
    width: 750px;
    height: 350px;
}

.link-preview-container {
    width: 100%;
    flex-direction: row !important;
    margin-bottom: 1rem;
}

.link-preview-container:last-child {
    margin-bottom: 0px;
}

.link-preview-container .Image {
    width: 20% !important;
    height: auto !important;
    border-top-right-radius: 0px !important;
    border-bottom-left-radius: 7px !important;
}

.link-preview-container .LowerContainer {
    width: 80% !important;
}

.LowerContainer .Title {
    font-size: 20px;
}

/* Github section */
.assign-tab-row,
.fileupload-tab-row {
    gap: 8px;
    margin-top: 15px;
    border-bottom: 0px !important;
}

.assign-tab-row .assign-tab-list .assign-tab-link,
.fileupload-tab-row .fileupload-tab-list .fileupload-tab-link {
    
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.2;
    color: #3c4043 !important;
    padding: 9px 15px;
    border-radius: 3px !important;
    background-color: transparent;
    border: 0px solid transparent;
    cursor: pointer;
    transition: 0.4s background-color ease-in-out, 0.4s color ease-in-out, 0.4s font-weight ease-in-out;
}

.assign-tab-row .assign-tab-list .assign-tab-link {
    font-weight: 500 !important;
    border: 1px solid transparent !important;
}

.assign-tab-row .assign-tab-list:first-child .assign-tab-link,
.fileupload-tab-row .fileupload-tab-list:first-child .fileupload-tab-link {
    padding: 9px 20px;
}

.assign-tab-row .assign-tab-list.active .assign-tab-link,
.assign-tab-row .assign-tab-list .assign-tab-link:hover,
.fileupload-tab-row .fileupload-tab-list.active .fileupload-tab-link,
.fileupload-tab-row .fileupload-tab-list .fileupload-tab-link:hover {
    color: #0078d4 !important;
    background-color: #e8f0fe;
    font-weight: 500;
}

.assign-tab-row .assign-tab-list.active .assign-tab-link,
.assign-tab-row .assign-tab-list .assign-tab-link:hover {
    color: #0078d4 !important;
    border: 1px solid #0078d4 !important;
    background-color: #e8f0fe;
}

.fileupload-tab-link-align {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.fileupload-tab-link-align .fileupload-version-contrl-icon {
    border: 1px solid #dce1e5;
    border-radius: 6px;
    padding: 13px 16px;
    background-color: transparent;
    box-shadow: 0px 3px 6px transparent;
    -webkit-box-shadow: 0px 3px 6px transparent;
    -moz-box-shadow: 0px 3px 6px transparent;
    transition: 0.4s all ease;
    cursor: pointer;
}

.fileupload-tab-link-align .fileupload-version-contrl-icon:hover {
    box-shadow: 0px 3px 6px #00000029;
    -webkit-box-shadow: 0px 3px 6px #00000029;
    -moz-box-shadow: 0px 3px 6px #00000029;
    background-color: #ffffff;
    border: 1px solid transparent;
    transition: 0.4s all ease;
}

.fileupload-tab-link-align .fileupload-version-contrl-icon img {
    width: 109px;
    height: 31px;
}

.version-control-modal-wrapper {
    background: #ffffff;
    box-shadow: 0px 3px 14px #00000038;
    -webkit-box-shadow: 0px 3px 14px #00000038;
    -moz-box-shadow: 0px 3px 14px #00000038;
    border-radius: 10px;
    padding: 40px 30px 50px 30px;
}

.version-control-step-process-wrapper .version-control-icon {
    margin-top: 15px;
    text-align: center;
}

.version-form-group-wrapper {
    margin-top: 40px;
    margin-bottom: 35px;
}

.version-form-group:not(:first-child) {
    margin-top: 20px;
}

.version-form-group label {
    
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.2;
    color: #3c4043;
    margin-bottom: 10px;
}

.version-form-group .version-control-input {
    display: block;
    border-radius: 3px;
    width: 100%;
    height: calc(11px + 12px + 13px);
    padding: 5px 8px;
    border: 1px solid #ced4da;
    
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 1.4;
    color: #3c4043;
    transition: 0.2s border ease-in-out;
}

.version-form-group .version-control-input:focus {
    border: 2px solid #0078d4;
    height: calc(11px + 12px + 13px);
    border-radius: 3px;
    outline: 0;
    box-shadow: none;
}

.version-ctrl-select-placeholder-text,
.version-form-group .version-control-input::placeholder {
    
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 1.4;
    color: #74788d;
}

.version-ctrl-btn-txt {
    
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 1.4;
    color: #3c4043;
    padding: 10px 19px;
}

.prev-btn {
    
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    padding: 9px 17px;
}

.prev-icon-align {
    font-size: 10px;
    padding-right: 7px;
}

.version-ctrl-btn-txt-1 {
    
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 1.4;
    color: #ffffff;
    padding: 10px 17px;
}

.glossary-save-btn-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
}

.version-ctrl-btn-txt-2 {
    
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 1.4;
    color: #3c4043;
    padding: 10px 17px;
}

.version-control-btn-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

ul.version-form-file-header-list-row {
    padding-left: 0px;
    margin-bottom: 0px;
    padding: 0px 5px;
}

.version-form-file-list-row {
    width: 100%;
    height: auto;
    -moz-height: fit-content;
    max-height: 300px;
    overflow-y: auto;
    padding: 0px 5px 10px 5px;
}

.version-form-file-list-row > div,
ul.version-form-file-header-list-row li.version-form-file-list-header {
    display: flex;
    align-items: center;
}
ul.version-form-file-header-list-row li.version-form-file-list-header,
.version-form-file-list-row > div {
    border-bottom: 1px solid #ebecee;
}

.version-form-file-list-row > div:last-child {
    border-bottom: 0px solid #ebecee;
}

ul.version-form-file-header-list-row li.version-form-file-list-header {
    padding-right: 14px;
    padding-bottom: 10px;
}

ul.version-form-file-header-list-row li.version-form-file-list-header span {
    
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    color: #3c4043;
    width: 50%;
    max-width: 100%;
}

.version-form-file-list-row > div .version-control-file-list-col:last-child,
ul.version-form-file-header-list-row li.version-form-file-list-header span:last-child {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.version-form-file-list-row > div {
    padding: 5px 14px 5px 4px;
    transition: 0.4s all ease;
}

.version-form-file-list-row > div .version-control-file-list-col:first-child {
    width: 6%;
    max-width: 100%;
}

.version-form-file-list-row > div .version-control-file-list-col:nth-child(2) {
    width: 47%;
    max-width: 100%;
}

.version-form-file-list-row > div .version-control-file-list-col:last-child {
    width: 47%;
    max-width: 100%;
}

.version-form-file-list-row > div .version-control-file-list-col span.file-size,
.version-form-file-list-row > div .version-control-file-list-col span.file {
    
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.5;
    color: #3c4043;
    padding-left: 5px;
}

.version-form-file-list-row > div:hover {
    box-shadow: 0px 3px 6px #0000001a;
    transition: 0.4s all ease;
    cursor: pointer;
    position: relative;
}

.version-form-file-list-row > div:hover .cell-box {
    background-color: #ebebeb;
}

.version-ctrl-token-list-wrapper:hover::-webkit-scrollbar-thumb,
.version-form-file-list-row:hover::-webkit-scrollbar-thumb {
    opacity: 1;
    visibility: visible;
    transition: 0.4s all ease;
}

.version-ctrl-token-list-wrapper::-webkit-scrollbar-track,
.version-form-file-list-row::-webkit-scrollbar-track {
    border-radius: 30px;
    background-color: transparent;
    transition: 0.4s all ease;
}

.version-ctrl-token-list-wrapper::-webkit-scrollbar,
.version-form-file-list-row::-webkit-scrollbar {
    width: 4px;
    background-color: transparent;
    transition: 0.4s all ease;
}

.version-ctrl-token-list-wrapper::-webkit-scrollbar-thumb,
.version-form-file-list-row::-webkit-scrollbar-thumb {
    opacity: 0;
    visibility: hidden;
    border-radius: 30px;
    background-color: #c3c4c6;
    transition: 0.4s all ease;
}

.version-ctrl-selected-mem {
    padding: 11px;
    background-color: #f1f1f1;
    border-radius: 3px;
    height: 36px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    transition: 0.4s all ease;
}

.version-ctrl-selected-mem span {
    
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    color: #3c4043;
}

.version-ctrl-token-list-wrapper {
    margin-top: 30px;
    border-top: 1px solid #dadce0;
    height: fit-content;
    -moz-height: fit-content;
    max-height: 290px;
    overflow-y: auto;
}

ul.version-ctrl-token-list {
    padding-left: 0px;
    margin-bottom: 0px;
    list-style-type: none;
    margin-top: 10px;
}

ul.version-ctrl-token-list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 15px 5px 12px;
    margin: 0px 0px 10px 0px;
    border-radius: 3px;
    background-color: transparent;
    transition: 0.4s all ease;
}

ul.version-ctrl-token-list li .text {
    
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    color: #3c4043;
}

ul.version-ctrl-token-list li:hover {
    background-color: #e8f0fe;
    transition: 0.4s all ease;
}

ul.version-ctrl-token-list li:last-child {
    margin: 10px 0px 0px 0px;
}

ul.version-ctrl-token-list li .action-wrapper .list-close-btn {
    height: 32px;
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: transparent;
    transition: 0.4s all ease;
}

ul.version-ctrl-token-list li:hover .action-wrapper .list-close-btn {
    background: #dce6f5;
}

ul.version-ctrl-token-list li .action-wrapper .list-close-btn:hover {
    background: #dce6f5;
    cursor: pointer;
    transition: 0.4s all ease;
}

ul.version-ctrl-token-list li .action-wrapper {
    display: flex;
    align-items: center;
    gap: 6px;
}

.version-form-grp-align {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 6px;
}

.version-form-select-wrapper {
    width: 100%;
}

.refresh-btn {
    width: 36px;
    height: 36px;
    border: 1px solid #dadce0;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    transition: 0.4s border ease;
}

.refresh-btn:hover {
    border: 1px solid #0078d4;
    transition: 0.4s border ease;
}

.refresh-btn:hover img {
    filter: invert(31%) sepia(79%) saturate(3732%) hue-rotate(189deg) brightness(94%) contrast(105%);
    transition: 0.4s filter ease-in-out;
}

/* .tab-fixed-height .dictionary-section,
.tab-fixed-height .comments-container,
.tab-fixed-height .tm-tb-main-row,
.tab-fixed-height{
  height: 27vh;
} */

/* Github section */

/* Product tour */

.transeditor-tour-wrapper {
    border-radius: 5px;
    background-color: #1a73e8;
    padding: 22px 20px;
    width: auto;
    min-width: 273px;
    max-width: 100%;
}

.transeditor-inner-tour-wrapper {
    display: flex;
    align-items: baseline;
    flex-direction: column;
    justify-content: space-between;
}

.transeditor-inner-tour-wrapper h2 {
    
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    color: #ffffff;
    margin-bottom: 1rem;
}

.transeditor-tour-button-align {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.transeditor-tour-button-align .transeditor-tour-btn {
    padding: 8px 25px;
    background: #ffffff;
    border-radius: 4px;
    
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    color: #1a73e8;
}

.__floater__arrow svg polygon {
    fill: #1a73e8;
}

.tour-list-out {
    border-radius: 5px;
    padding: 6px 10px;
    background-color: #488fed;
    
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    line-height: 1.2;
    letter-spacing: 2.5px;
    color: #ffffff;
}

/* Product tour */

.segment-checkbox {
    display: flex;
    align-items: center;
    padding: 15px 20px 15px 15px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s all ease;
}

.segment-checkbox-show-all{
    opacity: 1;
    visibility: visible;
}

.browser-not-support-wrap{
    height: 100%;
    width: 100%;
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 30px;
}

.browser-not-support-wrap p{
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 1.5;
    color: #3c4043;
}

.browser-not-support-wrap .speech-recognition-off{
    font-size: 60px;
    color: #0074d3;
}

.segment-checkbox input[type="checkbox"] {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.segment-checkbox label.segment-checkbox-label {
    position: relative;
}

.segment-checkbox label.segment-checkbox-label:before {
    content: "";
    -webkit-appearance: none;
    background-color: transparent;
    width: 18px;
    height: 18px;
    border: 2px solid #5f6368;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    display: inline-block;
    position: relative;
    top: -1px;
    vertical-align: middle;
    cursor: pointer;
}

.segment-checkbox input[type="checkbox"]:checked + label.segment-checkbox-label:before {
    background: #1a73e8;
    border: 2px solid #1a73e8;
}

.segment-checkbox input[type="checkbox"]:checked + label.segment-checkbox-label:after {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 6px;
    width: 6px;
    height: 10px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

ul#workspace li .segment-checkbox.selected-box,
ul#workspace li .focused-row .segment-checkbox,
ul#workspace li:hover .segment-checkbox {
    opacity: 1;
    visibility: visible;
    transition: 0.4s all ease;
}

.select-project-type-wrapper {
    padding: 53px 0px;
}

.select-project-type-wrapper .title {
    
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.5;
    color: #3c4043;
    text-align: center;
}

.select-project-row {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 32px;
    padding-top: 75px;
}

.select-project-col {
    padding: 35px;
    width: 350px;
    height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    transition: 0.3s box-shadow ease-in;
}

.select-project-col:hover {
    box-shadow: 0px 6px 10px #0000001a;
    transition: 0.3s box-shadow ease-in;
    cursor: pointer;
}

.select-project-col img {
    padding-bottom: 43px;
}

.select-project-col h2.title {
    
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.5;
    color: #3c4043;
}

.select-project-col p.description {
    
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.6;
    color: #9b9b9b;
}

.steps-select__value-container .steps-select__multi-value:first-child .steps-select__multi-value__remove {
    display: none;
}

.project-setup-advanced-wrapper {
    width: 100%;
    display: flex;
    gap: 24px;
    padding-top: 8px;
    margin-bottom: 20px;
}

.project-setup-advanced-col {
    width: 100%;
}

.collapse-proj-setup {
    background-color: #ffffff;
    /* border: 2px solid #0078D4; */
    border-radius: 4px;
}

.collapse-proj-setup-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border-bottom: 1px solid #D9DBDF;
    padding-bottom: 15px;
    margin-top: 0px;
}

.collapse-proj-setup-header .upward {
    transform: rotateX(180deg);
}

.collapse-proj-setup-header .collapse-header {
    display: flex;
    align-items: center;
}

.collapse-proj-setup-header .collapse-header h3 {
    
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #3c4043;
    margin-bottom: 0px;
    /* padding-left: 12px; */
}

/* .collapsed-body {
    margin: 0px 20px;
} */

/* .collapsed-body-open {
    border-top: 1px solid #dbdbdb;
} */

.collapsed-body .form-wrapper {
    padding: 15px 0px 0px 0px;
}

.add-active {
    color:#0074d3 !important;
}

.collapsed-body .form-wrapper label {
    
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    color: #222222;
    margin-bottom: 13px;
    position: relative;
    top: 1px;
    display: block;
}

.advanced-option-check-wrap{
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: -10px;
}

.advanced-option-check-wrap label{
    
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    color: #161c2d;
    margin-bottom: 0;
    position: relative;
    top: 1px;
    display: block;
}

.collapsed-body .form-wrapper .form-group {
    width: 100%;
    max-width: 100%;
    margin-bottom: 25px;
}

.collapsed-body .form-wrapper .form-group:last-child {
    margin-bottom: 0px;
}

.date-time-wrapper{
    width: 100%;
    margin-bottom: 30px !important;
}

.date-time-wrapper .datetimepicker-box{
    height: 46px;
    padding: 10px 19px 10px 21px;
}

.date-time-wrapper .date-time-pickers,
.collapsed-body .date-time-pickers {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 30px;
}

.date-time-wrapper .date-time-pickers .dt-col,
.collapsed-body .date-time-pickers .dt-col {
    width: 100%;
    max-width: 50%;
}

.date-time-wrapper .date-time-pickers .datetimepicker-box input{
    
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 24px;
    color: #3c4043;
}
.collapsed-body .date-time-pickers .datetimepicker-box input {
    
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 24px;
    color: #3c4043;
}

.date-time-wrapper .date-time-pickers .datetimepicker-box input::placeholder{
    
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 24px;
    color: #9B9FA2;
    text-transform: uppercase;
}
.collapsed-body .date-time-pickers .datetimepicker-box input::placeholder {
    
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 24px;
    color: #9B9FA2;
    text-transform: uppercase;
}

.collapsed-body .date-time-pickers .datetimepicker-box{
    padding: 10px 19px 10px 21px;
}

.expertise-capsule-container {
    display: flex;
    /* flex-wrap: wrap; */
    align-items: center;
    gap: 8px;
    width: 100%;
    justify-content: space-between;
}

.selected-color-wrapper {
    display: flex;
    row-gap: 3px;
    align-items: center;
    flex-wrap: wrap;
}

.lang-select-text-box span {

    font-weight: 400;
    font-size: 15px;
    line-height: 1.6;
    color: #9B9FA2;
    width: fit-content;
}

.selected-color {
    font-size: 13px !important;
    color: #172b4d !important;
    font-weight: 500 !important;
}

.expertise-info-capsule {
    /* display: block; */
    margin-right: 2px;
    background-color: #e4eeff;
    border-radius: 2px;
    padding: 4px 15px;
    /* width: fit-content; */
    /* width: -moz-fit-content; */
}

.steps-select__multi-value{
    height: 25px;
}

.steps-select__multi-value__label {

    font-weight: 400;
    font-size: 12px !important;
    line-height: 1.3;
    color: #5f6368 !important;
    padding-right: 6px !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.steps-select__multi-value__remove:hover {
    background-color: #d5e4fe !important;
}

.steps-select__multi-value__remove:hover svg {
    fill: #0078d4 !important;
}

.step-options-list {
    display: flex;
    align-items: center;
}

.step-options-list-label,
.step-options-list-checkbox {
    margin-bottom: 0px !important;
}

.step-options-list-label {
    padding-left: 0.5rem;
}

/* Back button on project setup */
.custom-dashboard-links {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #0078d4;
    cursor: pointer;
}

.custom-dashboard-links::before {
    content: url(../images/project-setup/chevron_left_blue.svg);
    width: 20px;
    height: 20px;
    position: relative;
    top: 5px;
}

/* Glossary Project Type */

.glossary-setup-wrapper {
    width: 100%;
    margin: 15px auto;
}

.glossary-global-setup-wrapper{
    padding: 32px 45px;
    background: #fff;
    border-radius: 4px;
    transition: ease-in-out 0.3s;
    margin-top: 30px;
    box-shadow: 0px 3px 6px #00000029;
}

.glossary-form-col:nth-child(odd){
    margin-right: 30px;
}

.term-data-setup-wrapper .glossary-row,
.new-glossary-setup-wrapper .glossary-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 16px;
    border-bottom: 1px solid #dbdbdb;
}

.term-data-setup-wrapper .glossary-row span,
.new-glossary-setup-wrapper .glossary-row span {
    
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #3c4043;
    padding-left: 0.3rem;
}

.term-data-setup-wrapper .glossary-row span > span {
    
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #7f7f7f;
    padding-left: 0px;
}

.gloss-glob-wrapper{
    padding: 20px 0px;
}

.glossary-setup-form {
    width: 100%;
    display: flex;
}

.glossary-setup-form label {
    
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    color: #222222;
    margin-bottom: 10px;
}

.audio-option-form{
    display: flex;
    flex-direction: column;
}

.glossary-setup-form label.step-options-list-label {
    
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    color: #3C4043;
    margin-bottom: 0px;
}

.glossary-form-col {
    width: 100%;
    max-width: 50%;
}

.icon-align {
    font-size: 10px;
    padding-left: 10px;
}

.glossary-bottom-btn-align {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0px;
}

.glossary-bottom-btn-align-new {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 20px;
}

.term-data-setup-container {
    padding: 29px 20px 20px 20px;
}

.term-data-setup-container .term-data-title {
    
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #3c4043;
}

.term-data-setup-container .description {
    
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 24px;
    color: #7f7f7f;
}

.term-data-setup-container .description a {
    color: #0078d4;
    text-decoration: underline;
}

.glossary-btn-txt {
    
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 24px;
    color: #3c4043;
}

.glossary-dwn-btn-row {
    display: flex;
    align-items: center;
    gap: 23px;
}

.term-data-lang-pair-wrapper {
    padding-top: 30px;
}

.term-data-list-wrapper ul.term-data-list {
    list-style-type: none;
    padding-left: 0px;
}

.term-data-list-wrapper ul.term-data-list .term-data-list-item .list-row {
    display: flex;
    align-items: center;
    width: 100%;
}

.term-data-list-wrapper ul.term-data-list .term-data-list-item:not(:last-child) {
    margin-bottom: 12px;
}

.term-data-list-wrapper ul.term-data-list .term-data-list-item ul.file-list-row {
    list-style-type: none;
    padding-left: 0px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.term-data-list-wrapper ul.term-data-list .term-data-list-item ul.file-list-row li.file-list-item span.title {
    
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 24px;
    color: #3c4043;
    width: 95%;
}

.term-data-list-wrapper ul.term-data-list .term-data-list-item ul.file-list-row li.file-list-item span.title img {
    padding-right: 7px;
}

.term-data-list-wrapper ul.term-data-list .term-data-list-item ul.file-list-row li.file-list-item span.close-wrapper {
    width: 5%;
}

.term-data-list-wrapper ul.term-data-list .term-data-list-item ul.file-list-row li.file-list-item span.close-wrapper span.close-new {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border-radius: 50%;
    transition: 0.4s all ease;
    margin: 0 0 0 auto;
}

.term-data-list-wrapper ul.term-data-list .term-data-list-item ul.file-list-row li.file-list-item:hover span.close-wrapper span.close-new,
.term-data-list-wrapper ul.term-data-list .term-data-list-item ul.file-list-row li.file-list-item span.close-wrapper span.close-new:hover {
    background-color: #e9eaea;
    transition: 0.4s all ease;
    cursor: pointer;
}

.term-data-list-wrapper ul.term-data-list .term-data-list-item ul.file-list-row li.file-list-item {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 3px 3px 3px 11px;
    border-bottom: 1px solid #ebecee;
    transition: 0.4s all ease;
}

.term-data-list-wrapper ul.term-data-list .term-data-list-item ul.file-list-row li.file-list-item:hover {
    box-shadow: 0px 3px 6px #0000001a;
    transition: 0.4s all ease;
    cursor: pointer;
}

.term-data-list-wrapper ul.term-data-list .term-data-list-item .list-row .term-data-lang-pair {
    width: 100%;
    max-width: 30%;
}

.term-data-list-wrapper ul.term-data-list .term-data-list-item .list-row .term-data-lang-pair .lang {
    padding: 3px 5px;
    background-color: #e8f0fe;
    border-radius: 2px;
    
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.4;
    color: #0078d4;
}

.term-data-list-wrapper ul.term-data-list .term-data-list-item .list-row .term-data-file-choose {
    width: 100%;
    max-width: 70%;
}
.term-data-list-wrapper ul.term-data-list .term-data-list-item .list-row .term-data-file-choose label {
    
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.5;
    color: #0078d4;
    padding-left: 13px;
    text-decoration: underline;
    cursor: pointer;
}

.glossary-workspace-header {
    margin-top: -30px;
}

.glossary-header-sub-container{
    display: flex;
    align-items: center;
    gap: 40px;
}

.glossary-workspace-wrapper {
    padding: 78px 0px;
}

.glossary-workspace-container {
    margin: 0 auto;
    width: 65%;
}

.glossary-workspace-area-list-wrapper{
    border: 1px solid #EBEBEB;
    border-radius: 4px;
    width: 100%;
    background-color: #ffffff;
}

.glossary-workspace-header-title{
    padding: 21px 30px 15px 30px;
    border-bottom: 1px solid #DBDBDB;
    display: flex;
    align-items: center;
}

.glossary-workspace-header-col{
    flex-grow: 1;
}

.glossary-workspace-toggle-col{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 353px;
}

.glossary-workspace-toggle-col-sidebar-hide{
    width: auto !important;
}   

.glossary-workspace-toggle-col .suggest-hide-toggle .arrow-icon{
    color: #4A4A4A;
    font-size: 22.5px;
}

.glossary-workspace-toggle-col .suggest-hide-toggle{
    padding: 4px 8px 4px 8px;
    border-radius: 4px;
    transition: 0.3s all ease;
}

.glossary-workspace-toggle-col .suggest-hide-toggle:hover{
    background-color: #F3F3F3;
    transition: 0.3s all ease;
}

.glossary-tit-header-wrap{
    display: flex;
    align-items: center;
}

.suggest-header.glossary-tit-header-wrap .title:first-child{
    width: 53%;
    display: flex;
    align-items: center;
    transition: 0.4s width ease-in-out;
}

.glossary-tit-header-wrap .title:first-child{
    width: 50%;
    max-width: 100%;
    display: flex;
    align-items: center;
    transition: 0.4s width ease-in-out;
}

.suggest-header.glossary-tit-header-wrap .title:first-child .sorting-container,
.glossary-tit-header-wrap .title:first-child .sorting-container {
    margin-left: 1rem;
}


.glossary-tit-header-wrap .title:last-child{
    width: 50%;
    max-width: 100%;
}

.glossary-tit-header-wrap .title p{
    
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 1.5;
    color: #3C4043;
    margin-bottom: 0px;
}

.gl-work-row {
    display: flex;
    width: 100%;
    height: 65vh;
}

.gl-work-col-1 {
    flex-grow: 1;
    max-width: 100%;
    height: 100%;
}

.gl-work-col-2 {
    width: 0;
    max-width: 100%;
    border-left: 0px solid #DBDBDB;
    overflow: hidden;
    transition: 0.4s width ease-in-out;
}

.gl-work-col-2.suggest-show{
    width: 353px;
    border-left: 1px solid #DBDBDB;
    transition: 0.4s width ease-in-out;
}

.term-edit-advanced-sec-wrapper {
    background-color: #ffffff;
    border: 1px solid #ebebeb;
    border-radius: 4px;
}

.term-edit-wrapper {
    background-color: #ffffff;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    display: flex;
}

.term-edit-wrapper .term-col-1 {
    flex-grow: 1;
}

.term-edit-wrapper .term-col-2 {
    border-left: 2px solid #ebebeb;
    width: 350px;
}

.search-term-wrapper {
    background-color: #ffffff;
    height: inherit;
}

.search-wrapper {
    display: flex;
    align-items: center;
    border-radius: 4px;
    background-color: #E9E9E9;
    padding: 7.5px 10.5px;
    gap: 8px;
}

.seach-wrapper-wrap{
    width: 100%;
    max-width: 397px;
    position: relative;
}

.search-wrapper .search-img {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-wrapper input {
    border: 0px;
    width: 320px;
    
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    color: #74788D;
    background-color: transparent;
}

.search-wrapper span.close {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background-color: transparent !important;
    transition: 0.4s all ease;
    cursor: pointer;
    padding: 0px !important;
    opacity: 0;
    visibility: hidden;
}

.search-wrapper span.close.show{
    opacity: 1;
    visibility: visible;
}

.search-wrapper span.close:hover {
    background-color: #ebebeb !important;
    transition: 0.4s all ease;
}

.search-wrapper input::placeholder {
    
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.2;
    color: #747474;
}

.search-wrapper.add-blue-border {
    background-color: #ffffff;
    box-shadow: 0 1px 1px 0 rgb(65 69 73 / 30%), 0 1px 3px 1px rgb(65 69 73 / 15%);
}

.search-term-filter-wrapper {
    padding: 12px 0px 18px 0px;
    border-bottom: 1px solid #ebebeb;
    margin: 0px 20px;
}

.search-term-filter-wrapper ul.filter-list {
    list-style-type: none;
    padding-left: 0px;
    display: flex;
    gap: 10px;
    margin-bottom: 0px;
}

.search-term-filter-wrapper ul.filter-list li.list-item {
    border: 1px solid #dadce0;
    background-color: transparent;
    border-radius: 3px;
    padding: 4px 11px;
    
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    color: #74788d;
    transition: 0.4s all ease;
}

.search-term-filter-wrapper ul.filter-list li.last-list-item:last-child {
    border: 1px solid #dadce0;
    background-color: transparent;
    border-radius: 3px;
    padding: 4px 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.search-term-filter-wrapper ul.filter-list li.list-item:hover {
    border: 1px solid #0074d3;
    background-color: #e8f0fe;
    color: #0074d3;
    cursor: pointer;
    transition: 0.4s all ease;
}

.glossary-term-list-wrapper {
    padding: 20px 30px 20px 23px;
    height: inherit;
    max-height: 100%;
    overflow: auto;
}

.glossary-term-list-wrapper .no-terms-list{
    height: inherit;
    padding-left: 0px;
    margin-bottom: 0px;
}

.no-terms-added-wrapper{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 30px;
}

.no-terms-added-wrapper h1{
    
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.5;
    color: #3C4043;
    margin-bottom: 0px;
}

.glossary-term-list-wrapper ul.term-list {
    list-style-type: none;
    padding-left: 0px;
}

.glossary-term-list-wrapper ul.term-list li {
    padding: 0px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: transparent;
    transition: 0.4s all ease;
}

.glossary-term-list-wrapper ul.term-list li:not(:last-child){
    margin-bottom: 8px;
}

.glossary-term-list-wrapper ul.term-list li .avatar-name-wrap {
    display: flex;
    align-items: center;
    width: 50%;
    max-width: 100%;
}
.glossary-term-list-wrapper ul.term-list li .tar-lang-name-wrap{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 50%;
    max-width: 100%;
}

.glossary-term-list-wrapper ul.term-list li .tar-lang-name-wrap .action-wrapper{
    display: flex;
    align-items: center;
    gap: 8px;
}

.file-list-bot-border {
    border-bottom: 1px solid #ebecee;
}

.glossary-term-list-wrapper ul.term-list li .term-list-del {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    border-radius: 50%;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s all ease;
}

.glossary-term-list-wrapper ul.term-list li.selected .term-list-del:hover{
    background-color: #dce6f5;
    transition: 0.4s all ease;
}

.glossary-term-list-wrapper ul.term-list li .term-list-del .delete-glossary-icon{
    font-size: 20px;
    color: #45484e;
}
.glossary-term-list-wrapper ul.term-list li.selected:hover,
.glossary-term-list-wrapper ul.term-list li.selected {
    background-color: #e8f0fe;
}

.glossary-term-list-wrapper ul.term-list li.selected .avatar {
    background-color: #0074d3;
    transition: 0.4s all ease;
}

.glossary-term-list-wrapper ul.term-list li.selected .name {
    color: #0074d3;
    font-weight: 500;
    transition: 0.4s all ease;
}

.glossary-term-list-wrapper ul.term-list li:hover {
    background-color: #F3F3F3;
    border-radius: 3px;
    cursor: pointer;
    transition: 0.4s all ease;
}

.glossary-term-list-wrapper ul.term-list li.selected .term-list-del,
.glossary-term-list-wrapper ul.term-list li:hover .term-list-del {
    opacity: 1;
    visibility: visible;
    transition: 0.4s all ease;
}

.glossary-term-list-wrapper ul.term-list li .avatar {
    width: 18px;
    height: 18px;
    background-color: #a6a8a3;
    display: flex;
    align-items: center;
    justify-content: center;
    
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 1.5;
    color: #ffffff;
    border-radius: 50%;
    transition: 0.4s all ease;
    margin-right: 10px;
}

.glossary-term-list-wrapper ul.term-list li .name {
    
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    color: #3c4043;
    transition: 0.4s all ease;
}

.term-edit-suggestion-wrapper{
    height: 100%;
    display: flex;
    flex-direction: column;
}

.term-edit-form-wrapper {
    padding: 36px 30px 30px 30px;
}

.term-edit-suggestion-header h3,
.term-edit-form-header h3 {
    
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    color: #3c4043;
    margin-bottom: 0px;
}

/* .term-edit-form-header {
    border-bottom: 1px solid #dbdbdb;
} */

.term-edit-suggestion-header{
    padding: 21px 28px 21px 28px;
    display: flex;
    align-items: center;
    gap: 25px;
    border-bottom: 1px solid #D9DBDF;
}

.term-textbox-textarea .title{
    
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    font-size: 14px;
    color: #202124;
    /* margin-top: 10px; */
    margin-bottom: 8px;
}

.term-textbox-textarea.border-add{
    padding: 17px 12px;
    border: 1px solid #DADCE0;
    border-radius: 3px;
}

.term-textbox-textarea.border-add:not(:last-child){
    margin-bottom: 10px;
}

.term-textbox-textarea.border-add .title{
    margin-bottom: 0px;
    margin-top: 0px;
}

.term-textbox-textarea .text-content-box{
    
    font-style: normal;
    font-weight: 400!important;
    line-height: 1.4;
    font-size: 13px;
    color: #5F6368;
    /* border-radius: 3px;
    background-color: #F1F3F4;
    padding: 9px 12px; */
    margin-top: 8px;
}

.term-textbox-textarea .text-content-box.font-weight-bold {
    font-weight: 400!important;
}

.term-edit-suggestion-header .tab-link{
    font-style: normal;
    font-weight: 500;
    line-height: 1.2;
    font-size: 15px;
    color: #202124;
    margin-bottom: 0px;
}

.term-edit-suggestion-header .tab-link.active:hover,
.term-edit-suggestion-header .tab-link.active{
    background-color: #DBEBF9;
    color: #0074D3;
}

.no-info-added-wrapp{
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
    height: 100%;
    justify-content: center;
}

.no-info-added-wrapp h2{
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    font-size: 15px;
    color: #BBC1CB;
    margin-bottom: 0px;
    margin-top: 16px;
}

.glossary-workspace-header .add-new-term-btn-txt {
    padding: 9px 10px;
    display: flex;
    align-items: center;
    gap: 7px;
}

.glossary-workspace-header .add-new-term-btn-txt span{
    
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    color: #ffffff;
}

.glossary-workspace-header .add-new-term-btn-txt .plus-icon{
    font-size: 20px;
    color: #ffffff;
}

.glex-workspace-header{
    display: flex;
    align-items: center;
    cursor: pointer;
}

.glossary-workspace-header .add-new-term-btn-txt-1 {
    padding: 9px 10px;
    display: flex;
    align-items: center;
    gap: 7px;
}
.delete-btn:hover .add-new-term-btn-txt-1 .plus-icon,
.delete-btn:hover .add-new-term-btn-txt-1 span{
    color: #ffffff;
}

.glossary-workspace-header .add-new-term-btn-txt-1 span{
    
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    color: #222222;
}

.glossary-workspace-header .add-new-term-btn-txt-1 .plus-icon{
    font-size: 20px;
    color: #222222;
}

.term-edit-form-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 13px;
}

.term-edit-form-control:not(:last-child) {
    margin-bottom: 25px;
}

.term-edit-form-control label {
    
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.5;
    color: #3c4043;
}

.target-translate-term-box{
    display: flex !important;
    align-items: center;
    gap: 10px
}

.target-translate-term-box .info-icon{
    color: #74788D;
    font-size: 17px;
}

.target-translate-term-box,
.term-edit-form-control input[type="text"].gl-worksp-input {
    display: block;
    border-radius: 3px;
    width: 100%;
    padding: 5px 8px;
    border: 1px solid #ced4da;
    
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    color: #292929;
    position: relative;
    top: 1px;
    height: 44px;
}

.target-translate-term-box input[type="text"].gl-worksp-input{
    display: block;
    border-radius: 0px;
    width: 100%;
    padding: 0px;
    border: 0px solid #ced4da;
    
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    color: #292929;
    position: relative;
    top: 0px !important; 
    height: 100% !important;
}

.target-translate-term-box:focus-within{
    border: 2px solid #0078d4;
    height: 44px;
    border-radius: 3px;
}

.target-translate-term-box input[type="text"].gl-worksp-input:focus{
    border: 0px solid #0078d4 !important;
    height: 100% !important;
    border-radius: 0px !important;
}

.term-edit-form-control input[type="text"].gl-worksp-input:focus {
    border: 2px solid #0078d4;
    height: 44px;
    border-radius: 3px;
}

.term-edit-form-control input[type="text"].gl-worksp-input::placeholder {
    
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 24px;
    color: #74788d;
}

.term-edit-suggestion-part {
    padding: 26px 28px 28px 28px;
    height: 100%;
    overflow: auto;
    overflow-x: hidden;
}

.term-edit-suggest-wikipedia-wrapper {
    margin-bottom: 32px;
}

.term-edit-suggest-head {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.term-edit-suggest-head span.title {
    
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    color: #3c4043;
    padding-left: 6px;
}

.term-edit-suggest-links .link-item:not(:last-child) {
    margin-bottom: 15px;
}

.term-edit-suggest-links .link-item h5.title {
    
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 1.5;
    color: #5a616f;
    margin-bottom: 0px;
}

.term-edit-suggest-links .link-item a.link {
    
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    color: #0074d3;
}

.term-edit-advance-header {
    padding: 23px 35px;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    cursor: pointer;
}

.term-edit-advanced-opened {
    padding: 23px 35px 16px 35px !important;
}

.term-edit-advance-header .collapse-header h3 {
    
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    color: #3c4043;
    margin-bottom: 0px;
}

.term-edit-advanced-sec-wrapper .collapsed-body {
    margin: 0px 35px;
}

.term-edit-advanced-sec-wrapper .collapsed-body-open {
    border-top: 1px solid #dbdbdb;
}

.advanced-section-wrapper {
    padding:30px 30px 30px 30px;
    height: 600px;
    overflow: auto;
    overflow-x: hidden;
    border-bottom: 1px solid #EBEBEB;
}

.translate-row-wrapper{
    display: flex;
    align-items: center;
    gap: 5px;
}

.translate-row-wrapper .trans-btn-box{
    position: relative;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #DADCE0;
    border-radius: 3px;
    position: relative;
    top: 1px;
}

.translate-row-wrapper input{
    flex-grow: 1;
}

.advanced-section-form-row {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 20px;
}

.advanced-section-form-row-block {
    display: flex;
    flex-direction: column;
    width: 100%;
}

/* .advanced-section-form-row-block:not(:last-child) {
    margin-bottom: 20px;
} */

.advanced-section-form-row:not(:last-child) {
    margin-bottom: 28px;
}

.adv-sec-col {
    width: 100%;
    max-width: 100%;
}

.advanced-section-form-row-block .adv-sec-col .term-edit-form-control{
    padding-top: 20px;
}

.term-edit-form-control textarea {
    display: block;
    border-radius: 3px;
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #ced4da;
    
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 1.5;
    color: #3c4043;
    height: auto;
    min-height: 143px;
    max-height: 100%;
}

.term-edit-form-control textarea:focus-within,
.term-edit-form-control textarea:focus {
    border: 2px solid #0078d4;
    height: auto;
    min-height: 143px;
    max-height: 100%;
    border-radius: 3px;
    outline: none;
}

.term-edit-form-control textarea::placeholder {
    
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 1.5;
    color: #74788d;
}

.search-input-wrapper {
    display: flex;
    align-items: center;
    border: 1px solid #ced4da;
    border-radius: 4px;
    padding: 0px 5px;
}

.search-input-wrapper .search-img {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-input-wrapper input[type="search"] {
    flex-grow: 1;
    padding: 8px 5px;
    border: 0px;
    border-radius: 4px;
    width: auto;
    
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.5;
    color: #333333;
}

.search-input-wrapper input[type="search"]::placeholder {
    
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.5;
    color: #74788d;
}

.search-input-wrapper span.close {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background-color: transparent !important;
    transition: 0.4s all ease;
    cursor: pointer;
    padding: 0px !important;
}

.search-input-wrapper span.close:hover {
    background-color: #ebebeb !important;
    transition: 0.4s all ease;
}

.search-input-wrapper.add-blue-border {
    border: 2px solid #0078d4 !important;
}

.gl-workspace-btn-txt-1 {
    
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.2;
    color: #3c4043;
    padding: 10px 25px;
}

.gl-workspace-btn-txt-2 {
    
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.4;
    color: #ffffff;
    padding: 10px 17px;
}

.term-edit-button-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-top: 18px;
}

.term-edit-btn-row {
    display: flex;
    align-items: center;
    gap: 10px;
}

.asset-glossary-wrapper {
    padding: 0px;
}

.asset-glossary-row {
    display: flex;
    /* align-items: center; */
    gap: 31px;
}

.asset-glossary-row .asset-glossary-col {
    width: 50%;
    max-width: 50%;
}

.asset-gl-head {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 0px;
    color: #3C4043;
}

.assets-minibox-wrap {
    height: 415px;
    overflow: auto;
    scroll-behavior: smooth;
    scrollbar-width: auto;
    scrollbar-color: #c8c6c4 #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    padding: 6px;
}

.assets-box-wrap {
    height: 415px;
    overflow: auto;
    scroll-behavior: smooth;
    scrollbar-width: auto;
    scrollbar-color: #c8c6c4 #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    padding: 6px;
}

ul.asset-list-wrapper {
    padding-left: 0px;
    margin-bottom: 0px;
    list-style-type: none;
}

.assets-box-wrap ul.asset-list-wrapper li.asset-list-tile {
    padding: 8.2px 9px;
}

.assets-box-wrap ul.asset-list-wrapper li.asset-list-tile:hover .setting-wrong-btn-algin .settings-close-btn:last-child {
    background: #e9eaea;
    cursor: pointer;
}

.assets-box-wrap ul.asset-list-wrapper li.asset-list-tile .setting-wrong-btn-algin .settings-close-btn {
    height: 34px;
    width: 34px;
}

ul.asset-list-wrapper li.asset-list-tile {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6.5px 9px;
    transition: 0.3s all ease;
}

ul.asset-list-wrapper li.asset-list-tile:not(:first-child) {
    border-top: 1px solid #ebecee;
}

ul.asset-list-wrapper li.asset-list-tile .asset-list-title {
    display: flex;
    align-items: center;
    gap: 5px;
}

ul.asset-list-wrapper li.asset-list-tile:hover {
    background-color: #f5f5f5;
    transition: 0.3s all ease;
    cursor: pointer;
}

ul.asset-list-wrapper li.asset-list-tile.selected {
    background-color: #e8f0fe;
    transition: 0.3s all ease;
}

ul.asset-list-wrapper li.asset-list-tile:hover .asset-check-box.MuiCheckbox-root.Mui-checked {
    color: #0078d4;
}

ul.asset-list-wrapper li.asset-list-tile:hover .asset-check-box.MuiCheckbox-root {
    color: #5f6368;
}

ul.asset-list-wrapper li.asset-list-tile .asset-list-title span {
    
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.5;
    color: #3c4043;
}

.glossary-add-btn-1,
.glossary-add-btn {
    background-color: #0078d4;
    border-radius: 3px;
    padding: 2px 12px;
    
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 1.5;
    color: #ffffff;
}

.glossary-add-btn-1 span {
    font-size: 16px;
    margin-right: 4px;
}

.glossary-add-btn span {
    font-size: 16px;
    margin-left: 4px;
}

.glossary-add-btn-wrap {
    opacity: 0;
    visibility: hidden;
    transition: 0.3s all ease;
}

ul.asset-list-wrapper li.asset-list-tile:hover .glossary-add-btn-wrap {
    opacity: 1;
    visibility: visible;
    transition: 0.3s all ease;
}
/* Glossary Project Type */

/* New Project Setup */

.nav-transeditor-wrapper{
    display: flex;
    align-items: center;
    margin-left: 27px;
    gap: 44px;
}

.nav-transeditor-wrapper .navbar-display-show{
    padding: 0px !important;
}

.nav-transeditor-wrapper .navbar-display-show:hover{
    text-decoration: none;
}

.sidebar-active-area-wrapper .tab-pane.active {
    overflow: auto;
    overflow-x: hidden;
    height: 91%;
    padding: 0px 19px 13px 15px;
}

.ai-new-project-setup-wrapper {
    display: flex;
    height: 100%;
    overflow: hidden;
    padding-top: 56px;
    background-color: #F8FAFC;
}

.ai-proj-sidebar-col-wrapper {
    width: 260px;
    max-width: 100%;
    height: 100%;
    left: 0px;
    z-index: 3;
    position: relative;
    border-right: 1px solid #EAEAEB;
    background-color: #ffffff;
    transition: 0.4s left ease-in-out;
}

.ai-proj-sidebar-col-wrapper.collapses{
    left: -300px;
    position: fixed;
} 

.ai-working-col-wrapper {
    flex-grow: 1;
    overflow: auto;
    background-color: #F8FAFC;
}
.ai-working-col-wrapper .sidebar_mask{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -2;
    background-color: rgba(0,0,0,0.3);
}

.side-bar-tab-glb-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    width: 82px;
    background-color: #F8F8F8;
    padding: 6px 6px 6px 6px !important;
    gap: 12px;
}

.side-bar-tab-glb-wrapper .side-bar-tab-box {
    width: 100%;
    height: 66px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0px !important;
    position: relative;
    border-radius: 10px;
}

.side-bar-tab-glb-wrapper .side-bar-tab-box:last-child {
    flex-grow: 1;
}

.side-bar-tab-glb-wrapper .side-bar-tab-box b:nth-child(1) {
    position: absolute;
    top: -20px;
    height: 20px;
    width: 100%;
    background-color: #ffffff;
    display: none;
}

.side-bar-tab-glb-wrapper .side-bar-tab-box b:nth-child(2) {
    position: absolute;
    bottom: -20px;
    height: 20px;
    width: 100%;
    background-color: #ffffff;
    display: none;
}

.side-bar-tab-glb-wrapper .side-bar-tab-box.active b:nth-child(1),
.side-bar-tab-glb-wrapper .side-bar-tab-box.active b:nth-child(2) {
    display: block;
}

.side-bar-tab-glb-wrapper .side-bar-tab-box b:nth-child(1)::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #f3f2f2;
    border-bottom: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    border-bottom-right-radius: 9px;
}

.side-bar-tab-glb-wrapper .side-bar-tab-box b:nth-child(2)::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #f3f2f2;
    border-top: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    border-top-right-radius: 9px;
}

.side-bar-tab-glb-wrapper .side-bar-tab-box a.nav-link {
    width: 100%;
    height: 66px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    padding: 0px;
    border-radius: 0px;
    position: relative;
    transition: 0.3s all ease;
}

/* .side-bar-tab-glb-wrapper .side-bar-tab-box.active a::before {
    content: "";
    height: 10px;
    width: 10px;
    background: #ffffff;
} */

.side-bar-tab-glb-wrapper .side-bar-tab-box a.nav-link p {
    
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.5;
    color: #3c4043;
    margin-bottom: 0px;
    margin-top: 5px;
    transition: 0.3s all ease;
}

.side-bar-tab-glb-wrapper .side-bar-tab-box.active a.nav-link img {
    filter: invert(35%) sepia(58%) saturate(6106%) hue-rotate(192deg) brightness(82%) contrast(101%);
}

.side-bar-tab-glb-wrapper .side-bar-tab-box.active a.nav-link p {
    color: #0074d3;
    font-weight: 500;
    transition: 0.3s all ease;
}
.side-bar-tab-glb-wrapper .side-bar-tab-box.add-bor-rad-before a.nav-link:hover {
    border-radius: 0px 0px 9px 0px;
}

.side-bar-tab-glb-wrapper .side-bar-tab-box.add-bor-rad-after a.nav-link:hover {
    border-radius: 0px 9px 0px 0px;
}

.side-bar-tab-glb-wrapper .side-bar-tab-box a.nav-link:hover {
    border-color: transparent;
    background-color: #EBF0F2;
    border-radius: 10px;
    cursor: pointer;
}

.sidebar-active-area-wrapper {
    background-color: #ffffff;
    width: 361px;
    border-right: 2px solid #e4e4e4;
}
.side-bar-tab-glb-wrapper .side-bar-tab-box.active,
.side-bar-tab-glb-wrapper .side-bar-tab-box.active a {
    background-color: #E7EAEC !important;
    border-radius: 10px !important;
    transition: 0.3s all ease;
}

.side-bar-tab-glb-wrapper .side-bar-tab-box.active {
    border-right: 0px solid #e4e4e4;
    /* border-top: 1px solid #E4E4E4;
    border-bottom: 1px solid #E4E4E4; */
}

.sidebar-active-area-wrapper .sidebar-glb-search-wrapper {
    padding: 9px 10px;
    margin: 13px 19px 13px 15px;
    background-color: #f3f2f2;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.sidebar-active-area-wrapper .sidebar-glb-search-wrapper img {
    width: 20px;
    height: 20px;
}

.sidebar-active-area-wrapper .sidebar-glb-search-wrapper input {
    flex-grow: 1;
    border: 0px;
    background-color: transparent;
    
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.5;
    color: #74788d;
}

.sidebar-active-area-wrapper .sidebar-glb-search-wrapper input::placeholder {
    
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.5;
    color: #74788d;
}

/* .ai-subtask-glb-wrapper .ai-subtask-collapse-wrap {
    border-bottom: 1px solid #e4e4e4;
} */

/* .ai-subtask-collapse-wrap .glossaries-collapse{
    padding-top: 18px;
} */

.ai-subtask-collapse-wrap .header {
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
    cursor: pointer;
    border-radius: 3px;
    transition: 0.3s all ease;
}

.ai-subtask-collapse-wrap .header .icon-wrap{
    padding: 10px 15px;
    display: flex;
    align-items: center;
}

.ai-subtask-collapse-wrap .header.active span.img:hover,
.ai-subtask-collapse-wrap .header.active span.img-rotate:hover,
.ai-subtask-collapse-wrap .header span.img-rotate:hover,
.ai-subtask-collapse-wrap .header span.img:hover{
    background-color: #EBECEC;
}

.ai-subtask-collapse-wrap .header.active,
.ai-subtask-collapse-wrap .header:hover{
    background-color: #F2F3F3;
}

.ai-subtask-collapse-wrap .header.no-collapse-header {
    padding: 0px;
    /* margin: 8px 0px; */
    transition: 0.3s all ease;
}

.ai-subtask-collapse-wrap .header.no-collapse-header a.title {
    width: 100%;
    transition: 0.3s all ease;
    padding: 6px 0px;
    
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 1.5;
    color: #3c4043;
    border-radius: 3px;
}

.ai-subtask-collapse-wrap .header.no-collapse-header a.title:hover {
    cursor: pointer;
    text-decoration: none;
    padding: 6px 8px;
    background-color: #f3f2f2;
    transition: 0.3s all ease;
}

.ai-subtask-collapse-wrap .header.no-collapse-header .title.active:hover,
.ai-subtask-collapse-wrap .header.no-collapse-header .title.active {
    background-color: #e0f0fa;
    padding: 6px 8px;
    transition: 0.3s all ease;
}

/* .ai-subtask-glb-wrapper {
    margin-top: 17px;
} */

.ai-subtask-collapse-wrap .header .icon img{
    width: 24px;
    margin-right: 14px;
}

.ai-subtask-collapse-wrap.glossaries .header .icon img{
    width: 17px;
    margin-right: 14px;
}

.ai-subtask-collapse-wrap .header span.title {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    color: #3c4043;
}

.ai-subtask-collapse-wrap .header span.img {
    padding: 10px 15px;
    width: 38px;
    height: 43px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ai-subtask-collapse-wrap .header span.img-rotate {
    padding: 10px 15px;
    width: 38px;
    height: 43px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ai-subtask-collapse-wrap .header span.img img{
    transform: rotate(0deg);
    transition: 0.3s transform ease-in-out;
}

.ai-subtask-collapse-wrap .header span.img-rotate img{
    transform: rotate(-90deg);
    transition: 0.3s transform ease-in-out;
}

.ai-subtask-collapse-wrap ul.ai-subtask-link-list {
    list-style-type: none;
    padding-left: 0px;
    /* margin: 10px 0px 10px 0px; */
}

/* .ai-subtask-collapse-wrap ul.ai-subtask-link-list.glossaries li:not(:last-child){
    margin-bottom: 15px;
} */

/* .ai-subtask-collapse-wrap ul.ai-subtask-link-list li:not(:last-child) {
    margin-bottom: 5px;
} */

.ai-subtask-collapse-wrap ul.ai-subtask-link-list li a {
    padding: 9px 13px 9px 55px;
    display: block;
    border-radius: 2px;
    
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    color: #3c4043;
    background-color: transparent;
    transition: 0.3s all ease;
}

.ai-subtask-collapse-wrap ul.ai-subtask-link-list li ul{
    padding-left: 0px;
    list-style-type: none;
}

.ai-subtask-collapse-wrap ul.ai-subtask-link-list li ul li a{
    padding: 9px 13px 9px 70px;
}

.ai-subtask-collapse-wrap ul.ai-subtask-link-list li .subtask-btn{
    background-color: #0074D3;
    padding: 10px 17px 10px 12px;
    box-shadow: 0px 1px 3px #0000003D;
    border-radius: 3px;
    
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 1.5;
    color: #ffffff;
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 3px;
}

.ai-working-col-wrapper .glossaries-list-wrapper{
    width: 100%;
    max-width: 1154px;
    margin: auto;
}

.glossaries-list-wrapper .header-align.glossary-header .header-project-setup-align-wrap{
    width: 100%;
}

.glossaries-list-wrapper .header-align.glossary-header .header-project-setup-align-wrap .section-header{
    margin-right: 51px;
}

.glossaries-list-wrapper .header-align.glossary-header.glossary-search-header .header-project-setup-align-wrap .section-header{
    margin-right: 5px;
}

.glossaries-list-wrapper .header-align .glossary-search-row .glossary-search-inner-row{
    display: flex;
    align-items: center;
    width: 100%;    
}

.glossaries-list-wrapper .glossary-search-row .glossary-search-inner-row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;    
    margin-bottom: 28px;
}

.glossary-radio-btn-row{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 33px;
}

.glossary-radio-btn-row .glossary-radio-btn-input{
    display: flex;
    align-items: center;
}

.glossary-radio-btn-row .glossary-radio-btn-input label{
    
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    color: #676A78;
    margin-bottom: 0px;
    cursor: pointer;
}

.glossary-radio-btn-row .glossary-radio-btn-input label:checked{
    color: #0074D3;
}


.glossaries-search-bar{
    padding-top: 0px;
    /* border-bottom: 1px solid #DBDBDB; */
    background-color: #F8FAFC;
}

.glossary-search-term-glb-wrapper{
    border: 1px solid #EBEBEB;
    border-radius: 4px;
    background-color: #ffffff;
    margin-bottom: 42px;
}

/* .glossaries-search-bar-scrolled{
    padding-top: 30px;
    box-shadow: 0 2px 5px 2px rgb(60 64 67 / 15%);
    position: sticky;
    top: 0px;
    background-color: #f3f2f2;
} */

.terms-search-header{
    padding: 27px 0px 21px 0px;
}

.new-padd-style{
    padding: 10px 18px !important;
}

.terms-search-header p{
    
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.5;
    color: #3C4043;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.terms-search-header p span{
    
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.5;
    color: #3C4043;
}

.terms-search-results-wrapper{
    height: inherit;
    overflow: auto;
    overflow-x: hidden;
    margin-right: 7px;
    margin-top: 3px;
}

.gap-5{
    gap: 8px;
}

.terms-search-found-wrapper{
    height: calc(100vh - 182px - 182px);
    margin-bottom: 3px;
}

.terms-search-results-wrapper .no-created-terms-found-wrapper{
    padding: 22px 27px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 25px;
    height: inherit;
}

.terms-search-results-wrapper .no-created-terms-found-wrapper h1{
    
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.5;
    color: #3C4043;
    margin-bottom: 0px;
}

.terms-search-results-wrapper .terms-search-result-item{
    background-color: #ffffff;
    border-bottom: 1px solid #EBEBEB;
    padding: 20px 40px 19px 38px;
    display: flex;
    align-items: center;
}

/* .terms-search-results-wrapper .terms-search-result-item:not(:last-child){
    margin-bottom: 6px;
} */

.terms-search-results-wrapper .terms-search-result-item .search-term-info{
    width: 257px;
    border-right: 1px solid #E1E1E1;
}

.terms-search-results-wrapper .terms-search-result-item .search-term-translate-info{
    flex-grow: 1;
    padding-left: 73px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.terms-search-results-wrapper .terms-search-result-item .search-term-translate-info .edit-icon-wrap .edit-icon-box{
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border-radius: 50%;
    cursor: pointer;
    transition: 0.4s all ease;
}

.terms-search-results-wrapper .terms-search-result-item .search-term-translate-info .edit-icon-wrap .edit-icon-box:hover{
    background-color: #e9eaea;
}

.terms-search-results-wrapper .terms-search-result-item .search-term-translate-info .edit-icon-wrap .edit-icon-box .edit-icon{
    color: #474848;
    font-size: 20px;
}

.terms-search-results-wrapper .terms-search-result-item .search-term-translate-info .search-term-inner-translate .src-translate-txt{
    
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    color: #3C4043;
    margin-bottom: 0px;
}

.terms-search-results-wrapper .terms-search-result-item .search-term-translate-info .search-term-inner-translate .target-translate-txt{
    
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.5;
    color: #3C4043;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    gap: 9px;
}

.terms-search-results-wrapper .terms-search-result-item .search-term-translate-info .search-term-inner-translate .target-translate-txt span{
    
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.5;
    color: #A0A7AC;
}

.terms-search-results-wrapper .terms-search-result-item .search-term-info h4{
    
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    color: #3C4043;
    margin-bottom: 5px;
}

.terms-search-results-wrapper .terms-search-result-item .search-term-info .lang-pair{
    display: flex;
    align-items: center;
}

.terms-search-results-wrapper .terms-search-result-item .search-term-info .lang-pair span{
    background: #e8f0fe;
    border-radius: 2px;
    padding: 3px 5px;
    
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    color: #0078d4;
}

.glossaries-list-wrapper .header-align .glossary-search-row-new{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-grow: 1;
}

.glossary-view-row{
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: 15px;
}

.glossaries-list-wrapper .glossary-search-row{
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
    padding: 35px 35px 8px 38px;
    border-bottom: 1px solid #E6E6E6;
    flex-direction: column;
}

.glossaries-list-wrapper .glossary-list-row-wrapper{
    margin-top: 30px;
    width: 100%;
    padding: 19px 26px 40px 26px;
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    transition: ease-in-out 0.3s;
}

.ai-subtask-collapse-wrap ul.ai-subtask-link-list li .subtask-btn .plus{
    color: #ffffff;
    font-size: 22px;
}

.ai-subtask-collapse-wrap ul.ai-subtask-link-list li .subtask-btn:hover{
    background-color: #0074D3;
}

.ai-subtask-collapse-wrap ul.ai-subtask-link-list li a.active:hover,
.ai-subtask-collapse-wrap ul.ai-subtask-link-list li a.active {
    background-color: #F2F3F3;
    font-weight: 500;
}

.ai-subtask-collapse-wrap ul.ai-subtask-link-list li a:hover {
    cursor: pointer;
    text-decoration: none;
    background-color: #F2F3F3;
    transition: 0.3s all ease;
}

.ai-working-area-glb-wrapper {
    width: 1154px;
    margin: 40px auto 40px auto;
}

.text-area-wizard-wrapper{
    width: 1154px;
    margin: 40px auto 40px auto;
}

.project-input-wrap{
    width: fit-content;
    display: flex;
    align-items: center;
    margin-left: 15px;
    justify-content: space-between;
    /* max-width: 70%; */
}

.disable{
    pointer-events: none;
    opacity: 0.7;
}

.project-input-wrap .edit-icon{
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border-radius: 50%;
    cursor: pointer;
    transition: 0.3s all ease;
    margin-left: 15px;
}

.project-input-wrap .edit-icon:hover{
    background-color: #EBEBEB;
    transition: 0.3s all ease;
}

.text-area-header-wrap{
    margin-bottom: 34px;
}

.project-input-wrap .project-box{
    border: none;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 3px;
    transition: 0.3s all ease;
    /* max-width: 60%; */
    width: auto;
    width: -moz-fit-content;
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    color: #3C4043;
    line-height: 1.5;
    height: 38px;
    margin-bottom: 0px;
    display: inline-block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    padding: 0 15px;
}   

.project-input-wrap .project-box:focus {
    text-overflow: clip;
    /* padding-left: 20px; */
}
.project-input-wrap .project-box:not(:focus) {
    text-overflow:ellipsis;
}

.project-input-wrap .project-box:hover{
    border-color: #D8D8D8;
    /* padding: 0px 15px; */
    transition: 0.2s all ease;
    text-overflow: clip;
}

.project-input-wrap .project-box:focus-visible,
.project-input-wrap .project-box:focus-within,
.project-input-wrap .project-box:focus{
    outline: none;
    border-color: #0073D6;
    border-width: 2px;
    background-color: #ffffff;
    transition: 0.1s all ease;
    height: 38px;
    /* padding: 0px 15px; */
}

.project-input-wrap.error-focus .project-box:focus-visible,
.project-input-wrap.error-focus .project-box:focus-within,
.project-input-wrap.error-focus .project-box:focus{
    border-color: #E74C3C !important;
}

.project-input-wrap .project-box[data-placeholder]:empty:before{
    content: attr(data-placeholder);
    
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    color: #777777;
    line-height: 1.5;
    transition: 0.1s all ease;
    position: relative;
    top: 0px;
}

.project-input-wrap .project-box[contenteditable=true]:empty:before {
    content: attr(data-placeholder);
    pointer-events: none;
    display: block;
  }

.instant-text-translated-text-box .header-title,
.instant-text-translate-wrapper .header-title,
.ts-header-title,
.text-area-wizard-wrapper .header-title,
.ai-working-area-glb-wrapper .header-title {
    
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.2;
    color: #3c4043;
    margin-bottom: 8px;
}

.ts-header-title{
    margin-bottom: 0px !important;
}

.instant-text-translated-text-box .header-title,
.instant-text-translate-wrapper .header-title{
    margin-bottom: 16px !important;
}

.ai-working-area-glb-wrapper .header-title.editable {
    padding: 3px 12px;
    border: 2px solid transparent;
    transition: 0.3s all ease;
    width: fit-content;
}

.ai-working-area-glb-wrapper .header-title.editable:focus,
.ai-working-area-glb-wrapper .header-title.editable:focus-visible {
    outline: #0078d4;
    padding: 3px 12px;
    width: fit-content;
    border: 2px solid #0078d4;
    border-radius: 3px;
    transition: 0.3s all ease;
}

.ai-working-area-glb-wrapper .header-title.editable:empty:before {
    content: attr(data-placeholder);
    
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5;
    color: #3c4043;
}

.ai-text-translate-work-container {
    background: linear-gradient(180deg, #ffffff 0%, #ffffff 100%);
    /* box-shadow: 0 0 transparent,0 0 transparent,0 1px 3px 0 rgba(0,0,0,0.12),0 1px 2px 0 rgba(0,0,0,0.1); */
    box-shadow: 0px 2px 5px #0000002E;
    /* box-shadow: 0px 3px 6px #00000029; */
    border-radius: 8px;
    position: relative;
}

/* .ai-text-translate-work-assign-container {
    background: linear-gradient(180deg, #ffffff 0%, #ffffff 100%);
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 8px;
    padding: 40px 34px 30px 34px;
    margin-bottom: 80px;
} */

/* .ai-text-translate-work-form-wrapper {
    padding-top: 20px;
} */

.asterik-symbol{
    color: #E74C3C !important;
    padding-left: 4px;
    text-decoration: none !important;
}

.asterik-symbol.drag-drop-asterik{
    padding-left: 0px;
    position: absolute;
    top: 3px;
    right: -1px;
}

.ai-text-assigned-select-wrapper{
    position: relative;
    flex-grow: 1;
}

.ai-text-assigned-select-wrapper .ai-text-assigned-input-area{
    padding: 6px 4px 6px 0px;
    border-bottom: 1px solid #E4E7E9;
    width: 100%;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.editor-select-disable{
    background-color: #f2f2f2;
    pointer-events: none;
    color: #999999 !important;
}

.instant-unit-select__value-container,
.instant-currency-select__value-container{
    padding: 2px 10px !important;
}

.assigned-to-switch-wrapper{
    background: #FFFFFF;
    box-shadow: 0px 26px 63px #00000033, 0px 3px 4px #00000029;
    border-radius: 8px;
    position: absolute;
    width: 100%;
    top: -25px;
    height: auto;
    display: flex;
    flex-direction: column;
    z-index: 10;
}

.assigned-to-header-wrapper{
    height: 58px;
    border-bottom: 1px solid #ECEDF0;
    padding: 0px 20px;
    display: flex;
    align-items: center;
    width: 100%;
}

.assigned-to-header-wrapper ul.assigned-header-switcher{
    padding-left: 0px;
    margin-bottom: 0px;
    list-style-type: none;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
}

.assigned-to-header-wrapper ul.assigned-header-switcher li:last-child,
.assigned-to-header-wrapper ul.assigned-header-switcher li:first-child{
    width: 50%;
    max-width: 100%;
}

.assigned-to-header-wrapper ul.assigned-header-switcher li{
    
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #3C4043;
    text-align: center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    cursor: pointer;
}

.assigned-to-header-wrapper ul.assigned-header-switcher li::after{
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background-color: transparent;
    position: absolute;
    top: 54px;
}

.assigned-to-header-wrapper ul.assigned-header-switcher li.active::after{
    background-color: #0074D3;
}

.assigned-to-header-wrapper ul.assigned-header-switcher li.active{
    
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #0074D3;
    text-align: center;
}

.assigned-to-switch-area{
    flex-grow: 1;
    border-bottom: 2px solid #ECEDF0;
    overflow: auto;
}

.assigned-to-switch-editors-list{
    padding: 15px;
    overflow: auto;
    height: auto;
    max-height: 341px;
}

.instant-button-row{
    margin-top: 30px;
    text-align: end;
}

.instant-button-row .translate-btn{
    padding: 9px 20px 11px 20px;
    background-color: #0078D4;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    color: #FFFFFF;
    border-radius: 3px;
}

.assigned-to-switch-editors-list .internal-user-no-members-list{
    padding: 0 15px;
    height: initial !important;
}

.assigned-to-switch-editors-list .internal-user-no-members-list img.empty-folder-img{
    width: 100% !important;
}

.assigned-to-switch-editors-list .assigned-to-switch-editor-item{
    padding: 7px 6px;
    border-radius: 3px;
    background-color: transparent;
    display: flex;
    align-items: center;
    gap: 10px;
}

.language-details .MuiSkeleton-text{
    transform: scale(1);
}

.assigned-to-switch-editors-list .assigned-to-switch-editor-item:not(:last-child){
    margin-bottom: 5px;
}

.assigned-to-switch-editors-list .assigned-to-switch-editor-item .img-wrap img{
    width: 36px !important;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
    margin-left: 0px !important;
}

.assigned-to-switch-editors-list .assigned-to-switch-editor-item .editor-name p{
    
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #3C4043;
    margin-bottom: 0px;
}

.assigned-to-switch-editors-list .assigned-to-switch-editor-item:hover{
    background-color: #F3F3F3;
    cursor: pointer;
}

.assigned-to-switch-footer{
    height: 51px;
}

.assigned-to-switch-footer .find-more-editor-link{
    height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    color: #0078D4;
}

.assigned-to-switch-footer .find-more-editor-link:hover{
    background-color: #0078D4;
    color: #ffffff;
    border-radius: 0px 0px 8px 8px;
}

.ai-text-assigned-select-wrapper .ai-text-assigned-input-area span.placeholder{
    
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #222222;
}

.ai-text-assigned-select-wrapper .ai-text-assigned-input-area span.value{
    
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #222222;
}

.ai-text-translate-work-form-wrapper .units-wrapper{
    margin-bottom: 32px;
}

.units-wrapper .ai-text-form-item-row{
    display: flex;
    gap: 20px;
    align-items: center;
}

.ai-text-form-item-row.notes,
.units-wrapper .ai-text-form-item-row:not(:last-child){
    margin-bottom: 20px !important;
}



.ai-text-translate-work-form-wrapper .ai-text-form-item-row .ai-text-form-item-wrapper.value-row{
    margin-bottom: 0px !important;
}

.ai-text-translate-work-form-wrapper .ai-text-form-item-row .ai-text-form-item-wrapper .add-attachment-btn-collapse{
    cursor: pointer;
}

.ai-text-translate-work-form-wrapper .ai-text-form-item-row .ai-text-form-item-wrapper .add-attachment-btn-collapse,
.ai-text-translate-work-form-wrapper .ai-text-form-item-row .ai-text-form-item-wrapper .add-instruct-btn-collapse{
    padding: 3px 5px;
    background: transparent;
    border: 0px;
    border-radius: 4px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #222222;
    margin-bottom: 0px;
}

.ai-text-translate-work-form-wrapper .ai-text-form-item-row .ai-text-form-item-wrapper .add-attachment-btn-collapse:hover,
.ai-text-translate-work-form-wrapper .ai-text-form-item-row .ai-text-form-item-wrapper .add-instruct-btn-collapse:hover{
    background: #F3F3F3;
}

.ai-text-translate-work-form-wrapper .ai-text-form-item-row .ai-text-form-item-wrapper .add-attachment-btn-collapse span,
.ai-text-translate-work-form-wrapper .ai-text-form-item-row .ai-text-form-item-wrapper .add-instruct-btn-collapse span{
    color: #8F8F8F;
}

.ai-text-translate-work-form-wrapper .ai-text-form-item-row .ai-text-form-item-wrapper.value-row .ai-text-form-item-wrapper{
    margin-bottom: 0px !important;
}

.ai-text-translate-button-row{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 20px;
}

.allow-sharing-wrap{
    margin-left: 2px;
    margin-top: 20px;
}

.allow-sharing-wrap label{
    margin: 0 !important;
}

.allow-sharing-wrap .allow-sharing{
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    color: #222222;
    margin-bottom: 0px;
}

.ai-text-translate-button-row .instant-text-button{
    padding: 7.5px 28px 8.5px 28px;
    background-color: #0078D4;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    color: #FFFFFF;
    border-radius: 3px;
    margin-top: 20px;
}
.ai-text-translate-button-row .instant-text-cancel-button{
    padding: 7.5px 28px 8.5px 28px;
    background-color: #fff;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    border-radius: 3px;
    margin-top: 20px;
    margin-right: 12px;
}
.ai-text-translate-button-row .instant-text-cancel-button:hover{
    background-color: #eeeeee;
}

.ai-text-translate-work-form-wrapper .ai-text-form-item-row .ai-text-form-item-wrapper{
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
}

.ai-text-translate-work-form-wrapper .ai-text-form-item-row .ai-text-form-item-wrapper img{
    margin-left: 6px;
    width: 16px;
}

.ai-text-translate-work-form-wrapper .ai-text-form-item-row .ai-text-form-item-wrapper:last-child{
    margin-bottom: 0px;
}

.ai-text-translate-work-form-wrapper .ai-text-form-item-row .ai-text-form-item-wrapper{
    width: 100%;
    max-width: 100%;
}


.ai-text-translate-work-form-wrapper .ai-text-form-item-row .ai-text-form-item-wrapper.rate{
    width: 100%;
    max-width: 100%;
    margin-left: 54px;
}

.ai-text-translate-work-form-wrapper .ai-text-form-item-row .ai-text-form-item-wrapper.rate.hour{
    flex-direction: column;
}


.ai-text-translate-work-form-wrapper .ai-text-form-item-row .currency-selection{
    width: 100% !important;
    margin-bottom: 0px;
}

.ai-text-translate-work-form-wrapper .ai-text-form-item-row .unit-selection{
    width: 100% !important;
    margin-bottom: 0px;
}

.ai-text-translate-work-form-wrapper .ai-text-form-item-row .unit-rate{
    width: 100% !important;
}


/* .ai-text-translate-work-form-wrapper .ai-text-form-item-row .ai-text-form-item-wrapper .datetimepicker-box{
    padding: 9px 21px;
    border: 1px solid #C0C8CE;
} */

.ai-text-translate-work-form-wrapper .ai-text-form-item-row .ai-text-form-item-wrapper .datetimepicker-box input{
    
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 24px;
    color: #3c4043;
}

.ai-text-translate-work-form-wrapper .ai-text-form-item-row .ai-text-form-item-wrapper .datetimepicker-box input::placeholder{
    
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 24px;
    color: #9B9FA2;
    text-transform: uppercase;
}

.ai-text-translate-margin-right{
    margin-bottom: 0px !important;
}

.ai-text-translate-work-form-wrapper .ai-text-form-item-row .ai-text-form-item-wrapper label{
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.1;
    color: #222222;
    margin-bottom: 0px;
}

.ai-text-translate-work-form-wrapper .ai-text-form-item-row .ai-text-form-item-wrapper.unit-rate label{
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.1;
    color: #222222;
    margin-bottom: 0px;
}

.ai-text-translate-work-form-wrapper .ai-text-form-item-row:not(:last-child){
    margin-bottom: 32px;
}

.ai-text-translate-work-form-wrapper .ai-text-form-item-row .ai-text-form-item-wrapper .text-translate-rate-input{
    border-bottom: 1px solid #C0C8CE !important;
    border: 0px;
    border-radius: 0px;
    padding: 4.5px 5px;
    display: block;
    width: 25%;
    text-align: end;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.1;
    color: #222222;
    transition: 0.3s all ease;
}

.ai-text-translate-work-form-wrapper .ai-text-form-item-row .ai-text-form-item-wrapper .text-translate-rate-input::placeholder {
    
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #9B9FA2;
}

.ai-text-translate-work-container .instant-text-translated-text-box .ai-text-area,
.ai-text-translate-work-container textarea.ai-text-area {
    height: auto;
    width: 100%;
    min-height: 175px;
    max-height: 100%;
    border: none;
    resize: none;
    background-color: transparent;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 1.5;
    color: #3c4043;
    overflow: hidden;
}

.ai-text-translate-text-area-wrapper .ai-text-area{
    height: 100%;
    width: 100%;
    min-height: 175px;
    border: none;
    resize: none;
    background-color: transparent;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 1.5;
    color: #3c4043;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: thin; /* Firefox */
    -ms-overflow-style: none; /* IE 10+ */
}

.ai-text-translate-work-container .instant-text-translated-text-box .ai-text-area{
    padding: 0px 15px 0px 0px;
}

.ai-text-translate-work-container textarea.ai-text-area{
    border-radius: 0px 0px 0px 6px;
    padding: 63px 40px 10px 28px;
}

/* .ai-text-area::-webkit-scrollbar-track {
    -webkit-box-shadow: none !important;
    background-color: transparent !important;
  }
  
  .ai-text-area::-webkit-scrollbar {
    width: 6px !important;
    background-color: transparent;
  }
  
  .ai-text-area::-webkit-scrollbar-thumb {
    background-color: #C7C7C7;
  } */


.ai-text-translate-text-area-wrapper .ai-text-area,
.instant-text-translated-text-box .ai-text-translate-work-container textarea.ai-text-area{
    line-height: 28px !important;
}

.ai-text-translate-text-area-wrapper .ai-text-area:focus,
.ai-text-translate-text-area-wrapper .ai-text-area:focus-within,
.ai-text-translate-text-area-wrapper .ai-text-area:focus-visible{
    outline: none;
}

.ai-text-translated-share-wrapper{
    margin-top: 20px;   
}

.instant-assign-modal-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #EBEBEB;
    padding: 17px 13px 13px 36px;
}

.ai-translated-share-row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

ul.share-row-list-outer{
    flex-direction: column;
    position: relative;
    top: 75px;
}

ul.share-row-list-outer,
.ai-translated-share-row > ul.share-row-list{
    padding-left: 0px;
    margin-bottom: 0px;
    list-style-type: none;
    display: flex;
    align-items: center;
    gap: 20px;
}

ul.share-row-list-outer > li.share-area,
.ai-translated-share-row > ul.share-row-list > li.share-area{
    position: relative;
}

ul.share-row-list-outer > li.share-area .share-translated-text-box,
.ai-translated-share-row > ul.share-row-list > li.share-area .share-translated-text-box{
    background: #FFFFFF;
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #0000000D;
    border-radius: 4px;
    padding: 3px 10px;
    position: absolute;
    top: -60px;
    left: -9px;
}

ul.share-row-list-outer > li.share-area .share-translated-text-box ul,
.ai-translated-share-row > ul.share-row-list > li.share-area .share-translated-text-box ul{
    padding-left: 0px;
    margin-bottom: 0px;
    list-style-type: none;
    display: flex;
    align-items: center;
    gap: 5px;
}

ul.share-row-list-outer > li.share-area .download-translated-text-box,
.ai-translated-share-row > ul.share-row-list > li.share-area .download-translated-text-box{
    background: #FFFFFF;
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #0000000D;
    border-radius: 4px;
    /* padding: 3px 10px; */
    position: absolute;
    top: -60px;
    left: -141px;
}

ul.share-row-list-outer > li.share-area .download-translated-text-box ul,
.ai-translated-share-row > ul.share-row-list > li.share-area .download-translated-text-box ul{
    padding-left: 0px;
    margin-bottom: 0px;
    list-style-type: none;
    /* display: flex; */
    /* align-items: center; */
    /* gap: 5px; */
}
ul.share-row-list-outer > li.share-area .download-translated-text-box ul li,
.ai-translated-share-row > ul.share-row-list > li.share-area .download-translated-text-box ul li{
    padding: 8px 21px 8px 10px;
}

ul.share-row-list-outer > li.share-area .download-translated-text-box ul li:hover,
.ai-translated-share-row > ul.share-row-list > li.share-area .download-translated-text-box ul li:hover{
    background-color: #E7EAEC;
    cursor: pointer;
}

ul.share-row-list-outer > li.share-area .share-translated-text-box ul li span,
.ai-translated-share-row > ul.share-row-list > li.share-area .share-translated-text-box ul li span{
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border-radius: 10px;
    cursor: pointer;
}

ul.share-row-list-outer > li.share-area .share-translated-text-box ul li span:hover,
.ai-translated-share-row > ul.share-row-list > li.share-area .share-translated-text-box ul li span:hover{
    background-color: #E7EAEC;
}

ul.share-row-list-outer > li.share-area .share-translated-text-box ul li span:hover .social-icons,
.ai-translated-share-row > ul.share-row-list > li.share-area .share-translated-text-box ul li span:hover .social-icons{
    color: #0078D4;
}

ul.share-row-list-outer > li.share-area .share-translated-text-box ul li span .social-icons,
.ai-translated-share-row > ul.share-row-list > li.share-area .share-translated-text-box ul li span .social-icons{
    width: 24px;
    color: #000000;
}

ul.share-row-list-outer > li.share-single-row-item span.share-icon-wrap,
.ai-translated-share-row > ul.share-row-list > li.share-single-row-item span.share-icon-wrap{
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border-radius: 50%;
    cursor: pointer;
    background-color: #F2F5F7;
    border: 1px dashed #C3C6CA;
}

.ai-translated-share-row button{
    width: 44px;
    height: 44px;
    display: flex;
    border: 0px;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border-radius: 50%;
    cursor: pointer;
}

.ai-btn-and-txt-cont button{
    width: 38px;
    height: 38px;
    display: flex;
    border: 0px;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border-radius: 50%;
    cursor: pointer;
}

.ai-btn-and-txt-cont button.standard-translate-TranslateButton,.ai-btn-and-txt-cont button.pdfconvert-TranslateButton{
    width: fit-content;
}

.ai-translated-share-row button:hover,
.ai-btn-and-txt-cont button:hover{
    background-color: #EBEBEB;
}

.ai-translated-share-row button .mic,
.ai-btn-and-txt-cont button .mic{
    color: #5F6368;
}


ul.share-row-list-outer > li.share-row-item span.share-icon-wrap,
.ai-translated-share-row > ul.share-row-list > li.share-row-item span.share-icon-wrap{
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border-radius: 50%;
    cursor: pointer;
}

ul.share-row-list-outer > li.share-row-item span.share-icon-wrap:hover,
.ai-translated-share-row > ul.share-row-list > li.share-row-item span.share-icon-wrap:hover{
    background-color: #EBEBEB;
}

.ai-instant-text-nlp-feature-list{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    position: relative;
}

.mb-23{
    margin-bottom: 23px;
}


.ai-instant-text-nlp-feature-list ul{
    padding-left: 0px;
    margin-bottom: 0px;
    list-style-type: none;
    display: flex;
    align-items: center;
}


.ai-instant-text-nlp-feature-list ul li{
    margin-right: 20px;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 20px;
    color: #3C4043;
    cursor: pointer;
    position: relative;
}

.ai-instant-text-nlp-feature-list ul li.active,
.ai-instant-text-nlp-feature-list ul li:hover{
    color: #0078D4;
}

.ai-instant-text-nlp-feature-list ul li.active{
    border-bottom: 2px solid #0078D4;
}


.ai-instant-text-nlp-feature-list ul li:last-child{
    margin-right: 0px;
}

.ai-text-translate-text-area-wrapper .ai-text-area:empty::before{
    content: attr(data-placeholder);
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 1.5;
    color: #b7bec4;
}
.ai-text-translate-work-container textarea.ai-text-area::placeholder {
    
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 1.5;
    color: #b7bec4;
}

.ai-action-cont-wrapper.pdf-convert-button-wrapper,
.ai-action-cont-wrapper.standard {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: auto;
    border-bottom: 0px solid #ECECEC;
    padding: 0px;
    margin-top: 20px;
}

.ai-action-cont-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 60px;
    border-bottom: 1px solid #ECECEC;
    padding: 0px 28px 0px 20px;
}

.ai-action-cont-wrapper .ai-sl-tl-cont {
    display: flex;
    align-items: center;
    gap: 16px;
}

.pdf-convert-button-wrapper.ai-action-cont-wrapper .ai-sl-tl-cont .ai-sl-tl-btn{
    padding: 7px 7px 7px 13px;
    width: 170px;
    justify-content: space-between;
}

.file-conversion-list-wrapper{
    /* min-height: 257px; */
}

.file-conversion-list-wrapper .audio-file-list-item .file-info-wrapper{
    width: 60%;
    max-width: 100%;
}

.file-conversion-list-wrapper .audio-file-list-item .pdf-convert-action-area{
    width: 40%;
    max-width: 100%;
    display: flex;
    align-items: center;
    height: inherit;
}

.file-conversion-list-wrapper .audio-file-list-item .pdf-convert-action-area .download-reload-area,
.file-conversion-list-wrapper .audio-file-list-item .pdf-convert-action-area .processing-convert-area{
    width: 50%;
    max-width: 100%;
}

.file-conversion-list-wrapper .audio-file-list-item .pdf-convert-action-area .processing-convert-area .process{
    background-color: #FFF1CB;
    border-radius: 3px;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 1.4;
    color: #FF9F21;
    text-transform: uppercase;
    padding: 3px 5px 3px 5px;
}

.file-conversion-list-wrapper .audio-file-list-item .pdf-convert-action-area .processing-convert-area .converted{
    background-color: #DBEAF8;
    border-radius: 3px;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 1.4;
    color: #0078D4;
    text-transform: uppercase;
    padding: 3px 5px 3px 5px;
}

.file-conversion-list-wrapper .audio-file-list-item .pdf-convert-action-area .processing-convert-area .failure{
    background-color: #dc354552;
    border-radius: 3px;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 1.4;
    color: #dc3545;
    text-transform: uppercase;
    padding: 3px 5px 3px 5px;
}

.file-conversion-list-wrapper .audio-file-list-item .pdf-convert-action-area .download-reload-area{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.lang-file-wrapper{
    display: flex;
    align-items: center;
    gap: 5px;
}

.lang-file-wrapper .lang-title{
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    color: #3C4043;
    margin-bottom: 0px;
}

.lang-file-wrapper .lang{
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    color: #0078D4;
    margin-bottom: 0px;
}

.ai-action-cont-wrapper .ai-sl-tl-cont .ai-sl-tl-btn {
    padding: 9px 9px 9px 12px;
    background-color: transparent;
    border-radius: 3px;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    transition: 0.3s all ease;
}

.ai-action-cont-wrapper .ai-sl-tl-cont .ai-sl-tl-btn:hover {
    background-color: #ebebeb;
    transition: 0.3s all ease;
}

.ai-action-cont-wrapper .ai-sl-tl-cont .ai-sl-tl-btn.remove-hover:hover  {
    background-color: transparent;
    transition: 0.3s all ease;
    cursor: context-menu !important;
}

.instant-text-translated-text-box{
    width: 50%;
    max-width: 100%;
    border-radius: 0px 0px 6px 0px;
    background: #F2F5F7;
}

.ai-text-translate-work-container .instant-text-translated-text-box .ai-text-area,
.ai-text-translate-work-container .instant-translate-row .instant-textarea-cont .ai-text-area{
    min-height: 300px;
}
.ai-text-translate-work-container .instant-text-translated-text-box .ai-text-area:focus,
.ai-text-translate-work-container .instant-translate-row .instant-textarea-cont .ai-text-area:focus{
    outline: 0;
}

.ai-text-translate-work-container .instant-text-translated-text-box.focused .ai-text-area,
.ai-text-translate-work-container .instant-translate-row .instant-textarea-cont.focused .ai-text-area,
.instant-textarea-cont.focused,
.instant-text-translated-text-box.focused{
    background: #fff !important;
}

.ai-instant-text-translated-inner-wrapper{
    padding: 15px 20px 12px 42px;
    pointer-events: none;
    opacity: 0.4;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.translated-text-remove-disable{
    padding: 15px 20px 12px 42px;
    pointer-events: unset;
    opacity: 1;
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.instant-text-translated-text-box-assign{
    padding: 34px;
}

.ai-action-cont-wrapper .ai-sl-tl-cont .ai-sl-tl-btn .text {
    
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    color: #3c4043;
    white-space: nowrap;
}

.rcs-button{
    border: none;
    background-color: transparent;
}

.mt-select--is-disabled .mt-select__indicators{
    opacity: 0.2;
}

.ai-action-cont-wrapper .ai-sl-tl-cont .ai-sl-tl-btn .icon {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #000000;
}

.ai-action-cont-wrapper .ai-sl-tl-cont .ai-sl-tl-btn .icon i {
    font-size: 14px;
}

.select-mt-icon {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #000000;
}

.select-mt-icon i {
    font-size: 14px;
}

.pdf-convert-button-wrapper .convert-loading-btn{
    padding: 7px 32px 7px 32px;
    font-weight: 500;
}

.convert-loading-btn {
    padding: 9.5px 14px 9.5px 17px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    color: #ffffff;
    background-color: #0078D4;
    display: flex;
    align-items: center;
    gap: 10px;
}

.pdfconvert-TranslateButton .trans-btn-txt{
    padding: 5.5px 21px 5.5px 20px !important;
}

.pdfconvert-TranslateButton .trans-btn-txt,
.standard-translate-TranslateButton .trans-btn-txt {
    padding: 9.5px 14px 9.5px 17px;
    white-space: nowrap;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    color: #ffffff;
    display: flex;
    align-items: center;
    gap: 10px;
}

.trans-btn-txt span i {
    font-size: 10px;
}

.ai-btn-and-txt-cont {
    display: flex;
    gap: 12px;
    align-items: center;
    padding: 0px 40px 15px 28px;
    justify-content: space-between;
}

.ai-action-cont-wrapper.pdf-convert-button-wrapper .ai-btn-and-txt-cont,
.ai-action-cont-wrapper.standard .ai-btn-and-txt-cont {
    display: flex;
    gap: 12px;
    align-items: center;
    padding: 0;
    justify-content: unset;
}



.ai-btn-and-txt-cont .calc-txt {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.5;
    color: #5f6368;
    margin-bottom: 0px;
    white-space: nowrap;
}


.ai-mt-type-wrapper .ai-mt-header {
    display: flex;
    align-items: center;
    gap: 15px;
}

.ai-mt-type-wrapper .ai-mt-header .title {
    
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    color: #3c4043;
    margin-bottom: 0px;
}

.ai-mt-type-wrapper .ai-mt-header .ai-show-more-btn {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

.ai-mt-type-wrapper .ai-mt-header .mid-line {
    flex-grow: 1;
    height: 1px;
    background-color: #000000;
    opacity: 0.1;
}
.ai-mt-type-wrapper .ai-mt-header .ai-show-more-btn .txt {
    
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.5;
    color: #707070;
}

.ai-mt-type-wrapper .ai-mt-header .ai-show-more-btn .icon {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #707070;
}

.ai-mt-type-wrapper .ai-mt-header .ai-show-more-btn .icon i {
    font-size: 10px;
}

.ai-mt-card-list-wrapper {
    margin-top: 22px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.ai-mt-card-list-wrapper .ai-mt-card .mt-card-header {
    padding: 12px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #d3dee5;
    gap: 10px;
    height: 60px;
}

.mt-translated-txt {
    padding: 0px 35px;
    
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.8;
    color: #3c4043;
    height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 16px 0px;
}

.ai-mt-card-list-wrapper .ai-mt-card {
    background: #ffffff;
    /* box-shadow: 0px 3px 6px #00000029; */
    box-shadow: 0 0 transparent,0 0 transparent,0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);
    border-radius: 8px;
    width: 371px;
    height: auto;
    transition: 0.4s all ease-in;
}

.ai-mt-card-list-wrapper .ai-mt-card.selected {
    background: #ebf7ff;
    transition: 0.4s all ease-in;
}

.ai-btn-card-select-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 22px;
}

.trans-btn-padd {
    padding: 9px 30px !important;
}

.ai-sl-tl-wrapper {
    display: flex;
    align-items: center;
}

.ai-sl-tl-wrapper .stop-icon,
.ai-sl-tl-wrapper .mic-icon {
    padding: 7px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background-color: transparent;
    transition: 0.3s all ease;
    display: flex;
    align-items: center;
    gap: 7px;
    border-radius: 3px;
    margin-left: 30px;
}

.ai-sl-tl-wrapper .stop-icon:hover,
.ai-sl-tl-wrapper .mic-icon:hover {
    background-color: #ebebeb;
    transition: 0.3s all ease;
}

.ai-sl-tl-wrapper .stop-icon .txt,
.ai-sl-tl-wrapper .mic-icon .txt {
    
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    color: #3c4043;
}

.listen-loader {
    width: 60px;
    position: relative;
    top: -10px;
    margin-left: 15px;
}

.downloading-animation{
    width: 23px;
    height: 23px;
}

@-webkit-keyframes ai-fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes ai-fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.ai-fadeIn {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: ai-fadeIn;
    animation-name: ai-fadeIn;
    animation-timing-function: ease-in-out;
}

.add-bor-rad-before {
    border-radius: 0px 0px 9px 0px;
    border-bottom: 1px solid #e4e4e4;
    overflow: hidden;
    position: relative;
}

.add-bor-rad-after {
    border-radius: 0px 9px 0px 0px;
    border-top: 1px solid #e4e4e4;
}

.side-bar-tab-glb-wrapper .side-bar-tab-box.active {
    /* overflow: hidden; */
    position: relative;
}

/* .add-bor-rad-before::before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 9px;
    bottom: 0;
    right: 0;
    box-shadow: 50px 50px 0 0 red;
 } */

/* .new-add-height{
     height: 36.3% !important;
 } */

.ai-translate-file-wrapper {
    padding: 32px 45px;
    background: #fff;
    border-radius: 8px;
    /* box-shadow: 0px 3px 6px #00000029; */
    box-shadow: 0 0 transparent,0 0 transparent,0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);
    width: 100%;
    height: auto;
    margin: auto;
    transition: ease-in-out 0.3s;
}

.ai-proj-set-width {
    width: 70%;
    margin: auto;
}

.ai-proj-set-width p {
    margin: auto auto 20px auto !important;
}

.new-file-proj-setup-wrapper {
    flex-direction: column;
    gap: 0px;
    width: 100%;
    margin: 45px auto auto auto;
}

.new-file-proj-setup-wrapper .input-form-field,
.new-file-proj-setup-wrapper .form-fields {
    width: 100%;
    max-width: 100%;
}

.new-file-proj-setup-wrapper .form-fields .form-group{
    margin-bottom: 33px;
}

.no-found-area-box {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* New Project Setup */

.workspace-no-segment-found {
    width: 100%;
    margin-top: 20px;
    background-color: transparent;
    border-radius: 4px;
    border: 1px solid transparent;
    height: 79vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.workspace-no-segment-found p {
    
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.5;
    color: #3c4043;
    margin-bottom: 0px;
    position: relative;
    left: 30px;
    right: 30px;
    top: -45px;
}

.ai-texbox-validation-alert {
    position: absolute;
    top: 12%;
    left: 0;
  }
  
  .ai-texbox-validation-alert p {
    color: #3c4043;
    font-size: 14px;
    line-height: 22px;
    font-weight: normal;
    margin-bottom: 0px;
    border-radius: 5px;
    padding: 10px 14px;
    background-color: #ffffff;
    box-shadow: 0px 1px 8px #00000063;
    display: flex;
    align-items: center;
    position: relative;
    margin-top: 7px;
    box-sizing: border-box;
  }
  
  .ai-texbox-validation-alert p::after {
    content: "";
    position: absolute;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    border-bottom: solid 10px #fff;
    filter: drop-shadow(0px 0px 25px #333);
    height: 0;
    width: 0;
    top: -7px;
  }
  
  .ai-texbox-validation-alert img {
    padding-right: 0.5rem;
  }

  .btn-text{
    
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    color: #3c4043;
    padding: 5px 12px 5px 7px;
    background-color: #ffffff;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 2px;
  }

  .text-area-wizard-wrapper .text-area-wrap {
    margin-bottom: 34px;
   }

   .text-area-wizard-wrapper .select-mt-wrap{
    margin-bottom: 30px;
   }

  .text-area-wizard-wrapper .text-translate-btn-wrap,
  .text-area-wizard-wrapper .select-mt-wrap,
  .text-area-wizard-wrapper .text-area-wrap{
    display: flex;
    gap: 20px;
    height: 100%;
    position: relative;
  }

  .text-area-wizard-wrapper .select-mt-wrap .collapse{
    width: 100%;
  }

  .text-area-wizard-wrapper .text-translate-btn-wrap .wizard-numbers-list,
  .text-area-wizard-wrapper .select-mt-wrap .wizard-numbers-list,
  .text-area-wizard-wrapper .text-area-wrap .wizard-numbers-list{
    position: absolute;
    height: 100%;
    left: -40px;
  }

  .text-area-wizard-wrapper .wizard-numbers-list .wizard-num{   
    width: 22px;
    height: 22px;
    background-color: #C2C2C2;
    
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
  }

  .text-area-wizard-wrapper .wizard-numbers-list .wizard-num.active{
    background-color: #0074D3;
  }

  .text-area-wizard-wrapper .wizard-numbers-list::after{
    content: "";
    display: block;
    width: 2px;
    height:100%;
    margin: auto;
    background-image:linear-gradient(to bottom, #DAD9D9 0%, #DAD9D9 50%, transparent 50%);
    background-size:2px 12px;
    background-repeat:repeat-y;
    position: relative;
    top: 7px;
  }

  .text-area-wizard-wrapper .text-translate-btn-wrap .wizard-numbers-list::after{
    display: none;
  }

  .text-area-wizard-wrapper .instant-text-translate-wrapper{
    display: flex;
    align-items: baseline;
    gap: 15px;
  }

  .text-area-wizard-wrapper .instant-text-translate-wrapper,
  .text-area-wizard-wrapper .text-area-wrap .text-translate-working-wrap{
    width: 100%;
  }

  .improve-btn-wrapper .ai-mt-header {
    display: flex;
    align-items: center;
    gap: 15px;
    width: 100%;
}

.improve-btn-wrapper .ai-mt-header .title {
    
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    color: #3c4043;
    margin-bottom: 0px;
}

.improve-btn-wrapper .ai-mt-header .mid-line {
    flex-grow: 1;
    height: 1px;
    background-color: #000000;
    opacity: 0.1;
}

.foot-note {
    color: #9b9fa2;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 0;
}

.selected-lang-wrap{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 15px;
}

.selected-lang-wrap .title{
    color: #3c4043;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;

}

.lang-list-wrap{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.selected-lang-list-wrap{
    display: flex;
    align-items: center;
    gap: 5px;
}

.selected-lang-wrap .lang-wrap{
    padding: 5px 8px;
    color: #3c4043;
    font-size: 14px;
    line-height: 24px;
    font-weight: normal;

    transition: 0.4s all ease;
    border-radius: 3px;
    background-color: #f1f1f1;
}


.prompt-close-btn{
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: transparent;
    transition: 0.4s all ease;
    position: absolute;
    right: 16px;
    top: 16px;
  }
  
  .prompt-close-btn:hover{
    background: #e9eaea;
    cursor: pointer;
  }

  .alert-content-wrap{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 18px;
    height: 100%;
    text-align: center;
  }

  .alert-content-wrap img{
    width: 48px;
  }

  .alert-content-wrap .info-txt{
    color: #3c4043;
    font-size: 14px;
    line-height: 24px;
    font-weight: normal;
    transition: 0.4s all ease;
    margin-bottom: 0px;
  }

  .alert-content-wrap .title-txt{
    color: #3c4043;
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    transition: 0.4s all ease;
    margin-bottom: 0px;
  }

  .ai-instant-compare-mt .rodal-mask{
    background: #00000066 !important;
  }

  .ai-instant-compare-mt .rodal-dialog{
    padding: 23px 30px 18px 30px !important;
    box-shadow: 0px 3px 14px #00000038 !important;
    border-radius: 5px !important;
    width: 65% !important;
    height: max-content !important;
  }

  .ai-instant-compare-mt .instant-compare-mt-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 26px;
  }

  .ai-instant-compare-mt .instant-compare-mt-header h1{
    color: #3C4043;
    font-size: 22px;
    line-height: 24px;
    font-weight: 500;
  }

  .instant-compare-mt-body .mt-row{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 14px;
  }

  .instant-compare-mt-body .mt-row .mt-container{
    height: 300px;
    background: transparent;
    border: 1px solid #E0E0E0;
    border-radius: 8px;
  }

  .instant-compare-mt-body .mt-row .mt-container.selected{
    background: #EBF7FF;
    border: 1px solid #0078D4;
  }

  .instant-compare-mt-body .mt-row .mt-container .mt-card-header{
    padding: 12px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #d3dee5;
    gap: 10px;
    height: 60px;
  }

  .ai-mark-confirm-box {
    z-index: 1080 !important;
  }

  .ai-mark-confirm-box.pdf-box .rodal-dialog{
    width: 450px !important;
  }
  

.ai-mark-confirm-box .rodal-dialog {
    border: none;
    box-shadow: 0px 20px 30px #0000003D !important;
    border-radius: 4px !important;
    padding: 0 !important;
    width: 450px !important;
    height: 300px;
    /* max-width: 100%; */
}
.ai-mark-confirm-box .rodal-dialog:has(div.confirmation-warning-wrapper) {
    width:510px !important;
    height: 260px !important; 
}

.react-joyride__overlay{
    z-index: 100 !important;
}

.ai-mark-confirm-box .confirmation-warning-wrapper{
    /* width: 100%; */
    height: 100%;
    padding: 12px 12px 20px 25px;
}
.confirmation-warning-wrapper div{
    width: 100%;
    display: flex;
}
.confirmation-warning-wrapper div:nth-child(1),.confirmation-warning-wrapper div:last-child{
    justify-content: flex-end;
}
.confirmation-warning-wrapper div:last-child{
    top: 30px;
    position: relative;
    gap: 10px;
    letter-spacing: 0px;
    padding: 0 12px 0 0 ;
}
.confirmation-warning-wrapper div:last-child button{
    width: 100px;
    height: 40px;
    font: 14px;
    font-family: Roboto;
    font-style: normal;
    box-shadow: none !important;
    border-radius: 3px !important;
    text-transform: capitalize;
}
.confirmation-warning-wrapper div:nth-child(4) button:nth-child(2){
    background: #0078D4;
    color: #FFFFFF;
}
.confirmation-warning-wrapper div>span{
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: background-color  0.3s ease;
}
.confirmation-warning-wrapper div>span:hover{
    background-color: rgba(0, 0, 0, 0.05);
    cursor: pointer;
}

/* .confirmation-warning-wrapper div span> svg{
    width: 26px;
    height: 26px;
} */
.confirmation-warning-wrapper>div:nth-child(2),.confirmation-warning-wrapper>div:nth-child(3) {

    top: 340px;
    left: 767px;
    width: 350px;
    word-wrap: break-word;
    text-align: left;
    font-size: 18px !important;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    margin-top: 10px;
}
.confirmation-warning-wrapper div:nth-child(3){
    font-size: 14px !important;
    font-weight: normal;
    /* margin-top: 11px !important; */
}


  .confirmation-wrapper{

    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 15px;
  }

.confirmation-wrapper h2{
     
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    font-size: 18px;
    color: #3C4043;
    margin-bottom: 0px;
    text-align: center;
}

.confirmation-wrapper .button-row{
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 12px;
}

.confirmation-wrapper .button-row .cancel-txt {
        font-style: normal;
        font-weight: 500;
        line-height: 1.5;
        font-size: 14px;
        color: #3c4043;
        line-height: 1.4;
        padding: 10px 26.5px;
    }

.confirmation-wrapper .button-row .submit-txt {
        font-style: normal;
        font-weight: 500;
        line-height: 1.5;
        font-size: 15px;
        color: #ffffff;
        line-height: 1.4;
        padding: 10px 36px;
}



.confirmation-wrapper-mod{
    padding: 40px 30px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 15px;
  }

.confirmation-wrapper-mod h2{
     
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    font-size: 16px;
    color: #3C4043;
    margin-bottom: 0px;
    text-align: center;
}

.confirmation-wrapper-mod .button-row{
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 12px;
}

.confirmation-wrapper-mod .button-row .cancel-txt {
     
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    font-size: 14px;
    color: #3c4043;
    line-height: 1.4;
    padding: 10px 36px;
}

.confirmation-wrapper-mod .button-row .submit-txt {
     
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    font-size: 15px;
    color: #ffffff;
    line-height: 1.4;
    padding: 10px 36px;
}

.confirmation-wrapper-mod .warning-icon{

    font-size: 54px;
    color: #FFBC16;

}


/* Localization */

.country-placeholder-icon-box{
    position: absolute;
    left: 0;
}

.lang-drpdown__value-container{
    padding-left: 27px !important;
  }

  .lang-drpdown__single-value{
    color: #ffffff !important;
    font-weight: 400;
  }

/* Localization */

/* Voice Working area */

.voice-work-area-wrapper{
    background-color: #ffffff;
    /* box-shadow: 0px 3px 6px #00000029; */
    box-shadow: 0 0 transparent,0 0 transparent,0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);
    border-radius: 8px;
    padding: 20px 34px 20px 32px;
    margin-top: 32px;
    min-height: 400px;
    height: auto;
    display: flex;
    flex-direction: column;
}

.voice-work-area-wrapper ul.voice-tab-switch{
    display: flex;
    gap: 47px;
    padding-left: 0px;
    margin-bottom: 20px;
    list-style-type: none;
    height: 30px;
}

.voice-work-area-wrapper ul.voice-tab-switch li.voice-tab-item{
    cursor: pointer;
}

.voice-work-area-wrapper ul.voice-tab-switch li.voice-tab-item p{
     
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    font-size: 16px;
    color: #3C4043;
    line-height: 1.4;
    padding: 0px 2px;
    margin-bottom: 0px;
}

.voice-work-area-wrapper ul.voice-tab-switch li.voice-tab-item.active p{
     
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    font-size: 16px;
    color: #0078D4;
    line-height: 1.4;
    padding: 0px 2px;
    margin-bottom: 0px;
}

.voice-work-area-wrapper ul.voice-tab-switch li.voice-tab-item.active::after{
    content: "";
    display: block;
    margin-top: 4px;
    height: 3px;
    width: 100%;
    background-color: #0078D4;
}

.voice-work-area-wrapper .voice-work-area-content{
    flex-grow: 1;
    padding: 0px 0px 20px 0px;
}

.voice-work-area-wrapper .voice-work-area-button-row{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 40px;
    margin-top: 20px;
    flex-direction: row-reverse;
    gap: 12px;
}

.voice-work-area-wrapper .voice-work-area-button-row .ai-sl-tl-cont .ai-sl-tl-btn {
    padding: 9px 13px 9px 13px;
    background-color: transparent;
    border-radius: 3px;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    transition: 0.3s all ease;
}

.voice-work-area-wrapper .voice-work-area-button-row .ai-sl-tl-cont .ai-sl-tl-btn:hover {
    background-color: #ebebeb;
    transition: 0.3s all ease;
}

.voice-work-area-wrapper .voice-work-area-button-row .ai-sl-tl-cont .ai-sl-tl-btn .text {
    
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    color: #3c4043;
}

.voice-work-area-wrapper .voice-work-area-button-row .ai-sl-tl-cont .ai-sl-tl-btn .icon {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #000000;
}

.voice-work-area-wrapper .voice-work-area-button-row .ai-sl-tl-cont .ai-sl-tl-btn .icon i {
    font-size: 14px;
}

.upload-audio-work-area{
    height: 200px;
}

.file-drop-area-wrapper{
    height: inherit;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    /* flex-direction: column; */
    text-align: center;
    border-width: thin;
    border: 2px dashed #d3d4d5;
    border-radius: 8px;
}

.file-drop-area-wrapper img{
    margin-right: 20px;
}

.dragging-main-wrapper{
    background-color: #F5FAFF;
    border-width: thin;
    border: 2px dashed #0078D4;
    border-radius: 8px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
}

.dragging-inner-wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    height: 100%;
}

.dragging-inner-wrapper .file-upload{
    color: #0078D4;
    font-size: 40px;
    margin-bottom: 10px;
}

.dragging-inner-wrapper h3{
    font-weight: 500;
    font-size: 22px;
    line-height: 1.3;
    color: #0078D4;
    margin-bottom: 0px !important;
}

.dragging-inner-wrapper > div[role="button"]{
    width: 150px !important;
}

.opac-25{
    background-color: #f5faffb0 !important;
}

.settings-drag-n-drop-file-upload{
    margin-bottom: 26px;
}

.file-drop-area-wrapper .content-wrapper{
    /* margin-top: 17px; */
}

.ai-sl-tl-cont .instant-compare-mt{
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 1.5;
    color: #0078D4;
    text-decoration: underline;
    text-transform: capitalize;
    margin-bottom: 0px;
    margin-left: 33px;
    cursor: pointer;
}

.file-drop-area-wrapper .content-wrapper .content-one-info{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.file-drop-area-wrapper .content-wrapper .content-one-info .txt{
    
    font-weight: normal;
    font-size: 14px;
    line-height: 15px;
    color: #74788D;
    margin-bottom: 0px !important;
}

.voice-file-manual-upload{
    position: relative;
}

.file-drop-area-wrapper .content-wrapper .content-one-info .voice-file-manual-upload label{
    
    font-weight: 500;
    font-size: 14px;
    line-height: 15px;
    color: #0073D6;
    margin-bottom: 0px !important;
    padding: 0.5rem 0.5rem 0.5rem 0.3rem;
    cursor: pointer;
    text-decoration: underline;
}

.file-drop-area-wrapper .content-wrapper .content-two-info {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 10px;
}

.file-drop-area-wrapper .content-wrapper .content-two-info .max-word-note,
.file-drop-area-wrapper .content-wrapper .content-two-info .max-file-note {
    
    font-weight: normal;
    font-style: normal;
    font-size: 13px;
    line-height: 1.2;
    color: #a5a5a5;
}

.file-drop-area-wrapper .content-wrapper .content-two-info .max-word-note {
    padding-right: 11px;
    border-right: 1px solid #a5a5a5;
}

.file-drop-area-wrapper .content-wrapper .content-two-info .add-padd-left{
    padding-left: 11px;
}

.file-drop-area-wrapper .content-wrapper .content-two-info .max-file-note {
    padding-left: 11px;
}

.file-drop-area-wrapper .content-wrapper .content-two-info .max-file-note span,
.file-drop-area-wrapper .content-wrapper .content-two-info .max-word-note span {
    
    font-weight: 500;
    font-style: normal;
    font-size: 13px;
    line-height: 1.2;
    color: #7f7f7f;
}
/* 
.pdf-convert-wrapper .audio-file-list-wrapper{
    height: 200px;
    padding-top: 0px;
} */

.pdf-convert-wrapper .audio-file-list-wrapper .audio-file-list-item:first-child{
    padding-top: 0px;
}

.audio-file-list-wrapper{
    padding-top: 10px;
}

.audio-file-list-wrapper .add-more-files-wrap{
    padding-left: 15px;
}

.audio-file-list-wrapper .audio-file-list-item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 15px;
    padding-bottom: 14px;
    border-bottom: 1px solid #EBECEE;
    height: 60px;
}

.audio-file-list-wrapper .audio-file-list-item .file-info-wrapper{
    display: flex;
    align-items: center;
    gap: 14px;
}

.audio-file-list-wrapper .audio-file-list-item .file-info-wrapper .file-name-wrap{
    display: flex;
    flex-direction: column;
}

.audio-file-list-wrapper .audio-file-list-item .file-info-wrapper .file-name-wrap .title{
    
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 1.5;
    color: #3C4043;
}

.audio-file-list-wrapper .audio-file-list-item .file-info-wrapper .file-name-wrap small{
    
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    line-height: 1.5;
    color: #989898;
}

.add-more-files-wrap{
    padding-top: 28px;
}

.add-more-files-wrap .form-control-file {
    display: flex;
    align-items: center;
    padding: 7px 0;
    margin-left: -4px;
    
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 24px;
    color: #3c4043;
    cursor: pointer;
    width: fit-content;
    width: -moz-fit-content;
    margin-bottom: 0px;
    transition: all 0.2s;
}

.add-more-files-wrap .form-control-file:hover {
    color: #0078d4;
    text-decoration: underline;
}

.add-more-files-wrap .form-control-file span {
    margin-right: 0px;
    position: relative;
    top: -2px;
}

.record-audio-work-area{
    min-height: 200px;
    height: auto;
    max-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.record-audio-wrapper{
    height: inherit;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    border-width: thin;
    border: 2px dashed transparent;
}

.record-audio-wrapper p{
    
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 1.5;
    color: #74788D;
    margin-bottom: 0px;
    margin-top: 13px;
}

.record-audio-wrapper .icon-overview{
    width: 66px;
    height: 66px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #D8D8D8;
}

.record-audio-wrapper .icon-overview .mic-icon{
    font-size: 32px;
    color: #5f6269;
}

.record-audio-wrapper .icon-overview  .recording{
    width: 24px;
    height: 24px;
    border-radius: 4px;
    background-color: #E74C3C;
}

.rec-audio-file-list-wrapper{
    border-top: 1px solid #D9DBDF;
    padding-top: 22px;
}

.rec-audio-file-list-wrapper .rec-audio-list-item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 14px;
    width: 100%;
}

.rec-audio-file-list-wrapper .rec-audio-list-item{
    border-bottom: 1px solid #EBECEE;
}

.rec-audio-file-list-wrapper .rec-audio-list-item:not(:first-child){
    padding-top: 14px;
}

.rec-audio-file-list-wrapper .rec-audio-list-item .audio-file-info{
    width: 25%;
    max-width: 100%;
} 

.rec-audio-file-list-wrapper .rec-audio-list-item .audio-play-pause{
    width: 10%;
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
} 

.audio-play-pause{
    width: 10%;
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
} 

.rec-audio-file-list-wrapper .rec-audio-list-item .audio-player{
    width: 55%;
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.rec-audio-file-list-wrapper .rec-audio-list-item .audio-file-remove{
    width: 10%;
    max-width: 100%;
    display: flex;
    justify-content: flex-end;
}

.rec-audio-file-list-wrapper .rec-audio-list-item .audio-play-pause .play-pause-wrap{
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: transparent;
    transition: all 0.3s;
    cursor: pointer;
}

.rec-audio-file-list-wrapper .rec-audio-list-item .audio-play-pause .play-pause-wrap .pauseIcon{
    font-size: 24px;
    color: #000000;
    stroke: #000000;
    stroke-width: 2;
}

.rec-audio-file-list-wrapper .rec-audio-list-item .audio-play-pause .play-pause-wrap .icon{
    font-size: 33px;
    color: #000000;
}

.rec-audio-file-list-wrapper .rec-audio-list-item .audio-play-pause .play-pause-wrap:hover {
    background: #ececec;
}

.audio-play-pause .play-pause-wrap{
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: transparent;
    transition: all 0.3s;
    cursor: pointer;
}

.audio-play-pause .play-pause-wrap .pauseIcon{
    font-size: 24px;
    color: #000000;
    stroke: #000000;
    stroke-width: 2;
}

.audio-play-pause .play-pause-wrap .icon{
    font-size: 33px;
    color: #000000;
}

.audio-play-pause .play-pause-wrap:hover {
    background: #ececec;
}

.rec-audio-file-list-wrapper .rec-audio-list-item .audio-file-info .file-info-wrapper{
    display: flex;
    align-items: center;
    gap: 14px;
}

.rec-audio-file-list-wrapper .rec-audio-list-item .audio-file-info .file-info-wrapper .file-name-wrap{
    display: flex;
    flex-direction: column;
}

.rec-audio-file-list-wrapper .rec-audio-list-item .audio-file-info .file-info-wrapper .file-name-wrap .title{
    
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 1.5;
    color: #3C4043;
}

.rec-audio-file-list-wrapper .rec-audio-list-item .audio-file-info .file-info-wrapper .file-name-wrap small{
    
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    line-height: 1.5;
    color: #989898;
}

.audio-file-delete {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: transparent;
    transition: all 0.3s;
}

.audio-file-delete:hover {
    background: #ececec !important;
}

/* Custom Slider UI */
.audio-slider-container{
    --progress-bar-height: 2px;
    --thumb-width: 16px;
    --thumb-height: 16px;
}

.audio-slider-container{
    width: 60%;
    position: relative;
}

/* Background */
.audio-slider-container::before {
    content: '';
    background-color: #0078D44D;
    width: 99%;
    height: calc(var(--progress-bar-height) - 1px);
    display: block;
    position: absolute;
    border-radius: 4px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
  }
  
  /* Custom Progress Bar */
  .audio-progress-bar-cover {
    background-color: #0078D4;
    width: 0%;
    height: var(--progress-bar-height);
    display: block;
    position: absolute;
    border-radius: 4px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    user-select: none;
    pointer-events: none;
  }
  
  /*  Hide Original */
  .slider-range {
    -webkit-appearance: none;
    background-color: transparent;
    height: 10px;
    width: 100%;
    cursor: pointer;
    opacity: 0;
    margin: 0 auto;
  }
  
  .slider-range::-webkit-slider-thumb {
    width: var(--thumb-width);
    height: var(--thumb-height);
  
    background: #350f2d;
    border: 1px solid #000000;
    border-radius: 50%;
    cursor: pointer;
    -webkit-appearance: none;
  }
  
  .audio-thumb {
    width: var(--thumb-width);
    height: var(--thumb-height);
    box-shadow: 0px 1px 2px #00000070;
    z-index: 3;
    background: #0078D4;
    position: absolute;
    border-radius: 50%;
    top: 50%;
    transform: translate(0%, -50%);
    pointer-events: none; /* Remove pointer events on thumb so user can click on the actual thumb beaneath it!  */
    user-select: none; /*  Prevent Accidentally highlighting the number while sliding the cursor  */
  }

  .audio-file-timings{
    
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 1.5;
    color: #74788D;
    margin-bottom: 0px;
    width: 20%;
    text-align: center;
  }

/* Custom Slider UI */

/* Voice Working area */

.po-modal-section .rodal-dialog{
    width: 640px !important;
    height: 80% !important;
}

.po-modal-section .po-modal-wrapper{
    height: 100%;
    padding: 25px;
    margin: auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.po-modal-wrapper h2{
     
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    font-size: 22px;
    color: #3C4043;
    margin-bottom: 0px;
}

.po-modal-wrapper .button-row{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 12px;
}

.po-modal-wrapper .button-row .cancel-txt {
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    font-size: 14px;
    color: #3c4043;
    line-height: 1.4;
    padding: 10px 26.5px;
}

.po-modal-wrapper .button-row .submit-txt {
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    font-size: 15px;
    color: #ffffff;
    line-height: 1.4;
    padding: 10px 36px;
}

#toolbarViewer {
    display: none !important; /* hide PDF viewer toolbar */
}

.paraphrase-div{
    display: flex;
    flex-grow: 1;
    overflow: auto;
    position: relative;
}

.assigned-to-switch-editors-list::-webkit-scrollbar,
.ts-draft-editor::-webkit-scrollbar,
.ai-text-translate-text-area-wrapper .ai-text-area::-webkit-scrollbar,
.ts-work-area-wrapper textarea.ai-text-area::-webkit-scrollbar,
.term-edit-suggestion-part::-webkit-scrollbar,
.advanced-section-wrapper::-webkit-scrollbar,
.paraphrase-div::-webkit-scrollbar,.ai-text-area::-webkit-scrollbar{
    width: 8px;
}

.assigned-to-switch-editors-list::-webkit-scrollbar-track,
.ts-draft-editor::-webkit-scrollbar-track,
.ai-text-translate-text-area-wrapper .ai-text-area::-webkit-scrollbar-track,
.ts-work-area-wrapper textarea.ai-text-area::-webkit-scrollbar-track,
.term-edit-suggestion-part::-webkit-scrollbar-track,
.advanced-section-wrapper::-webkit-scrollbar-track,
.paraphrase-div::-webkit-scrollbar-track,.ai-text-area::-webkit-scrollbar-track{
    background: #ffffff;
}

.assigned-to-switch-editors-list::-webkit-scrollbar-thumb,
.ts-draft-editor::-webkit-scrollbar-thumb,
.ai-text-translate-text-area-wrapper .ai-text-area::-webkit-scrollbar-thumb,
.ts-work-area-wrapper textarea.ai-text-area::-webkit-scrollbar-thumb,
.term-edit-suggestion-part::-webkit-scrollbar-thumb,
.paraphrase-div::-webkit-scrollbar-thumb,.ai-text-area::-webkit-scrollbar-thumb {
    background-color: #c3c4c6;
    border-radius: 50px;
    border: 2px solid #ffffff;
}

.advanced-section-wrapper::-webkit-scrollbar-thumb{
    background-color: #c3c4c6;
    border-radius: 50px;
    opacity: 0;
    visibility: hidden;
    border: 2px solid #ffffff;
    transition: 0.4s all ease;
}

.paraphrase-source-div{
    padding: 0px 20px 20px 0px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    font-size: 13px;
    color: #3C4043;
}

.paraphrase-source-div{
    width: 50%;
    max-width: 100%;
    position: sticky;
    top: 0;
}

.paraphrase-result-div{
    padding: 0px 0px 20px 0px;
    width: 50%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
}
.paraphrase-result-div li{
    padding: 10px 12px;
    width: 100%;
    background-color: #F6F6F6;
    border-radius: 4px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    font-size: 13px;
    color: #3C4043;
}

.paraphrase-result-div li:not(:last-child){
    margin-bottom: 8px;
}

.paraphrase-result-div li:hover{
    background-color: #e8f0fe !important;
    cursor: pointer;
}

.paraphrase-section{
    padding: 17px 0px 0px 12.8px;
    height: inherit;
    width: 1275px;
    margin: auto;
    display: flex;
    flex-direction: column;
}

.paraphrase-header-wrap{
    display: flex;
    align-items: center;
    gap: 17px;
    height: 22px;
    margin-bottom: 10px;
}

.paraphrase-header-wrap p:first-child{
    width: 49%;
    max-width: 100%;
}

/* .paraphrase-header-wrap p:nth-child(2){
    width: 10%;
    max-width: 100%;
} */

.paraphrase-header-wrap .arrow-icon{
    font-size: 22px;
    color: #5F6368;
}

.paraphrase-header-wrap p:last-child{
    width: 51%;
    max-width: 100%;
}

.paraphrase-header-wrap p{
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    font-size: 14px;
    color: #5F6368;
    margin-bottom: 0px;
}

.paraphrase-loader{
    height: 100%;
}

.paraphrase-loader div[role="button"]{
    height: 40px !important;
}

.add-edit-new-term-modal-wrapper{
    z-index: 1080 !important;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

.add-edit-new-term-modal-wrapper .rodal-dialog{
    -webkit-box-shadow: 0px 24px 38px 3px rgb(0 0 0 / 14%), 0px 9px 46px 8px rgb(0 0 0 / 12%), 0px 11px 15px -7px rgb(0 0 0 / 20%) !important;
    box-shadow: 0px 24px 38px 3px rgb(0 0 0 / 14%), 0px 9px 46px 8px rgb(0 0 0 / 12%), 0px 11px 15px -7px rgb(0 0 0 / 20%) !important;
    border-radius: 10px !important;
    width: 555px !important;
}

.ai-glossary-clone-modal{
    z-index: 1080 !important;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

.ai-glossary-clone-modal .rodal-dialog{
    -webkit-box-shadow: 0px 20px 43px #0000004D !important;
    box-shadow: 0px 20px 43px #0000004D !important;
    border-radius: 10px !important;
    width: 905px !important;
}


.add-edit-new-term-modal-wrapper .header-area{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.add-edit-new-term-modal-wrapper .header-area-wrapper{
    padding: 22px 30px 15px 30px;
    border-bottom: 1px solid #EBEBEB;
}

.add-edit-new-term-modal-wrapper .footer-area-wrapper{
    padding: 22px 30px 15px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.add-edit-new-term-modal-wrapper .footer-area-wrapper .clear-all-button{
    padding: 10px 15px;
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    cursor: pointer;
    transition: 0.3s all ease;
}

.add-edit-new-term-modal-wrapper .footer-area-wrapper .clear-all-button span{
    
    font-style: normal;
    font-weight: 500;
    line-height: 1.2;
    font-size: 14px;
    color: #3C4043;
    margin-bottom: 0px;
}

.add-edit-new-term-modal-wrapper .footer-area-wrapper .clear-all-button:hover{
    background-color: #F3F3F3;
    transition: 0.3s all ease;
}


.add-edit-new-term-modal-wrapper .header-area h1{
    
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    font-size: 22px;
    color: #3C4043;
    margin-bottom: 0px;
}

.terms-add-list-area{
    padding-top: 22px;
    display: flex;
    align-items: center;
    gap: 28px;
}

.terms-add-list-area .tab-item{
    
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    font-size: 15px;
    color: #5F6368;
    margin-bottom: 0px;
    padding: 6px 8px;
    cursor: pointer;
    border-radius: 4px;
    transition: 0.3s all ease;
}

.terms-add-list-area .tab-item.active{
    background-color: #DBEBF9;
    color: #0074D3;
}

.terms-add-list-area .tab-item:hover{
    background-color: #F3F3F3;
    transition: 0.3s all ease;
}

.add-edit-new-term-modal-wrapper .header-area span{
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: transparent;
    cursor: pointer;
    transition: 0.3s all ease;
}

.add-edit-new-term-modal-wrapper .header-area span:hover{
    background-color: #F3F3F3;
    transition: 0.3s all ease;
}

.add-edit-new-term-modal-wrapper .header-area span .close-icon{
    color: #5F6368;
    font-size: 20px;
}

.main-suggestion-box{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    row-gap: 8px;
}
.main-suggestion-box img{
    width: 20px;
    height: 20px;
    /* margin-right: 8px; */
}

.mt-suggestion-box{
    display: flex;
    gap: 8px;
    align-items: center;
    margin-right: 8px;
}
.main-suggestion-box .mt-suggestion-box img{
    width: 20px;
    height: 20px;
    margin-left: 0;
}

.mt-suggestion-box .mt-suggestion-span{
    text-decoration: none;
    color: #000;
    /* font-size: 13px; */
}

.wikitionary-row-wrapper{
    display: flex;
    gap: 8px;
    margin-right: 8px;
}
.wikitionary-row-wrapper img{
    width: 20px;
    height: 20px;
}

.wikipedia-wikitionary-info-row{
    display: flex;
    /* align-items: center; */
    gap: 11px;
    margin-top: 10px;
    opacity: 0;
    visibility: hidden;
}

.wiktionary-img{
    margin-right: 8px;
}

.wikipedia-wikitionary-info-row-show{
    opacity: 1 !important;
    visibility: visible !important;
}


.wikipedia-wikitionary-info-row .content-copy-icon{
    color: #74818D;
    font-size: 17.7px;
    transform: rotateX(180deg);                            
}

.wikipedia-wikitionary-info-row .suggest-title{
    
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.5;
    color: #3C4043;
    margin-top: 5px;
}

.wikipedia-wikitionary-info-row .wikitionary,
.wikipedia-wikitionary-info-row .wikipedia{
    display: flex;
    align-items: center;
    gap: 8px;
    margin-right: 8px;
}

/* .wikipedia-wikitionary-info-row .wikitionary .wikitionary-row-wrapper-glb{
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.wikipedia-wikitionary-info-row .wikitionary .wikitionary-row-wrapper{
    display: flex;
    align-items: center;
    gap: 10px;
} */

.wikipedia-wikitionary-info-row .wikitionary .copy-icon,
.wikipedia-wikitionary-info-row .wikipedia .copy-icon{
    /* width: 30px; */
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border-radius: 50%;
    transition: 0.3s all ease;
}

.wikipedia-wikitionary-info-row .wikitionary .copy-icon:hover,
.wikipedia-wikitionary-info-row .wikipedia .copy-icon:hover{
    background-color: #F3F3F3;
}

.wikipedia-wikitionary-info-row .wikitionary .no-wiki-title,
.wikipedia-wikitionary-info-row .wikipedia .no-wiki-title{
    
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 1.5;
    color: #292929;
    margin-bottom: 0px;
}
.mt-suggestion-span,
.wikitionary-row-wrapper a.link,
.wikipedia-wikitionary-info-row .wikipedia a.link{
    
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 1.5;
    color: #0074d3;
    text-decoration: underline;
}

.term-gap-0{
    gap: 0px !important;
    margin-bottom: 0px !important;
}

.add-textarea{
    border-bottom: 1px solid #E9E9E9 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 5px;
    
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    color: #3C4043 !important;
    padding: 14px 0px !important;
    width: 100%;
}

.add-textarea .plus-icon{
    font-size: 20px;
    color: #0074d3;
}

.skeleton-padd{
    padding: 0px 20px;
}

.target-term-align,
.source-term-align{
    display: flex;
    align-items: center;
    width: 50%;
    max-width: 100%;
}

.source-term-align>div{
    gap: 8px;
}

.custom-assign-box-wrapper{
    box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 2px 6px 2px rgb(60 64 67 / 15%);
    border-radius: 6px;
    background-color: #ffffff;
    width: 330px;
}

.assign-ui-header-box{
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 25px;
    border-bottom: 1px solid #DADCE0;
}

.assign-ui-header-box img{
    width: 64px;
    height: 64px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}

.assign-ui-header-box span{
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background-color: #0074d3;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;

    font-weight: 500;
    font-size: 24px;
}

.assign-ui-header-box .assign-text-wrap h1{
    
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.5;
    color: #222222;
    margin-bottom: 0;
}
.editor-email-text{
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    line-height: 1.5;
    color: #222222;
    margin-bottom: 5px;
}
.assign-ui-header-box .assign-text-wrap small{
    
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.5;
    color: #474848;
}

.MuiTooltip-tooltip{
    padding: 0px ;
    /* background-color: transparent !important; */
}

.assign-ui-footer-box{
    padding: 8px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.assign-ui-footer-box .unassigned-btn{
    border-radius: 2px;
    background-color: #0078D4;
    padding: 7px 13px;
    
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.3;
    color: #FFFFFF;
}

.assign-ui-footer-box .edit-btn{
    border-radius: 2px;
    background-color: #F6F6F6;
    padding: 7px 13px;
    
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.3;
    color: #474848;
    display: flex;
    align-items: center;
    gap: 4px;
}

.ai-glossary-clone-modal .clone-header{
    padding: 25px 30px;
    border-bottom: 1px solid #EBEBEB;
}

.ai-glossary-clone-modal .clone-header h1.title{
    
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.5;
    color: #3C4043;
    margin-bottom: 8px;
}

.ai-glossary-clone-modal .clone-header .radio-btn-row{
    display: flex;
    align-items: center;
    gap: 35px;
}

.ai-glossary-clone-modal .clone-header .radio-btn-row .btn-form-group{
    display: flex;
    align-items: center;
}

.ai-glossary-clone-modal .clone-header .radio-btn-row .btn-form-group label{
    
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 1.5;
    color: #5F6368;
    margin-bottom: 0px;
    cursor: pointer;
}

.clone-body{
   padding: 40px 18px 10px 38px; 
   display: flex;
}

.clone-footer{
    padding: 45px 18px 20px 38px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.source-term-select__value-container{
    padding: 0px !important;
}

.clone-button-row{
    display: flex;
    align-items: center;
    gap: 10px;
}

.clone-button-row .clone-close-btn{
    
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.3;
    color: #3C4043;
    margin-bottom: 0px;
    padding: 10px 18px;
    border-radius: 3px;
    transition: 0.3s all ease;
}

.clone-button-row .clone-close-btn:hover{
    background-color: #ebebeb;
    transition: 0.3s all ease;
}

.clone-button-row .clone-transfer-btn{
    
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.3;
    color:#FFFFFF;
    background-color: #0078D4;
    margin-bottom: 0px;
    padding: 10px 24px;
    border-radius: 3px;
    transition: 0.3s all ease;
}

.clone-body .clone-col{
    width: 50%;
    max-width: 100%;
}

.src-term-options-list{
    display: flex;
    align-items: center;
    gap: 5px;
}

.src-term-options-list .src-term-options-list-checkbox{
    padding: 5px !important;
}

.src-term-options-list .src-term-options-list-checkbox .MuiSvgIcon-root{
    width: 15px;
    height: 15px;
}

.clone-multiple-list-wrapper,
.clone-single-file{
    margin-top: 28px;
    width: 350px;
}

.clone-multiple-file,
.clone-single-file{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.clone-multiple-file:not(:last-child){
    margin-bottom: 14px;
}

.clone-multiple-file .language-pair,
.clone-single-file .language-pair,
.src-term-options-list-label{
    display: flex;
    align-items: center;
    margin-bottom: 0px;
}

.clone-multiple-file .language-pair span,
.clone-single-file .language-pair span,
.src-term-options-list-label span{
    padding: 3px 9px;
    
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    color: #0078D4;
    margin-bottom: 0px;
    background-color: #E8F0FE;
    border-radius: 2px;
}

.src-term-options-list-label span.bg-capsule{
    background-color: #0078D41A;
}

.clone-body .clone-col .select-source-term-form-grp label{
    
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.5;
    color: #3C4043;
}

.clone-multiple-file .close,
.clone-single-file .close{
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: transparent;
    transition: 0.4s all ease;
}

.clone-multiple-file .close:hover,
.clone-single-file .close:hover {
    background: #e9eaea;
    cursor: pointer;
}

.ts-work-area-wrapper{
    background-color: #ffffff;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 8px;
    padding: 20px 34px 20px 32px;
    margin-top: 32px;
    height: auto;
    display: flex;
    flex-direction: column;

}

.ts-work-area-wrapper textarea.ai-text-area {
    height: 100%;
    width: 100%;
    min-height: 200px;
    resize: none;
    
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.5;
    color: #3c4043;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #D9DBDF;
    border-radius: 5px;
    padding: 20px 17px;
}

.ts-work-area-wrapper textarea.ai-text-area::placeholder {
    
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.5;
    color: #b7bec4;
}

.ts-action-cont-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 25px;
    /* margin-bottom: 50px; */
}

.ts-sl-tl-wrapper{
    width: 100%;
}

.ts-action-cont-wrapper .ts-sl-tl-cont {
    display: flex;
    /* align-items: center; */
    gap: 0px;
}

.translate-right-align{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.mt-apply-checkbox label{
    margin-bottom: 0px !important;
}

.glossary-sub-search-row{
    display: flex;
    align-items: center;
    gap: 20px
}

/* .files-space-align{
    gap: 20px;
} */

.ts-action-cont-wrapper .ts-sl-tl-cont .ts-sl-tl-btn {
    padding: 9px 13px 9px 20px;
    background-color: transparent;
    border-radius: 3px;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    transition: 0.3s all ease;
}

.ts-sl-tl-cont.files-space-align label{
    
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    color: #222222;
    margin-bottom: 10px;
}

.ts-action-cont-wrapper .ts-sl-tl-cont .ts-sl-tl-btn:hover {
    background-color: #ebebeb;
    transition: 0.3s all ease;
}

.ts-action-cont-wrapper .ts-sl-tl-cont .ts-sl-tl-btn .text {
    
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    color: #3c4043;
}

.ts-action-cont-wrapper .ts-sl-tl-cont .ts-sl-tl-btn .icon {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #000000;
}

.ts-action-cont-wrapper .ts-sl-tl-cont .ts-sl-tl-btn .icon i {
    font-size: 14px;
}


.trans-btn-txt span i {
    font-size: 10px;
}

.speech-down-wrap {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: space-between;
}

.speech-down-wrap .speech-button {
    background-color: transparent;
    padding: 10px 7px 10px 13px;
    display: flex;
    align-items: center;
    border-radius: 2px;
    gap: 7px;
    transition: 0.3s all ease;
}

.speech-down-wrap .speech-button  .txt {
    font-size: 15px;
    font-weight: 500;
    font-style: normal;
    line-height: 20px;
    color: #3C4043;
}

.speech-down-wrap .speech-button .icon {
    color: #5F6368;
}

.speech-down-wrap .speech-button:hover {
    background-color: #EBEBEB;
    transition: 0.3s all ease;
    cursor: pointer;
}

.speech-down-wrap .speech-button:disabled {
    visibility: hidden;
}

.download-button {
    background-color: #0078D4 !important;
    padding: 10px 20px !important;
    display: flex !important;
    align-items: center !important;
    border-radius: 2px !important;
    gap: 7px !important;
    transition: 0.3s all ease;
}

.voice-workspace-wrapper{
    min-height: 500px !important;
}

.download-button .txt {
    font-size: 15px;
    font-weight: 500;
    font-style: normal;
    line-height: 20px;
    color: #FFFFFF;
}

.download-button .icon {
    color: #FFFFFF;
}

.gl-workspace-wrap{
    display: flex;
    gap: 15px;
}

.ts-work-area-wrapper ul.voice-tab-switch{
    display: flex;
    gap: 47px;
    padding-left: 0px;
    margin-bottom: 0px;
    list-style-type: none;
    height: 30px;
}

.ts-work-area-wrapper ul.voice-tab-switch li.voice-tab-item{
    cursor: pointer;
}

.ts-work-area-wrapper ul.voice-tab-switch li.voice-tab-item p{
     
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    font-size: 16px;
    color: #3C4043;
    line-height: 1.4;
    padding: 0px 2px;
    margin-bottom: 0px;
}

.ts-work-area-wrapper ul.voice-tab-switch li.voice-tab-item.active p{
     
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    font-size: 16px;
    color: #0078D4;
    line-height: 1.4;
    padding: 0px 2px;
    margin-bottom: 0px;
}

.ts-work-area-wrapper ul.voice-tab-switch li.voice-tab-item.active::after{
    content: "";
    display: block;
    margin-top: 4px;
    height: 3px;
    width: 100%;
    background-color: #0078D4;
}

.ts-work-area-wrapper .voice-work-area-content{
    flex-grow: 1;
    padding: 20px 0px;
}

.voice-proj-editor-wrapper{
    display: flex;
    flex-direction: column;
    height: 94.1vh;
    position: relative;
}
.common-text-editor-wrapper .ql-toolbar.ql-snow{
    border: 0px;
    border-bottom: 1px solid #dadce0;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    padding: 8px 0px;
    padding-left: 8px;
}

.voice-proj-editor-wrapper .ql-toolbar.ql-snow{
    height: 45px;
    position: static;
    position: -webkit-sticky;
    display: block;
    top: 0;
    border: 0px;
    border-bottom: 1px solid #dadce0;
    background-color: #ffffff;
    display: flex;
    align-items: center;
}

.common-text-editor-wrapper .ql-toolbar.ql-snow .ql-formats,
.voice-proj-editor-wrapper .ql-toolbar.ql-snow .ql-formats{
    padding:0px 5px;
    margin-right: 0px !important;
    border-right: 1px solid #cccccc;
    display: flex;
    align-items: center;
    gap: 6px;
}

.common-text-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-picker,
.common-text-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-align,
.common-text-editor-wrapper .ql-toolbar.ql-snow .ql-formats button,
.voice-proj-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-picker,
.voice-proj-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-align,
.voice-proj-editor-wrapper .ql-toolbar.ql-snow .ql-formats button{
    color: #5F6368;
    border-radius: 3px;
}

.common-text-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-picker.ql-expanded .ql-picker-options,
.voice-proj-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-picker.ql-expanded .ql-picker-options{
    border-radius: 3px;
    margin-top: 0px;
    border-color: transparent;
}

.common-text-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-picker.ql-expanded .ql-picker-options .ql-picker-item,
.voice-proj-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-picker.ql-expanded .ql-picker-options .ql-picker-item{
    margin: auto;
}

.common-text-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-picker.ql-expanded .ql-picker-label,
.common-text-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-align.ql-expanded .ql-picker-label,
.voice-proj-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-picker.ql-expanded .ql-picker-label,
.voice-proj-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-align.ql-expanded .ql-picker-label{
    border-radius: 3px;
    border-color: transparent;
}

.common-text-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-align,
.voice-proj-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-align{
    width: 35px;
    margin: auto;
}

.common-text-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-align .ql-picker-label,
.voice-proj-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-align .ql-picker-label{
    display: flex;
    justify-content: center;
}

.common-text-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-picker.ql-expanded .ql-picker-label,
.common-text-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-picker .ql-picker-label.ql-active,
.common-text-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-align .ql-picker-label.ql-active,
.common-text-editor-wrapper .ql-toolbar.ql-snow .ql-formats button.ql-active:hover,
.common-text-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-align.ql-expanded .ql-picker-label,
.common-text-editor-wrapper .ql-toolbar.ql-snow .ql-formats button.ql-active,
.voice-proj-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-picker.ql-expanded .ql-picker-label,
.voice-proj-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-picker .ql-picker-label.ql-active,
.voice-proj-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-align .ql-picker-label.ql-active,
.voice-proj-editor-wrapper .ql-toolbar.ql-snow .ql-formats button.ql-active:hover,
.voice-proj-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-align.ql-expanded .ql-picker-label,
.voice-proj-editor-wrapper .ql-toolbar.ql-snow .ql-formats button.ql-active{
    background-color: #e8f0fe;
    color: #1a73e8;
    cursor: pointer;
    transition: 0.3s all ease;
}

.common-text-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-picker:hover .ql-picker-label,
.voice-proj-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-picker:hover .ql-picker-label{
    color: #5F6368;
}


.common-text-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-picker:hover,
.common-text-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-align:hover,
.common-text-editor-wrapper .ql-toolbar.ql-snow .ql-formats button:hover,
.voice-proj-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-picker:hover,
.voice-proj-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-align:hover,
.voice-proj-editor-wrapper .ql-toolbar.ql-snow .ql-formats button:hover{
    background-color: #f1f3f4;
    color: #5F6368;
    cursor: pointer;
    transition: 0.3s all ease;
}

.common-text-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-picker.ql-expanded .ql-picker-label .ql-stroke,
.common-text-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-picker .ql-picker-label.ql-active .ql-stroke,
.common-text-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-align .ql-picker-label.ql-active .ql-stroke,
.common-text-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-align.ql-expanded .ql-picker-label .ql-stroke,
.common-text-editor-wrapper .ql-toolbar.ql-snow .ql-formats button.ql-active:hover .ql-stroke,
.common-text-editor-wrapper .ql-toolbar.ql-snow .ql-formats button.ql-active .ql-stroke,
.voice-proj-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-picker.ql-expanded .ql-picker-label .ql-stroke,
.voice-proj-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-picker .ql-picker-label.ql-active .ql-stroke,
.voice-proj-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-align .ql-picker-label.ql-active .ql-stroke,
.voice-proj-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-align.ql-expanded .ql-picker-label .ql-stroke,
.voice-proj-editor-wrapper .ql-toolbar.ql-snow .ql-formats button.ql-active:hover .ql-stroke,
.voice-proj-editor-wrapper .ql-toolbar.ql-snow .ql-formats button.ql-active .ql-stroke{
    stroke: #1a73e8;
}

.common-text-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-picker.ql-expanded .ql-picker-label .ql-fill,
.common-text-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-picker .ql-picker-label.ql-active .ql-fill,
.common-text-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-align .ql-picker-label.ql-active .ql-fill,
.common-text-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-align.ql-expanded .ql-picker-label .ql-fill,
.common-text-editor-wrapper .ql-toolbar.ql-snow .ql-formats button.ql-active:hover .ql-fill,
.common-text-editor-wrapper .ql-toolbar.ql-snow .ql-formats button.ql-active .ql-fill,
.voice-proj-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-picker.ql-expanded .ql-picker-label .ql-fill,
.voice-proj-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-picker .ql-picker-label.ql-active .ql-fill,
.voice-proj-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-align .ql-picker-label.ql-active .ql-fill,
.voice-proj-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-align.ql-expanded .ql-picker-label .ql-fill,
.voice-proj-editor-wrapper .ql-toolbar.ql-snow .ql-formats button.ql-active:hover .ql-fill,
.voice-proj-editor-wrapper .ql-toolbar.ql-snow .ql-formats button.ql-active .ql-fill{
    fill: #1a73e8;
}

.common-text-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-picker:hover .ql-stroke,
.common-text-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-picker .ql-stroke,
.common-text-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-align .ql-stroke,
.common-text-editor-wrapper .ql-toolbar.ql-snow .ql-formats button .ql-stroke,
.common-text-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-align:hover .ql-stroke,
.common-text-editor-wrapper .ql-toolbar.ql-snow .ql-formats button:hover .ql-stroke,
.voice-proj-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-picker:hover .ql-stroke,
.voice-proj-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-picker .ql-stroke,
.voice-proj-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-align .ql-stroke,
.voice-proj-editor-wrapper .ql-toolbar.ql-snow .ql-formats button .ql-stroke,
.voice-proj-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-align:hover .ql-stroke,
.voice-proj-editor-wrapper .ql-toolbar.ql-snow .ql-formats button:hover .ql-stroke{
    stroke: #5F6368;
}

.common-text-editor-wrapper .ql-toolbar.ql-snow .ql-formats button .ql-fill,
.common-text-editor-wrapper .ql-toolbar.ql-snow .ql-formats button:hover .ql-fill,
.voice-proj-editor-wrapper .ql-toolbar.ql-snow .ql-formats button .ql-fill,
.voice-proj-editor-wrapper .ql-toolbar.ql-snow .ql-formats button:hover .ql-fill{
    fill: #5F6368;
}

.common-text-editor-wrapper .ql-toolbar.ql-snow .ql-formats:first-child,
.voice-proj-editor-wrapper .ql-toolbar.ql-snow .ql-formats:first-child{
    padding: 0px 10px 0px 0px;
}

.common-text-editor-wrapper .ql-toolbar.ql-snow .ql-formats:last-child,
.voice-proj-editor-wrapper .ql-toolbar.ql-snow .ql-formats:last-child{
    padding: 0px 0px 0px 10px;
    border-right: 0px solid #cccccc;
}

.common-text-editor-wrapper .ql-container.ql-snow{
    border: 0px;
    flex: 1 1 auto;
    overflow: auto;
    padding: 10px 0px;
    height: 100%;
}

.common-text-editor-wrapper.ts-wrapper{
    height: 100%;
    border: 1px solid #D9DBDF;
}

.common-text-editor-wrapper.ts-wrapper .ql-container.ql-snow{
    height: auto;
    min-height: 209px;
    max-height: 209px;
}

.common-text-editor-wrapper.ts-wrapper .ql-container.ql-snow .ql-editor{
    overflow: auto;
    height: 189px;
}

.voice-proj-editor-wrapper .ql-container.ql-snow{
    border: 0px;
    flex: 1 1 auto;
    overflow: auto;
    padding: 30px 0px;
    height: 100%;
}

.voice-proj-editor-wrapper .ql-container.ql-snow .ql-editor{
    height: auto;
    min-height: 83vh;
    background-color: #ffffff;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 8px;
    padding: 40px;
    width: 1075px;
    max-width: 100%;
    margin: auto;
    overflow-y: unset;
}

.drop-down-width{
    width: 250px;
}

.drop-down-width-small{
    width: 151px;
    z-index: 100;
}

.workspaceMenuItem{
    display: flex;
    align-items: center;
    gap: 5px !important;
}

.workspaceMenuItem .filter-text{
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    font-size: 14px;
    color: #3C4043;
    margin-bottom: 0px !important;
}

.MuiListItem-root.Mui-selected.workspaceMenuItem .filter-text{
    color: #202124;
}

.drop-down-width-small .MuiPaper-elevation1,
.drop-down-width .MuiPaper-elevation1{
    box-shadow: 0px 5px 5px -3px rgb(0 0 0 / 20%), 0px 8px 10px 1px rgb(0 0 0 / 14%), 0px 3px 14px 2px rgb(0 0 0 / 12%);
}

.menu-list-wrapper{
    width: 100%;
}

.select-align .clr-filter{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #0074D3;
    line-height: 1.4;
    text-decoration: underline;
    cursor: pointer;
    padding-right: 12px;
}

.menu-list-wrapper .menu-list-item{
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    font-size: 14px;
    color: #3C4043;
    line-height: 1.4;
    border-left: 2px solid transparent;
}

.MuiMenuItem-root.Mui-selected,
.MuiListItem-root.Mui-selected{
    border-left: 2px solid #0074d3;
    background-color: rgba(25, 118, 210, 0.08) !important;
}

.menu-list-wrapper .menu-list-item:hover{
    border-left: 2px solid #0074d3;
}

.glossary-list-modal .term-edit-form{
    padding: 36px 30px 30px 30px;
}

.glossary-nav-lang-pair{
    display: flex;
    align-items: center;
}

.glossary-nav-lang-pair span{
    background: #e8f0fe;
    border-radius: 2px;
    padding: 3px 5px;
    
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    color: #0078d4;
}

.pagination-align{
    margin-top: 0px;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 23px;
}

.auto-detect{
    background-color: palegoldenrod;
    padding: 4px;
    border-radius: 3px;
    margin-left: -3px;
}

/* New Recorder style */

.speech-text-controls-container {
    height: inherit;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
  
  .speech-text-recorder-display {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }

  .speech-text-recorder-display .speech-text-start-button{
    width: 66px;
    height: 66px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #D8D8D8;
    margin-bottom: 13px;
  }

  .speech-text-recorder-display .speech-text-start-button .mic-icon{
    font-size: 32px;
    color: #5f6269;
  }

  .speech-text-recorder-display .speech-text-start-button .recording{
    width: 24px;
    height: 24px;
    border-radius: 4px;
    background-color: #E74C3C;
}

.speech-text-recording-time span{
    
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 1.5;
    color: #74788D;
    margin-bottom: 0px;
    margin-top: 13px;
}


  .recordings-container {
    width: 100%;
  }

  /* New Recorder style */

  .rotate {
    animation: rotation 3s infinite linear;
  }
  
  @keyframes rotation {
    from {
      transform: rotate(359deg);
    }
    to {
      transform: rotate(0deg);
    }
  }
  
  .ql-toolbar.ql-snow .translate-btn{
    width: fit-content !important;
    height: fit-content !important;
    margin-left: auto !important;
    background-color: #0078D4 !important;
    padding: 6.5px 20px !important;
    box-shadow: none !important;
    border-radius: 3px !important;
    text-transform: none !important;
    background-color: #0078D4 !important;
    
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 15px;
    color: #ffffff !important;
    /* display: flex;
    align-items: center; */
    /* gap: 10px; */
  }

  .ts-work-source-audio-list-wrapper{
    margin-top: 30px;
  }

  .ts-work-source-audio-list-item{
    display: flex;
    align-items: center;
    gap: 25px;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid #EBECEE;
  }

  .ts-work-source-audio-list-item:not(:first-child){
    padding-top: 10px;
  }

  .ts-work-source-audio-list-item .file-info-wrap{
    width: 30%;
    max-width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .ts-work-source-audio-list-item .file-info-wrap p{
    
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #3C4043;
    margin-bottom: 0px;
  }
  
  .ts-work-source-audio-list-item .audio-file-range{
    width: 40%;
    max-width: 100%;
  }

  .ts-work-source-audio-list-item .audio-file-range .audio-custom-player{
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .ts-work-source-audio-list-item .audio-file-range .audio-player{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
  }

  .ts-work-source-audio-list-item .audio-file-range .audio-slider-container{
    width: 50%;
  }

  .ts-work-source-audio-list-item .audio-file-range .audio-file-timings{
    width: 13%;
  }

  .ts-work-source-audio-list-item .audio-file-voice-selection{
    width: 15%;
    max-width: 100%;
  }

  .cursor-change{
    cursor: context-menu;
  }


  .ts-work-source-audio-list-item .audio-file-voice-selection .selected-value{
    
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    color: #3C4043;
    margin-bottom: 0px;
    padding: 2px 10px;
  }

  .ts-work-source-audio-list-item .audio-file-action-wrap{
    width: 15%;
    max-width: 100%;
  }

  .ts-work-source-audio-list-item .audio-file-action-wrap>button{
    width: 100%;
  }

  .trans-btn-txt-convert,
  .ts-work-source-audio-list-item .audio-file-action-wrap .convert-btn{
    padding: 5.5px 21px 5.5px 20px;
    background-color: #D6E9F8;
    border-radius: 3px;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    color: #0078D4;
    border: none;
  }

  .convert-padding{
    padding: 7px 46px 7px 46px !important;
    border: none;
  }

  .trans-btn-txt-convert .reload-icon,
  .ts-work-source-audio-list-item .audio-file-action-wrap .convert-btn .reload-icon{
    font-size: 23px;
    color: #0078D4;
    margin-right: 5px;
    transform: rotateY(180deg);
  }

  .ts-work-source-audio-list-item .audio-file-action-wrap .download-btn{
    padding: 5.5px 13.5px;
    background-color: #0078D4;
    border-radius: 3px;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    color: #FFFFFF;
  }

  .ts-work-source-audio-list-item .audio-file-action-wrap .download-btn .download-icon{
    font-size: 23px;
    color: #FFFFFF;
    margin-right: 5px;
  }

  .ts-work-source-audio-list-item .audio-file-delete-wrap{
    width: 40px;
    max-width: 100%;
  }

  .audio-file-download-wrap{
    display: flex;
    align-items: center;
    gap: 14px;
  }

  .ai-btn-and-txt-cont .convert-success,
  .audio-file-download-wrap .convert-success{
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    color: #0078D4;
    margin-bottom: 0px;
  }

  .ai-btn-and-txt-cont .convert-success .done-icon,
  .audio-file-download-wrap .convert-success .done-icon{
    font-size: 24px;
    color: #0078D4;
    margin-right: 4px;
  }

  
  .audio-file-download-wrap .convert-all-btn{
    padding: 7.5px 38px 8.5px 38px;
    background-color: #0078D4;
    border-radius: 3px;
    
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    color: #FFFFFF;
  }

  .audio-file-download-wrap .convert-all-btn:disabled{
    opacity: 0.5;
  }

  .ts-file-format-note{
    margin-top: 30px;
  }
  .ts-file-format-note .supp-file-format-list{
    padding: 11px 18px 11px 15px;
    background: #fff;
    box-shadow: 0px 2px 8px #0000003d;
    position: absolute;
    width: 122px;
    height: auto;
    border-radius: 4px;
    left: -41px;
    top: -48px;
    display: none;
    transition: 0.3s all ease;
    z-index: 10;
  }

  .glossary-text-limit{
    float: right;
  }

  .ts-convert-modal{
    /* height: 290px !important; */
    padding: 55px 40px 30px 40px !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    gap: 0 !important;
  }

  .ts-convert-modal .form-fields{
    max-width: 100% !important;
  }

  .ts-convert-modal .form-fields label{
    
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    color: #222222;
    margin-bottom: 14px !important;
  }

  .ts-convert-modal .convert-all-note{
    
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    color: #3C4043;
    margin: 0;
    display: flex;
    gap: 5px;
  }

  .ts-convert-modal .button-row{
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    width: 100%;
    margin-top: 30px;
  }

  .ts-convert-modal .button-row button{
    border: none;
  }

  .instant-assign-modal .rodal-dialog{
    width: 402px !important;
    height: max-content !important;
  }

  .ai-text-translate-assign-body{
    padding: 35px 26px 12px 36px;
  }

  .rodal.ts-rodal-mask{
    z-index: 1080;
  }

  .instant-assign-modal .rodal-mask{
    background: rgba(0,0,0,.3) !important;
  }
  .ts-rodal-mask .rodal-mask{
    background: rgba(0,0,0,.4) !important;
  }
  

  .ts-dictation{
    height: 100%;
    width: 100%;
    min-height: 200px;
    resize: none;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.5;
    color: #3c4043;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #D9DBDF;
    border-radius: 5px;
    padding: 20px 17px 20px 17px;
    position: relative;
  }

  .ts-draft-editor{
    height: 100%;
    min-height: 160px;
    height: 100%;
    min-height: 160px;
    max-height: 160px;
    overflow: auto;
  }

  .ts-dictation .stop-icon,
  .ts-dictation .mic-icon {
    padding: 7px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background-color: transparent;
    transition: 0.3s all ease;
    display: flex;
    align-items: center;
    gap: 7px;
    border-radius: 3px;
}

.ts-dictation .stop-icon:hover,
.ts-dictation .mic-icon:hover {
    background-color: #E3F3FF;
    transition: 0.3s all ease;
}

.ts-dictation .stop-icon .txt,
.ts-dictation .mic-icon .txt {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    color: #3c4043;
}

/* .ts-dictation .stop-icon:hover .txt,
.ts-dictation .mic-icon:hover .txt{
    color: #0078D4;
} */

.ts-dictation .rdw-editor-toolbar .start-listening-btn{
    position: absolute;
    bottom: 8px;
    left: 0;
    right: 0
}

.instant-voice-typing .start-listening-btn .listen-button{
    width: 60px;
    height: 60px;
    border: 1px solid #D1D6D9;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
}

.instant-voice-typing .start-listening-btn .listen-button .mic-icon svg{
    font-size: 32px;
}

.instant-voice-typing .start-listening-btn .txt{
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.5;
    color: #3c4043;
    margin-top: 3px;
} 

.record-action-disable{
    opacity: 0.5;
    pointer-events: none !important;
    background-color: #ebebeb !important;
    border-radius: 3px !important;
}

/* Voice project */

/* Convert Section */
.pdf-convert-area-wrapper{
    background-color: #ffffff;
    /* box-shadow: 0px 3px 6px #00000029; */
    box-shadow: 0 0 transparent,0 0 transparent,0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);
    border-radius: 8px;
    padding: 20px 34px 20px 32px;
    margin-top: 32px;
    min-height: 330px;
    height: auto;
}

.pdf-convert-area-wrapper .pdf-header{
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    color: #222222;
    margin-bottom: 0px;
}

.pdf-convert-button-wrapper{
    margin-top: 26px !important;
}

.pdf-convert-wrapper{
    margin-top: 32px;
}

.assign-active-filter{
    filter: invert(35%) sepia(58%) saturate(6106%) hue-rotate(192deg) brightness(82%) contrast(101%);
    
}
/* Convert Section */
.qa-alert-box .rodal-dialog{
    width: 450px !important;
    height: fit-content !important;
    max-width: 450px !important;
    max-height: fit-content !important;
}

.qa-alert-box .rodal-dialog .confirmation-wrapper {
    margin: 20px;
}


.qa-alert-box  .confirmation-wrapper .ok_btn{
    display: flex;
    justify-content: end;
    width: 100%;
}
.qa-alert-box .rodal-dialog .confirmation-wrapper .ok_btn a{
    width: 75px;
}
.qa-alert-box .qa-invalid-file-heading{
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 1.5;
    color: #3c4043;
    margin: 0;
}
.qa-alert-box .qa-sub-heading{
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    color: #3c4043;
    margin-right: auto;
}
.qa-alert-box ul{
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 1.5;
    color: #3c4043;
    margin-right: auto;
    margin-top: -20px;
    padding-left: 18px;
    width: 100%;
    height: auto;
    max-height: 120px;
    overflow: auto;
}

.assignmanage-cell-more-icon{
    margin-right: 8px;
    margin-left: auto;
}
.assignmanage-cell-more-icon svg{
    width: 20px;
}
.word-count-capsule{
    background-color: #E4E8EB;
    border-radius: 4px;
    padding: 2.5px 5px;
    height: 19px;
    margin-left: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}

.proj-information .word-count-capsule span{
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 24px;
    color: #3c4043;
    position: relative;
}

.analyse-word-character-toggle-wrapper{
    display: flex;
    align-items: center;
    margin-left: 30px;
}

.analyse-word-character-toggle-wrapper .toggle-tag{
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.4;
    color: #3C4043;
    display: flex;
    align-items: center;
    border-color: #DADCE0;
    border-style: solid;
    cursor: pointer;
}

.analyse-word-character-toggle-wrapper .toggle-tag.active{
    border-color: #0074D3;
    border-style: solid;
    background-color: #E8F0FE;
    color: #0074D3;
}

.analyse-word-character-toggle-wrapper .toggle-tag.active:first-child{
    border-width: 1px 1px 1px 1px;
    border-radius:  4px 0px 0px 4px;
}

.analyse-word-character-toggle-wrapper .toggle-tag.active:nth-child(2){
    border-width: 1px 1px 1px 1px;
    border-radius:  0px 4px 4px 0px;
}

.analyse-word-character-toggle-wrapper .toggle-tag:first-child{
    padding: 8.5px 34.5px;
    border-width: 1px 0px 1px 1px;
    border-radius:  4px 0px 0px 4px;
}

.analyse-word-character-toggle-wrapper .toggle-tag:nth-child(2){
    padding: 8.5px 18.5px;
    border-width: 1px 1px 1px 0px;
    border-radius: 0px 4px 4px 0px;
}

/* .assign-manage-radio{
    margin-left: -8px;
} */
.radio-btn-space{
    margin-left: 10px !important;
}

.tiny-editor-main-div{
    display: flex;
    
}


.ai-writter-page{
    height: 100vh;
}

.ai-writter-inner-Wrap{
    height: 100%;

}





/* CSS DEMO */


.style-editor-container{
  
}

.tox-tinymce {
    box-shadow: none !important;
    border: none !important;
}

.tox-statusbar__branding{
    display: none !important;
}
.tox-statusbar__resize-handle{
    display: none !important;

}
.tox-menubar{
    display: none !important;
}

.prompt-sidebar{
    background: #fff ;
    border-right: 2px solid #e4e4e4;
    padding: 50px;
}

.submit-button-wrapper{
    text-align: center;
}

.submit-but-ai-write{
    border:none;
    font-size:18;
   height:75;
    width:75;
    text-transform:uppercase;
    /* letter-spacing:10px; */
    background-color:white;
      position:relative;
    overflow:hidden;
    margin-top: 10px;
    padding: 5px;
  }
  .submit-but-ai-write:before{
    content:'';
    position:absolute;
    top:0;
    left:-100%;
    width:100%;
    height:4px;
    background-color:black;
    transition:all 1s;
  }
  .submit-but-ai-write:after{
    content:'';
    position:absolute;
    bottom:0;
    right:-100%;
    width:100%;
    height:4px;
    background-color:black;
    transition:all 1s;
  }
  .submit-but-ai-write:hover:before {
    left:0;
  }
  .submit-but-ai-write:hover:after{
    right:0;
  }
   .submit-but-ai-write span:before{
    content:'';
    position:absolute;
    top:-100%;
    right:0%;
    width:4px;
    height:100%;
    background-color:black;
    transition:all 1s;
  }
  .submit-but-ai-write:hover span:before{
    top:0;
  }
  .submit-but-ai-write span:after{
    content:'';
    position:absolute;
    bottom:-100%;
    left:0%;
    width:4px;
    height:100%;
    background-color:black;
    transition:all 1s;
  }
  .submit-but-ai-write:hover span:after{
    bottom:0;
  }
  /* .note-editor.note-frame.note-document{display:block;overflow:none}
  .note-editor.note-frame.note-document .note-editing-area{background-color:#fafafa;overflow:auto}
  .note-editor.note-frame .note-editing-area .note-editable{overflow:auto;border-radius:0;box-shadow:0;width:100%}
  .note-editor.note-frame.note-document .note-editing-area .note-editable{display:block;margin:40px auto 2px auto;overflow:hidden;overflow-y:auto;border:1px solid #d3d3d3;border-radius:5px;box-shadow:0 0 5px rgba(0,0,0,.1)}
  .note-editor.note-frame.note-document .note-editing-area.a0:before{content:"A0";font-size:32px;font-weight:700;color:#aaa;position:absolute;top:0;left:10px}
  .note-editor.note-frame.note-document .note-editing-area.a0:after{content:"2384 x 3370";font-size:14px;font-weight:700;color:#aaa;position:absolute;top:18px;left:55px}
  .note-editor.note-frame.note-document .note-editing-area.a1:before{content:"A1";font-size:32px;font-weight:700;color:#aaa;position:absolute;top:0;left:10px}
  .note-editor.note-frame.note-document .note-editing-area.a1:after{content:"1684 x 2384";font-size:14px;font-weight:700;color:#aaa;position:absolute;top:18px;left:55px}
  .note-editor.note-frame.note-document .note-editing-area.a2:before{content:"A2";font-size:32px;font-weight:700;color:#aaa;position:absolute;top:0;left:10px}
  .note-editor.note-frame.note-document .note-editing-area.a2:after{content:"1191 x 1684";font-size:14px;font-weight:700;color:#aaa;position:absolute;top:18px;left:55px}
  .note-editor.note-frame.note-document .note-editing-area.a3:before{content:"A3";font-size:32px;font-weight:700;color:#aaa;position:absolute;top:0;left:10px}
  .note-editor.note-frame.note-document .note-editing-area.a3:after{content:"842 x 1191";font-size:14px;font-weight:700;color:#aaa;position:absolute;top:18px;left:55px}
  .note-editor.note-frame.note-document .note-editing-area.a4:before{content:"A4";font-size:32px;font-weight:700;color:#aaa;position:absolute;top:0;left:10px}
  .note-editor.note-frame.note-document .note-editing-area.a4:after{content:"595 x 842";font-size:14px;font-weight:700;color:#aaa;position:absolute;font-weight:700;color:#aaa;position:absolute;top:18px;left:55px}
  .note-editor.note-frame.note-document .note-editing-area.a5:before{content:"A5";font-size:32px;font-weight:700;color:#aaa;position:absolute;top:0;left:10px}
  .note-editor.note-frame.note-document .note-editing-area.a5:after{content:"420 x 595";font-size:14px;font-weight:700;color:#aaa;position:absolute;top:18px;left:55px} */


  .dropdown-fontname {
    min-width: 160px;
    height: 500px;
    overflow: auto;
}
  

/* CSS DEMO */

.task-download-grp-wrapper {
    display: flex;
    align-items: center;
    border-radius: 3px;
    background-color: #0074D3;
    height: 28px;
}

.task-download-grp-wrapper .download-main {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #ffffff;
    display: flex;
    padding: 8px 11px;
    justify-content: space-between;
    gap: 5px;
}

.task-download-grp-wrapper .border-line{
    padding: 9.5px 0px;
    border-right: 1px solid #3390DC;
}

.task-download-grp-wrapper .arrow-wrap{
    height: 100%;
    padding: 4.7px 3px;
}

.task-download-grp-wrapper .arrow-wrap .workspace-arrow-dwnload{
    font-size: 20px;
    color: #ffffff;
}

.task-download-grp-wrapper .download-main .workspace-dwnload{
    font-size: 20px;
    color: #ffffff;
}
.task-drop-down-width-small{
    width: 102.4px;
    z-index: 100;
}
.pdf-drop-down-width-small .menu-list-item,
.task-drop-down-width-small .menu-list-item{
    font-size: 12px !important;
}
.pdf-drop-down-width-small{
    width: 125px;
    z-index: 100;
}

/* New Project Creation */
.project-setup-creation-wrapper{
    width: inherit;
    height: 100%;
    padding: 40px 11px;
}

.project-setup-creation-wrapper ul.project-link-list{
    display: flex;
    flex-direction: column;
    list-style-type: none;
    padding-left: 0px;
    margin-bottom: 0px;
}

.project-setup-creation-wrapper ul.project-link-list li.projects-link{
    text-decoration: none;
    cursor: pointer;
}

.project-setup-creation-wrapper ul.project-link-list li.projects-link .project-link-wrap{
    display: flex;
    align-items: center;
    padding: 10px 15px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.4;
    color: #3C4043;
    border-radius: 3px;
    background-color: transparent;
}
.project-setup-creation-wrapper ul.project-link-list li.projects-link .project-link-wrap.active:hover,
.project-setup-creation-wrapper ul.project-link-list li.projects-link .project-link-wrap.active,
.project-setup-creation-wrapper ul.project-link-list li.projects-link .project-link-wrap:hover{
    background-color: #F2F3F3
    
}

.project-setup-creation-wrapper ul.project-link-list li.projects-link .project-link-wrap .projects-link-icon{
    /* font-size: 20px; */
    color: #3C4043;
    margin-right: 14px;
}

.project-setup-creation-wrapper ul.project-link-list li.projects-link:not(:last-child){
    margin-bottom: 0px;
}

.all-template-glb-wrapper{
    padding: 23px 0px;
}

.all-template-glb-wrapper .all-templates-container{
    width: 85%;
    margin: auto;
}

.projects-list-wrap-header{
    margin: auto;
    width: 81.3%;
    position: sticky;
    position: -webkit-sticky;
    z-index: 10;
    top: 56px;
    background-color: #F8FAFC;
    padding-top: 20px;
}

.projects-list-main-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding-bottom: 20px;
}
.all-template-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.projects-list-main-header h1,
.all-template-header h1{
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 1.4;
    color: #3C4043;
    margin-bottom: 0px;
}

ul.templates-tab-list{
    padding-left: 0px;
    margin-bottom: 0px;
    list-style-type: none;
    display: flex;
    align-items: center;
    border-bottom:1px solid #E5E8EC;
}

ul.templates-tab-list li{
    padding: 0px 30px 13px 30px;
    color: #3C4043;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4;
    cursor: pointer;
    position: relative;
}

ul.templates-tab-list li.active{
    color: #0078D4;
}

ul.templates-tab-list li.active::after{
    content: "";
    background-color: #0078D4;
}

ul.templates-tab-list li::after{
    content: "";
    background-color: transparent;
    height: 3px;
    display: block;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
}


ul.templates-tab-list li:hover{
    color: #0078D4;
}

.templates-box-list-wrapper .templates-box-row{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 30px 24px;
    width: 100%;
    padding: 35px 0px;
    position: relative;
}

.templates-box-list-wrapper .glossaries-list-wrapper{
    max-width: 100%;
    padding: 35px 0px !important;
}

.templates-box-list-wrapper .glossaries-list-wrapper .header-align.glossary-header{
    padding-top: 0px;
    padding-bottom: 30px;
}

.templates-box-list-wrapper .templates-box-row .template-box-item-wrapper{
    width: 100%;
    height: 100%;
    /* transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); */
    transform: translateY(0px);
    transform-style: preserve-3d;
    -webkit-transition: transform 0.2s cubic-bezier(0.2, 0.91, 0.85, 0.96) 0s, box-shadow;
    transition: transform 0.2s cubic-bezier(0.2, 0.91, 0.85, 0.96) 0s, box-shadow;
    cursor: context-menu;
    will-change: transform, box-shadow;
}

.templates-box-list-wrapper .templates-box-row .template-box-item-wrapper .templates-box-item{
    width: auto;
    height: 100%;
    background-color: #ffffff;
    border: 0px solid #757B8A24;
    box-shadow: 0px 0px 70px #39424e0f;
    border-radius: 4px;
    padding: 20px 26px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;
}

.templates-box-list-wrapper .templates-box-row .template-box-item-wrapper:hover{
    box-shadow: 0px 20px 20px #39424E24;
    /* transform: translate3d(0px, -4px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); */
    transform: translateY(-4px);
}

.templates-box-list-wrapper .templates-box-row .template-box-item-wrapper .templates-box-item:hover .getstated-btn{
    opacity: 1;
    visibility: visible;
}

.templates-box-list-wrapper .templates-box-row .template-box-item-wrapper .templates-box-item:hover .bottom-area{
    flex-direction: row-reverse;
}

.templates-box-list-wrapper .templates-box-row .template-box-item-wrapper.loader .templates-box-item:hover .bottom-area{
    flex-direction: row;
}

.templates-box-list-wrapper .templates-box-row .template-box-item-wrapper.loader .templates-box-item:hover .bottom-area .methods-wrap{
    opacity: 1;
    visibility: visible;
}
.templates-box-list-wrapper .templates-box-row .template-box-item-wrapper .templates-box-item:hover .bottom-area .methods-wrap{
    opacity: 0;
    visibility: hidden;
    width: 50px;
}

.templates-box-list-wrapper .templates-box-row .template-box-item-wrapper .templates-box-item .content-area{
    margin-bottom: 15px;
}

.templates-box-list-wrapper .templates-box-row .template-box-item-wrapper .templates-box-item .content-area img{
    width: 33px;
    margin-bottom: 13px;
}

.templates-box-list-wrapper .templates-box-row .template-box-item-wrapper .templates-box-item .content-area h3{
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.4;
    color: #3C4043;
    margin-bottom: 7px;
}

.templates-box-list-wrapper .templates-box-row .template-box-item-wrapper .templates-box-item .content-area p{
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.5;
    color: #757F88;
    margin-bottom: 0px;
}

.templates-box-list-wrapper .templates-box-row .template-box-item-wrapper .templates-box-item .bottom-area span.methods{
    padding: 4px 10px 6px 9px;
    border: 0px solid #878F984D;
    background-color: #F2F3F3;
    border-radius: 3px;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 1.5;
    color: #878F98;
}

.templates-box-list-wrapper .templates-box-row .template-box-item-wrapper .templates-box-item .bottom-area span.methods:first-child{
    margin-right: 6px;
}

.templates-box-list-wrapper .templates-box-row .template-box-item-wrapper .templates-box-item .bottom-area{
    display: flex;
    align-items: center;
    /* flex-direction: row-reverse; */
    justify-content: space-between;
    width: 100%;
    height: 40px;
}

.templates-box-list-wrapper .templates-box-row .template-box-item-wrapper .templates-box-item .bottom-area .methods-wrap{
    opacity: 1;
    visibility: visible;
    /* transition: opacity ease-in-out 0.3s, display ease-in-out 0.3s; */
}

.getstated-btn{
    padding: 9px 17px !important;
    background-color: #0078D4 !important;
    border-radius: 2px !important;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 1.5;
    color: #ffffff !important;
    opacity: 0;
    visibility: hidden;
    /* transition: opacity ease-in-out 0.3s; */
    text-decoration: none;
}

.getstated-btn:hover{
    text-decoration: none;
}

.getstated-btn .icon{
    font-size: 20px;
    color: #FFFFFF;
}
/* New Project Creation */




/* prompt gen */

.text-forms{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content:center;
    flex-direction: column;
    gap: 20px;
}
.text-forms textarea{
    height: 500px;
    overflow-y: auto;
    max-height: 600px;
    min-height: 200px;
}
.simple-text-form,.advance-text-form{
    width:45%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    border: 1px solid #111;
    /* border-bottom: transparent; */
    padding: 10px;
    gap: 10px;
    border-radius: 4px;
    position: relative;
    transition: width 0.3s ;
    max-height: 780px !important;
}
.simple-text-form>button,.advance-text-form>button{
    width: 100px !important;
    position: relative;
}
.simple-text-form [contenteditable],.advance-text-form  [contenteditable] {
    height: auto;
    padding: 15px 10px;
    border: 0.5px solid #111;
    max-height: 770px;
    scroll-behavior: smooth;
    overflow-y: auto;
}
.text-forms .resultarea{
    max-height:500px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.text-forms .toggle{
    background-color: grey;
    color:#fff;
    border: 0px solid #000000;
    text-align: center;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.advance-text-form p{
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
    gap: 20px;
}


/* WRITTER NEW  */

.writter-container{
    height: 100%;
    width: 100%;
    background-color: #FFFFFF;
    position: relative;
    overflow: hidden;
}

.ailaysa-writter-main-wrapper {
    height: inherit;
    overflow: hidden;
    padding-top: 56px;
    z-index: 0;
    flex-direction: column;
  }

  .writer-pdf-split-view{
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
  }

  .writer-pdf-split-view .ailaysa-writer-inner-wrapper{
    width: 50%;
    max-width: 100%;
  }

  .writer-pdf-split-view.split-bottom .pdf-document-view{
    width: 100%;
    max-width: 100%;
    height: -moz-calc(100vh - (56px + 472px));
    height: -webkit-calc(100vh - (56px + 472px));
    height: calc(100vh - (56px + 472px));
  }

  .writer-pdf-split-view.split-bottom .pdf-document-view .pdf-view-body{
    height: inherit;
    position: relative;
  }

  .writer-pdf-split-view.split-bottom .ailaysa-writer-inner-wrapper{
    width: 100%;
    max-width: 100%;
    height: -moz-calc(100vh - (488px + 40px));
    height: -webkit-calc(100vh - (488px + 40px));
    height: calc(100vh - (488px + 40px));
  }

  .ailaysa-writer-inner-wrapper{
    display: flex;
    background-color: #FFFFFF;
    height: -moz-calc(100vh - (56px + 40px));
    height: -webkit-calc(100vh - (56px + 40px));
    height: calc(100vh - (56px + 40px));
  }

  .ailaysa-footer-wraps{
    border-top: 1px solid #EAEEF3;
    width: 100%;
    background-color: #FFFFFF;
    height: 40px;
    position: relative;
  }

  .ailaysa-footer-wraps .ai-writer-inner-row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: inherit;
    padding: 5px 16px 5px 0px;
  }

  .writter-sheet-tabs{
    padding: 2px !important;
    border-right: 1px solid #E3E7EC !important;
  }

  .writter-sheet-tabs .btn-text-wrap{
    padding: 8px 8px 8px 10px !important;
    background-color: transparent !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    transition: 0.25s background-color ease-in-out;
  }

  .writter-sheet-tabs span{
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    color: #222222;
    margin-right: 10px;
    transition: 0.25s color ease-in-out;
  }

  .writter-sheet-tabs svg{
    fill: #222222;
    transition: 0.25s fill ease-in-out;
  }

  .book-translation-wrapper{
    display: flex;
    align-items: center;
  }

  .writter-sheet-tabs .btn-text-wrap:hover{
   background-color: #DBECF9CC !important; 
   transition: 0.25s background-color ease-in-out;
  }

  .writter-sheet-tabs .btn-text-wrap:hover svg{
    fill: #0078D4;
    transition: 0.25s fill ease-in-out;
  }
  .writter-sheet-tabs .btn-text-wrap:hover span{
    color: #0078D4;
    transition: 0.25s color ease-in-out;
  }

  .ailaysa-writter-sidebar-col-wrapper {
    width: auto;
    max-width: 100%;
    height: 100%;
    position: sticky;
    top: 0;
    display: flex;
    background-color: #F8FAFC;
    border-right: 1px solid #E1E5E6;
    /* z-index: 99; */
    /* padding: 10px; */
    /* user-select: none; */
  }

  .ailaysa-writter-sidebar-col-wrapper-right{
    width: auto;
    max-width: 100%;
    height: 100%;
    /* position: sticky; */
    display: flex;
    /* z-index: 0; */
    background-color: #ffffff;
    user-select: none;
  }

  .ailaysa-writer-prompt-box{
    display: flex;
    flex-direction: column;
    width: 250px;
  }

  .ailaysa-writer-prompt-box.show{
    /* width: 250px; */
    display: block;
    /* transition: 0.3s all ease-in-out;
     */
    /* transition: 0.3s width ease-in-out; */
    transition: 0.3s all ease;

  }

  /* .show-animation{
    animation: 0.3s sidebar-fade-in ease-in-out;

  } */

  .ailaysa-writer-prompt-box.hide{
    display: none;
    /* transition: 0.3s width ease-in-out; */
    /* transition: 0.3s all ease-in-out ; */
    transition: 0.3s all ease;

  }

  .ailaysa-writter-working-col-wrapper {
    /* flex-grow: 1; */
    width: 100%;
    height: 100%;
    position: relative;
    word-break: break-word;
    background-color: #FFFFFF;
    border-right: 1px solid #E1E5E6;
  }

  .writer-pdf-split-view .pdf-document-view{
    width: 50%;
    max-width: 100%;
    height: -moz-calc(100vh - (56px + 40px));
    height: -webkit-calc(100vh - (56px + 40px));
    height: calc(100vh - (56px + 40px));
  }

  .writer-pdf-split-view .pdf-document-view .pdf-nav{
    width: 100%;
    max-width: 100%;
    height: 43px;
    box-shadow: 0px 1px 4px #00000005 !important;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .writer-pdf-split-view.split-bottom .pdf-view-body .file-viewer-container{
    width: 920px;
    margin: auto;
  }

  .pdf-view-body{
    padding: 20px 14px;
    height: -moz-calc(100vh - (99px + 40px));
    height: -webkit-calc(100vh - (99px + 40px));
    height: calc(100vh - (99px + 40px));
    background-color: #ECEFF4;
  }

  .pdf-view-body .pdf-canvas canvas{
    width: 100%;
  }

  .pdf-view-body .pg-viewer-wrapper{
    overflow: auto;
  }

  .file-viewer-container {
    position: relative;
    overflow: auto;
    width: 100%;
    height: 100%;
  }
  
  .file-viewer {
    transform-origin: top left;
    width: 100%;
    height: 100%;
    transition: transform 0.3s ease-out;
  }

  .zoom-wrap{
    display: flex;
    align-items: center;
  }

  .zoom-wrap .zoom-icons{
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
    background-color: transparent;
    transition: 0.15s background-color ease-in-out;
  }

  .zoom-wrap .zoom-icons:last-child{
    margin-left: 5px;
  }

  .zoom-wrap .zoom-icons .minus,
  .zoom-wrap .zoom-icons .plus{
    font-size: 22px;
    color: #5F6368;
  }

  .zoom-wrap .zoom-icons:hover{
    background-color: #ebebeb;
    transition: 0.15s background-color ease-in-out;
  }
  
  /* .file-viewer.zoom-in {
    transform: scale(1.5);
  }
  
  .file-viewer.zoom-out {
    transform: scale(0.5);
  } */

  .writer-pdf-split-view .note-toolbar{
    border-left: 1px solid #EBEEF3;
    border-bottom: 0px solid #EBEEF3 !important;
    box-shadow: 0px 1px 4px #00000005 !important;
  }
  
  .prompt-generating-sidebar {
    /* width: 100%; */
    width: 420px;
    background: #ffffff;
    /* border: 1px solid #E1E5E6; */
    /* padding: 0 0 12px 0;
    overflow-y: auto;
    overflow-x: hidden; */

  }

  .prompt-generating-sidebar-history{
    width: 100%;
    height: 100%;
    padding: 55px 0 0px 0;
    overflow: auto;
    display: grid;
    grid-template-columns: 530px auto;
  }

  .prompt-generating-sidebar-history .prompt-sidebar-ui{
    background: #F8FAFC;
    border-right: 1px solid #E1E5E6;
    height: 100%;
    /* overflow-y: auto;
    overflow-x: hidden; */
    overflow: hidden;
  }

  .prompt-generating-sidebar-history .history-main-wrap .history-details-wrapper{
    height: 100%;
  }

  .ResizePanel-module_ResizeHandleHorizontal__PkS9u{
    display: none !important;
  }

  .prompt-bubble-sugestion-wrapper{
    background: #ffffff;
    padding: 10px 15px 20px 15px;
    height: auto;
    overflow: auto;
  }

  .prompt-generating-sidebar-header-tools{
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* margin-bottom: 7px; */
    /* padding: 0 30px; */
  }

  .prompt-sidebar-icon{
    color: #5F6368;
    
  }

  .magic-icon{
    margin-right: 12px;
  }

  /* .prompt-sidebar-credit-container{
    text-align: right;
    margin-bottom: 34px;

  } */
  .prompt-sidebar-credit-container{
    margin-top: 28px;
  }
  .info-icon{
    margin-left: 7px;
  }

  .propt-gernerating-content-wrapper{
    display: flex;
    align-items: flex-start;
    flex-direction: column;
   
    gap: 20px;
    margin-bottom: 26px;
    margin-top: 12px;
    /* padding: 0 30px; */
  }

  .last-select-row .content-generatint-form-options:first-child{
    width: 65%;
  }

  .last-select-row .content-generatint-form-options:last-child{
    width: 35%;
  }


  .content-generatint-form-options{
    width: 100%;

  }

  .content-generatint-form-options .title{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .content-generatint-form-options .title .words-count{
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    color: #9B9FA2;
  }

  .language-generatint-form-options{
    display: flex;
    align-items: end;
    /* justify-content: flex-end; */
    gap: 5px;
    width: 100%;
    margin-bottom: 12px;
  }
  /* .tone-generatint-form-options .content-generatint-form-options:nth-child(2)::placeholder{
    white-space: nowrap;
  } */
  .css-1wa3eu0-placeholder{
    width: 100% !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }

  .content-generatint-form-options>div{
    text-align: left;
    font-size: 14px;
    font-weight: 500;
    font-style: 'Roboto';
    color: #222222;
    opacity: 1;
  }

  .content-generatint-form-options>div:nth-child(1){
    margin-bottom: 9px;

  }

 
  .tone-selection>div{
    text-align: left;
    font-size: 14px;
    font-weight: 500;
    color: #222222;
    opacity: 1;
    margin-bottom: 12px;
  }

  .prompt-generating-textarea{
    width: 100%;
    padding: 12px 21px;
    background: #FFFFFF ;
    border: 1px solid #D3D8DC;
    border-radius: 5px;
    height: auto;
    min-height: 140px;
    max-height: 170px;
  }

  .prompt-generating-textarea:focus{
    width: 100%;
    background: #FFFFFF ;
    box-shadow: 0px 0px 10px #0000001A;
    border: 1px solid #0078D4;
    outline: 1px solid #0078D4 !important;
    border-radius: 5px;
    height: auto;
    max-height: 170px;
  }

  .prompt-generating-input-keywords::placeholder,
  .prompt-generating-textarea::placeholder{
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    color: #9B9FA2;
  }

  .prompt-generating-input-keywords{
    width: 100%;
    resize: none;
    padding: 12px 16px;
    background: #FFFFFF ;
    border: 1px solid #D3D8DC;
    border-radius: 5px;
    height: 42px;
  }

  .prompt-generating-input-keywords:focus{
    width: 100%;
    resize: none;
    background: #FFFFFF ;
    box-shadow: 0px 0px 10px #0000001A;
    border: 1px solid #0078D4;
    outline: 1px solid #0078D4 !important;
    border-radius: 5px;
    height: 42px;
  }

  .propt-gernerating-tone-result-wrapper{
    display: flex;
    align-items: flex-start;
    flex-direction: column;

    gap: 26px;
  }

  .tone-generatint-form-options{
    display: flex;
    align-items: center;
    width: 100%;
    gap: 10px;
  }

  .tone-selection{
    width: 65%;
  }

  .copies-selection{
    width: 35%;
  }

  .prompt-generated-result-textarea{
    background: #FFFFFF ;
    
    opacity: 1;
    resize: none;
    height: 182px;
    width: 100%;
    text-align: left;
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0px;
    color: #222222;
    border: none !important;
    }

    .result-textarea-wrapper{
        border: 1px solid #D3D8DC;
        border-radius: 3px;
        padding: 17px 20px;
        background: #FFFFFF;
    }

    .result-textarea-wrapper:not(:last-child){
        margin-bottom: 20px;
    }

    .result-textarea-wrapper p{
        font-size: 14px;
        line-height: 24px;
        font-weight: normal;
        color: #222222;
        margin-bottom: 17px;
        word-break: break-word;
    }

    .generating-button{
        padding: 11px 17px;
    }

    .paste-but{
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        width: 100%;
        position: relative;
    }

    .generating-button{
        color: #FFFFFF;
    }

    .generate-icon{
        position: absolute;
        right: 17px;
    }

    .save-btn-spinner {
        display: inline-block;
        position: relative;
        width: 10px;
        height: 10px;
        left: -40px;
        top: -5px;
        margin-right: 8px;
      }
      .save-btn-spinner div {
        transform-origin: 40px 11px;
        animation: save-btn-spinner 1.2s linear infinite;
      }
      .save-btn-spinner div:after {
        content: " ";
        display: block;
        position: absolute;
        top: 3px;
        left: 37px;
        width: 2px;
        height: 4px;
        border-radius: 45%;
        background: #fff;
      }
      .save-btn-spinner div:nth-child(1) {
        transform: rotate(0deg);
        animation-delay: -1.1s;
      }
      .save-btn-spinner div:nth-child(2) {
        transform: rotate(30deg);
        animation-delay: -1s;
      }
      .save-btn-spinner div:nth-child(3) {
        transform: rotate(60deg);
        animation-delay: -0.9s;
      }
      .save-btn-spinner div:nth-child(4) {
        transform: rotate(90deg);
        animation-delay: -0.8s;
      }
      .save-btn-spinner div:nth-child(5) {
        transform: rotate(120deg);
        animation-delay: -0.7s;
      }
      .save-btn-spinner div:nth-child(6) {
        transform: rotate(150deg);
        animation-delay: -0.6s;
      }
      .save-btn-spinner div:nth-child(7) {
        transform: rotate(180deg);
        animation-delay: -0.5s;
      }
      .save-btn-spinner div:nth-child(8) {
        transform: rotate(210deg);
        animation-delay: -0.4s;
      }
      .save-btn-spinner div:nth-child(9) {
        transform: rotate(240deg);
        animation-delay: -0.3s;
      }
      .save-btn-spinner div:nth-child(10) {
        transform: rotate(270deg);
        animation-delay: -0.2s;
      }
      .save-btn-spinner div:nth-child(11) {
        transform: rotate(300deg);
        animation-delay: -0.1s;
      }
      .save-btn-spinner div:nth-child(12) {
        transform: rotate(330deg);
        animation-delay: 0s;
      }
      @keyframes save-btn-spinner {
        0% {
            opacity: 1;
        }
        100% {
            opacity: 0;
        }
      }

      .note-toolbar {
        background: #FFFFFF !important;
        text-align: left  !important;
        /* display: none; */
    }

    .note-editor.note-frame {
        border: none !important;
        width: 100%;
        height: 100% !important;
    }

    .note-editable {
        padding-top: 65px !important;
        padding-bottom: 65px !important;
        padding-left:  15% !important;
        padding-right:  15% !important;
        overflow-x: hidden !important;
        height: 100% !important;
        margin-right: 5px;
    }

    .note-editor.note-frame .note-placeholder{
    padding: 107px 176px  !important;

    }

    .note-editable::-webkit-scrollbar, .dropdown-fontname::-webkit-scrollbar{
        width: 8px;
    }
    
    .note-editable::-webkit-scrollbar-track, .dropdown-fontname::-webkit-scrollbar-track{
        background-color: #ffffff;
        cursor:pointer !important;
    }

    .note-editable::-webkit-scrollbar-thumb, .dropdown-fontname::-webkit-scrollbar-thumb{
        background-color: #DADDE0 !important;
        border-radius: 50px;
        border: 8px solid #DADDE0 !important;
        cursor:pointer !important;
    }
    .note-editable::-webkit-scrollbar-thumb:vertical:hover{
        background-color: #afb1b4 !important;
        border: 8px solid #afb1b4 !important;
        cursor:pointer;
    }

    .dropdown-fontname{
        overflow: scroll;
    }

    .ai-writter-toolbar{
        margin-top: 56px;
        height: 44px;
        width: 100%;
        border-bottom: 1px solid #DFDFDF;
        padding: 8px 26px;

    }

    .primary-icons{
        display: flex;
        align-items: center;
        gap: 5px;
        height: 100%;
    }

    .toolbar-icons{
        color: #5f6368!important;
        padding: 2px;
    }

    .toolbar-hovereffect{
        padding: 1px 5px;
    }

    

    .toolbar-hovereffect:hover{
        background-color: #e8f0fe;
        color: #0078d4 !important;
        cursor: pointer;
        transition: all .3s ease;
    }

    .toolbar-hovereffect:hover .toolbar-icons{
        color: #0078d4 !important;
        cursor: pointer;
        transition: all .3s ease;
    }


    
    .toolbar-hovereffect:hover .down-arrow{
        color: #0078d4 !important;
    
        }
    .seperator{
        width: 1px;
        height: 28px;
        background-color: #DFDFDF;

    }

    .font-size-inputbox{
        border: none !important;
        height: 24px!important;
        text-align: center;
        width: 30px!important;
        padding: 0;
    }

    .font-size-inputbox:focus{
       outline: none;
    }

    .size-icon-left{
        border-left: 1px solid #DFDFDF !important;

    }

    .size-icon-right{
        border-right: 1px solid #DFDFDF !important;

    }

    .font-size{
        display: flex;
        align-items: center;
        border: 1px solid #DFDFDF !important;

    }

    .toolbar-icons:hover{
            background-color: #e8f0fe;
    color: #0078d4 !important;
    cursor: pointer;
    transition: all .3s ease;
    }

    .toolbar-icons:hover .down-arrow{
    color: #0078d4 !important;

    }
    

    .active-tools-bg{
        background-color: #e8f0fe;

    }

    .active-tools-color{
        color: #0078d4 !important;


    }

    .sketch-picker {
        box-shadow: none !important ;
    
    }
    
    .popover{
        border: 1px solid transparent !important;
        border-radius: 4px !important;
        box-shadow: 0 2px 6px 2px rgb(60 64 67 / 15%) !important;
    }

    .headings-container{
        padding: 25px !important;
    }

/* WRITTER NEW  */
.rti--container {
    max-width: 100%;
    max-height: 500px;
    border: 2px solid #D3D8DC !important;
    border-radius: 3px !important;
    padding: 12px 16px;
  }

  .rti--container:focus {
    box-shadow: 0px 0px 10px #0000001A !important;
    border: 2px solid #0078D4 !important;
  }

  .rti--container:focus-within {
    box-shadow: 0px 0px 10px #0000001A !important;
    border: 2px solid #0078D4 !important;
}

.text-forms .rti--input{
    width: fit-content !important;
}

.rti--input{
    width: 100% !important;
}


.extended-toolbar{
    text-align: center;
    padding-top: 5px;
    height: 44px;
    width: 100%;
    background-color: #ffffff;
    border-bottom: 1px solid #E1E5E6;
}



/* prompt end */



.note-editable  *::selection {
    background: #4CA0E1 !important;
    color:#fff !important;
}
.note-editable *::-moz-selection {
    background: #4CA0E1 !important;
    color:#fff !important;
}
.note-editable *::-webkit-selection {
    background: #4CA0E1 !important;
    color:#fff !important;
} 

.note-editable * {
    line-height: inherit!important;
 
}

.fontFamily-container{
    height: 300px;
    padding: 25px;
    overflow-y: scroll;
    overflow-x: hidden;

}

.note-color-all > div >div:nth-child(2){
    display: none !important;
    /* background-color: red !important; */
}

/* below css for hidding the background original large color palate and text color - custom colors */
/* .note-color-fore #foreColorPalette {
    display: none;
}

.note-color.note-color-all .note-holder{
    display: none;

} */

/* below css is for hidding the custom colors in both text and background */
.note-dropdown-menu #backColorPalette{
    display: none !important;
}
.note-dropdown-menu #foreColorPalette{
    display: none !important;
}
/* ==================================================================== */


.note-editor .note-toolbar .note-color-all .note-dropdown-menu {
    min-width: auto !important;
}

.note-btn-group .note-btn{
    border: none !important;
    /* font-size: 14px !important; */
}

.btn-light{
    background-color: transparent !important;

}

.btn-group, .btn-group-vertical {
   
    gap: 2px !important; 
}

.btn-light:hover {
    color: #0078d4 !important;
    background-color: #e8f0fe !important;
    /* border-color: #dae0e5; */
}

.note-popover .popover-content .note-para .note-dropdown-menu, .note-editor .note-toolbar .note-para .note-dropdown-menu {
    min-width: auto !important;
}

.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle{
    color: #0078d4 !important;
    background-color: #e8f0fe !important;
}

.btn-light.focus, .btn-light:focus {
    color: #0078d4;
    background-color: #e8f0fe;
    border-color: none;
    box-shadow: none !important;
}

.btn-light{
    color: #5F6368 !important;
}


.dropdown-item.active, .dropdown-item:active {
    color: #5e6368 !important;
    text-decoration: none !important;
    background-color: #eff4f6 !important;
}

.note-modal .modal-dialog{
    box-shadow: 0px 3px 14px #00000038 !important;
    border-radius: 10px;
}

.note-form-label{
    font-family: 'Roboto' !important;
    font-size: 16px !important; 
    font-weight: normal !important;
    font-style: normal !important;
}

.history-main-wrap::-webkit-scrollbar,
.prompt-generating-sidebar-history .prompt-sidebar-ui::-webkit-scrollbar{
    width: auto !important;
    background: transparent;
}

.ai-writter-popover-modal-content-leaf::-webkit-scrollbar{
    /* width: 20px !important; */
    width: 8px !important;

}

.ai-writter-popover-modal-content-leaf::-webkit-scrollbar-track{
   /* background: #ffffff; */
   background: transparent !important;

}


.ai-writter-popover-modal-content-leaf::-webkit-scrollbar-thumb{
    /* background-color: #DADDE0 !important;
    border-radius: 50px !important;
    border: 8px solid #ffffff !important; */
    background-color: #DADDE0 !important;
    border-radius: 50px !important;
    border: 8px solid #DADDE0 !important;
}

.prompt-bubble-sugestion-wrapper::-webkit-scrollbar,.doc-file-table-wrapper::-webkit-scrollbar,.prompt-generating-sidebar-history::-webkit-scrollbar, 
.bubble-prompt-main-container::-webkit-scrollbar, 
.gen-prop-main-wrap::-webkit-scrollbar,
.prompt-generated-result-textarea::-webkit-scrollbar {
    width: 8px !important;
}

.prompt-bubble-sugestion-wrapper::-webkit-scrollbar-track,.doc-file-table-wrapper::-webkit-scrollbar-track,.history-main-wrap::-webkit-scrollbar-track,
.prompt-generating-sidebar-history .prompt-sidebar-ui::-webkit-scrollbar-track, 
.prompt-generating-sidebar-history::-webkit-scrollbar-track, 
.bubble-prompt-main-container::-webkit-scrollbar-track,
.gen-prop-main-wrap::-webkit-scrollbar-track, 
.prompt-generated-result-textarea::-webkit-scrollbar-track {
    background: transparent !important;
}

.history-main-wrap::-webkit-scrollbar-thumb{
    background-color: #DADDE0 !important;
    border-radius: 50px !important;
    border: 5px solid #ffffff !important;
}

.prompt-generating-sidebar-history .prompt-sidebar-ui::-webkit-scrollbar-thumb{
    background-color: #DADDE0 !important;
    border-radius: 50px !important;
    border: 5px solid #F8FAFC !important;
}

.prompt-bubble-sugestion-wrapper::-webkit-scrollbar-thumb,.doc-file-table-wrapper::-webkit-scrollbar-thumb,.prompt-generating-sidebar-history::-webkit-scrollbar-thumb, 
.bubble-prompt-main-container::-webkit-scrollbar-thumb,
.gen-prop-main-wrap::-webkit-scrollbar-thumb, 
.prompt-generated-result-textarea::-webkit-scrollbar-thumb {
    background-color: #DADDE0 !important;
    border-radius: 50px !important;
    border: 8px solid #DADDE0 !important;
}

  .prompt-bubble-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 10px 5px 15px;
    height: 44px;
  }

  .bubble-prompt-main-container{
    /* overflow-y: auto; */
    height: 80vh;
  }
  
  .bubble-prompt-main-container .category-group:first-child{
    margin-top: 0;
  }
  
  .bubble-prompt-main-container .category-group{
    margin-top: 26px;
  }



  .prompt-bubble-container{
    display: flex;
    align-items: baseline;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
  }

    .prompt-bubble-container:not(:last-child){
        margin-bottom: 26px;
    }

    .prompt-bubble {
        border: none;
        padding: 4px 10px;
        /* background: #D3D8DC; */
        background-color: rgba(211, 216, 220, 0.5);
        border-radius: 2px;
        font-family: 'Roboto';
        font-style: normal;
        font-size: 13px;
        font-weight: 500;
        line-height: 24px;
        color: #222222;
        /* transition: all 0.1s ease; */
    }

.prompt-bubble:hover{
    background: rgba(0, 116, 211,0.2);
    cursor: pointer;
    /* transition: all 0.1s ease; */
}
 
.prompt-bubble-title{
    font-family: 'Roboto';
    font-style: normal;
    font-size: 14px;
    font-weight: 500;
    color: #222222;
}

.toggle-icon-sidebar{
    color: #5F6368 !important;
    padding: 4px;
}

.toggle-icon-sidebar-container{
    padding: 5px;
    border-radius: 50%;
}

.toggle-icon-sidebar-container:hover{
    background-color: #ffffff;
    cursor: pointer;
}

.editor{
    width: 100%;
    display: flex;
    position: sticky;
    z-index: 10;
    top: 0;
}


.note-editing-area { 
    padding: 5px 0 !important;
    height: 100% !important; 
}


.writer-pdf-split-view .note-editing-area { 
    padding: 20px 11px !important;
    height: 100% !important;
    background-color: #ECEFF4;
}

.writer-pdf-split-view .note-editing-area .note-editable{
    background-color: #ffffff;
}

.css-1okebmr-indicatorSeparator, .css-109onse-indicatorSeparator {
    
    display: none !important;
}

.word-container{
    background: #d3d8dc69;
    border-radius: 22px;
    padding: 3px 10px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5;
    color: #5F6368;
}

.result-icon-innerWrap{
    display: flex;
    align-items: center;
    justify-content: end;
}

.result-icon-single-item{
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.result-icon-single-item-popup{
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border-radius: 50%;
    transition: all 0.3s ease;
    border: none;
}

.result-icon-single-item .icons, .result-icon-single-item-popup .icons{
    color: #5F6368;
    font-size: 17px;
}

.result-icon-single-item:hover,.result-icon-single-item-popup:hover{
    background: #EFEFEF;
    transition: all 0.3s ease;
    cursor: pointer;
}

.result-icon-single-item .toolbar-icons:hover{
    color: #5f6368!important;
}

.nav-switch-icons svg g{
    fill: #5f6368;
}
.history-icon{
    color: #5f6368!important;
}

.external-bar{
    position: absolute;
    right: 0;
    top: 56px;
    width: 356px;
}

.nav-switch-icons{
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #E1E5E6;
    border-radius: 4px;
    cursor: pointer;
}

.nav-switch-icons:not(:last-child){
    margin-right: 10px;
}

.nav-switch-icons.active svg g{
    fill: #ffffff;
}

.nav-switch-icons.active svg,
.nav-switch-icons.active img{
    filter:  brightness(0) invert(1);
}
/* .nav-switch-icons:hover img{
    filter:  brightness(0) invert(1);
    transition:  all 0.3s ease;

} */
.nav-switch-icons.active{
    background-color: #0078D4;
}

/* .nav-switch-icons:hover{
    transition:  all 0.3s ease;
    cursor: pointer;
    background-color: #0078D4 !important;
    color: #FFFFFF !important;
} */

/* .nav-switch-icons:hover .history-icon{
    color: #FFFFFF!important;
    transition:  all 0.3s ease;

} */

/* .pop{
    display: flex;
    align-items: center;
    gap: 22px;
    width: 100%;
    z-index: 1000;
} */

.popover-content{
    padding-top: 1px;
    font-size: 14px;
    font-family: 'Roboto';
    color: #222222;
}



/* #selection-ref { 
    position: absolute;
    
    background: rgba(200,0,0,0.2);
    pointer-events: none;
  } */

  .note-editable pre {
    display: block;
    margin: 0 0 10px 0 !important;
    color: #000000;
    word-break: break-word !important; 
    word-wrap: break-word !important;
    overflow: unset !important;
    white-space: inherit;
}

body.page blockquote {
    border-left: 5px solid #f86466 !important;
    background: white;
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #f86466 !important;

}



/* #pop
{
    visibility: hidden;
    position: absolute;
    transition: all ease-in-out 0.2s;
    z-index: 1000 !important;
    background: #FFFFFF ;
    border-radius: 3px;
    opacity: 1;
} */

.Rectangle_1800{
    height: 17px !important;
    width: 16px !important;
}


.popup
{
    /* color: #D5CEA3;
    background-color: #1A120B;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-weight: 400;
    font-size: 22px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding: 10px;
    border-radius: 10px;
    height: 120px; */
    /* padding: 0 10px; */
    line-height: 36px;
    display: flex;
    flex-direction: row;
    align-items: center;
    /* gap: 8px; */
    height: auto;
    background: #FFFFFF !important ;
    /* max-width: inherit; */
    width: fit-content;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 6px;
    box-shadow: 0px 3px 12px #0000002E !important;
}


.arrow-top:before{
    position: absolute;
    top: -6px;
    left:50%;
    margin-left: -6px;
    content:"";
    display:block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #1A120B; 
    animation: fade-up 300ms ease-in-out ;
}
.arrow-bottom:before{
    position: absolute;
    bottom: -6px;
    left:50%;
    margin-left: -6px;
    content:"";
    display:block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #1A120B; 
    animation: fade-down 300ms ease-in-out ;
}

@keyframes fade-up {
    0%
    {
        transform: translateY(50px);
        opacity: 0;
    } 
    100%
    {
        transform: translateX(0);
        opacity: 1;
    }  
}
@keyframes fade-down {
    0%
    {
        transform: translateY(-50px);
        opacity: 0;
    } 
    100%
    {
        transform: translateY(0);
        opacity: 1;
    }  
}
  



.popper-inner {
    border-radius: 5px;
    padding: 0 10px;
    line-height: 44px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 18px;
    height: auto;
    background: #FFFFFF !important ;
    box-shadow: rgb(0 0 0 / 13%) 0px 6.4px 14.4px 0px, rgb(0 0 0 / 11%) 0px 1.2px 3.6px 0px !important;
    z-index: 1000 !important;
    visibility: hidden;
}
.popper--visible
{
    visibility: visible;
}

.pop-buttons{
    background-color: #FFFFFF !important;
    border: none !important;
    border-radius: 5px;
}


.bloc-tabs{
    display: flex;
    height: 44px;
    border-bottom: 1px solid #E1E5E6;
    padding: 0 30px;
}

.tabs{
    border-bottom: 2px solid transparent;
    padding: 11px 20px;
    font-family: 'Roboto';
    font-size: 14px;
    font-style: normal;
    color: #5F6368;
    font-weight: 500;
    cursor: pointer;
    white-space: nowrap;
}

.tabs:hover{
    font-weight: 600;
    color: #0078D4;
}

.tabs.active-tabs:hover,
.active-tabs{
    background-color: rgba(0, 120, 212,0.1);
    border-bottom: 2px solid #0078D4;
    font-weight: 600;
    color: #0078D4;
}

.note-popover .popover-content, .note-editor .note-toolbar {
    margin: 0;
    padding: 4px 5px 5px 5px !important;
}

.gen-prop-main-wrap{
    padding: 0 30px 20px 30px;
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100% - (44px));
    margin: 8px 5px 8px 0px;
}


.project-input-wrap .project-box-ai[data-placeholder]:empty:before {
    content: attr(data-placeholder);
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    color: #000000;
    /* line-height: 1.5; */
    transition: 0.1s all ease;
    position: relative;
    top: 0px;
}

.project-input-wrap .project-box-ai {
    border: none;
    background-color: transparent;
    border: 2px solid transparent;
    border-radius: 3px;
    transition: 0.3s all ease;
    /* max-width: 70%; */
    width: auto;
    width: -moz-fit-content;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    color: #000000;
    line-height: 1.5;
    height: 38px;
    margin-bottom: 0px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 5px 15px;
}

.project-input-wrap .project-box-ai:not(:focus) {
    text-overflow: ellipsis;
}

.project-input-wrap .project-box-ai[contenteditable=true]:empty:before {
    content: attr(data-placeholder);
    pointer-events: none;
}

.project-box-ai:focus{
    outline: none;
    border-color: #0073D6;
    border-width: 2px;
    background-color: #ffffff;
    transition: 0.1s all ease;
    height: 38px;
    /* padding: 0px 15px; */
}

.project-input-wrap .project-box-ai:hover{
    /* border-color: #D8D8D8; */
    /* padding: 0px 15px; */
    transition: 0.2s all ease;
    text-overflow: clip;
}

.project-input-wrap .project-box-ai:focus {
    text-overflow: clip;
    /* padding-left: 20px; */
}
.project-input-wrap .project-box-ai:not(:focus) {
    text-overflow:ellipsis;
}

/* .writter-container #navbar{
    z-index: 0 !important;
} */

.languagemodal-button{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    background-color: rgb(211, 216, 220,0.4);
    border-radius: 3px;
    padding: 8px 13px;
    cursor: pointer;
}

.languagemodal-button span.value{
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: 500;
    color: #222222;
}

.languagemodal-button span.icon{
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #747474;
}

.arrow-icon-color{
    color: #747474 !important;
}

.pop-buttons{
    display: flex;
    align-items: center;
    /* gap: 5px; */
    padding: 0 10px;
}

.history-leaf{
    padding: 22px;
    border-bottom: 1px solid #0E2A311A;
    background-color: transparent;
    cursor: pointer;
}

.history-leaf:hover{
    background-color: #00000005;
}

.history-leaf.active:hover,
.history-leaf.active{
    background-color: #0078d41a;
}

.history-leaf.active h4.catogory{
    color: #0078D4;
}

.history-leaf .sub-catogory{
    background-color: #0000000f;
    padding: 3px 12px;
    border-radius: 3px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.5;
    color: #5F6368;
    margin-left: 12px;
}

.history-leaf h4.catogory{
    font-size: 14px;
    color: #222222;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 0px;
}

.history-leaf .catogory-container{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.history-leaf p.category-desc-cont{
    font-size: 14px;
    color: #222222;
    font-weight: normal;
    line-height: 1.5;
    margin-bottom: 9px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;

}

.history-leaf .history-timing{
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5;
    color: #9EA3AA;
}

.sidebaropen-bar.left-side-bar{
    display: none;
    z-index: 10;
}

.left-side-bar:hover{
    left: -60px !important;
    transition: all 0.3s ease;
    cursor: pointer;
}

.sidebaropen-bar{
    position: absolute;
    width: fit-content;
    width: -moz-fit-content;
    top: 59px;
    right: -75px;
    transition: all 0.3s ease;
    border: none;
    outline: none;
    background-color: transparent;
}
.sidepanel-leaf{
    background: #ffffff;
    box-shadow: 0 1px 1px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%);
    border-radius: 25px 0px 0px 25px;
    padding: 0px 11px;
    width: 100px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.arrow-base{
    position: relative;
}

.side-bar-arrow-ai-writter{
    font-size: 12px !important;
    color: #5F6368 !important;
}

.sidebaropen-bar:hover{
    right: -60px;
    transition: all 0.3s ease;
    cursor: pointer;

}

.ai-writter-popover-modal{
    /* padding: 22px 0 0 0; */
    border-radius: 5px;
    max-width: inherit;
}

.ai-writter-popover-modal-header{
    /* display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    padding: 0 24px; */
}

.ai-writter-popover-modal-header span{
    text-align: left;
    font-family: 'Roboto';
    font-weight: 450;
    font-size: 12px;
    letter-spacing: 0.6px;
    color: #5F6368;
    text-transform: uppercase;
    opacity: 1;
}

.popover:has(div.ai-writter-popover-modal) {
    max-width: 900px !important;
    border-radius: 10px;
    box-shadow: rgb(0 0 0 / 13%) 0px 6.4px 14.4px 0px, rgb(0 0 0 / 11%) 0px 1.2px 3.6px 0px !important;

}

.ai-writter-popover-modal-content-leaf{
    /* max-width: 761px; */
    line-height: 1.5;
    text-align: left;
    font-size: 14px;
    font-family: 'Roboto';
    font-style: normal;
    color: #3C4043;
    opacity: 1;
    border-radius: 5px;
    border-bottom: 1px solid transparent;
    max-height: 280px;
    min-height: 71px;
    min-width: inherit;
    overflow: auto;
    max-width: 100%;
    padding-right: 36px;
        /* transition: ease 0.3s all; */
}

/* .ai-writter-popover-modal-content-leaf:nth-child(1){
    border-bottom: 1px solid #E6E9EA;
} */

/* .ai-writter-popover-modal-content-leaf:hover{
    background: #ffffff;
    transition: ease 0.3s all;
    cursor: pointer;
   

} */

.ailaysa-writter-working-col-wrapper .confirmation-tabs{
    display: flex;
    align-items: center;
    position: absolute;

}

.confirm-text-generated{
    box-shadow: 0px 2px 4px #0000003D;
    border-radius: 4px;
    padding: 10px 8px;
    transition: all 0.3s ease;

}

.confirm-text-generated:hover{
    background-color: #E8F5FF;
    transition: all 0.3s ease;
    cursor: pointer;

}



.icons-discard-text-generated{
    color: #5F6368 !important;
    padding: 2px;
}

.confirm-text-generated:hover .icons-discard-text-generated{
    color: #0078D4 !important;
    transition: all 0.3s ease;
}

.history-main-wrap{
    padding: 25px 35px;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.history-primary-wrap{
    display: flex;
    /* align-items: center; */
    flex-direction: column;
    justify-content: flex-start;
    border-bottom: 1px solid #E0E5E7;
    text-align: left;
    gap: 23px;
    padding-bottom: 25px;

}

.history-detail-lines p.title{
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5;
    color: #5F6368;
    margin-bottom: 0px;
    display: flex;
    /* align-items: center; */
    width: 150px;
    justify-content: space-between;
    margin-right: 11.5px;
}

.history-detail-lines p.value{
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    color: #202124;
    margin-bottom: 0px;
    width: 75%;
}

.history-detail-lines{
    display:flex ;
    /* align-items: center; */
    width: 100%;
}

h4.history-seconday-wrap-header{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color: #5F6368;
    margin-bottom: 13px;
}

.history-secondary-wrap{
    margin-top: 18px;
    padding-bottom: 60px;

}

.history-content-details{
    margin-bottom: 22px;
    border: 1px solid #E0E5E7;
    border-radius: 3px;
}

.history-content-details p{
    padding: 30px 56px 0px 26px;
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    color: #222222;
    word-break: break-word;
}

.result-textarea-wrapper .result-toolbar{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.result-textarea-wrapper .result-toolbar .word-box-wrapper{
    display: flex;
    align-items: center;
    gap: 10px;
}

.history-content-details .result-toolbar{
    padding: 0px 31px 13px 26px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.history-content-details .result-toolbar .word-box-wrapper{
    display: flex;
    align-items: center;
    gap: 10px;
}

.history-secondary-wrap .fileupload-new-btn {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4;
    color: #ffffff;
}

.history-primary-wrap .history-detail-lines:nth-child(7) div:nth-child(1){
    margin-right: 18px;
}

.history-primary-wrap .history-detail-lines:nth-child(6) div:nth-child(1){
    margin-right: 48px;
}

.history-primary-wrap .history-detail-lines:nth-child(5) div:nth-child(1){
    margin-right: 73px;
}

.history-primary-wrap .history-detail-lines:nth-child(4) div:nth-child(1){
    margin-right: 27px;
}

.history-primary-wrap .history-detail-lines:nth-child(3) div:nth-child(1){
    margin-right: 54px;
}

.history-primary-wrap .history-detail-lines:nth-child(2) div:nth-child(1){
    margin-right: 56px;
}

.history-primary-wrap .history-detail-lines:nth-child(1) div:nth-child(1){
    margin-right: 73px;
}

#pop {
    user-select: none;
    position: absolute;
    visibility: hidden;
    z-index: 101 !important;
    transition: opacity ease-in-out 100;
    /* animation: fadeInText 3s; */
    max-height: 400px;
    /* min-height: 189px; */
    /* min-width: 483px; */
}

/* @keyframes fadeInText {
    0% { opacity: 0; }
    100% { opacity: 1; }
  } */

.pop-overlay {
    position: absolute;
    /* background-color: transparent; */
    /* background-color : rgba(0,0,0,0.2); */
    width: 100%;
    height: 100%;
    z-index: 9;
    display: none;
    user-select: none; /* Chrome and Opera */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    pointer-events: none;
    overflow:auto;
}

.ai-open-doc-modal .rodal-dialog {
    border: none;
    box-shadow: 0px 20px 30px #0000003D !important;
    border-radius: 4px !important;
    padding: 0 !important;
    width: 80% !important;
    height: 70% !important;
}

.prompt-history-no-prompt{
    display: flex;
    width: auto;
    height: 88vh;
    justify-content: center;
    align-items: center;
}

.customization-options-category{
    /* text-align: left; */
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    color: #858585;
    opacity: 1;
    margin-bottom: 0;
}
.editor-main-wrap{

}

.modal-wrapper-file-manager{
    padding: 30px;
    border-radius: 4px;
    height: 100%;
    background-color: #fff;
    display: flex;
    flex-direction: column;
} 


    .doc-file-table-wrapper .table {
        width: 100%;
        border-collapse: collapse;
        padding: 5px;
        margin-bottom: 0px;
    }
  
.doc-file-table-wrapper .table td{
    padding: 12px 15px;
    vertical-align: middle;
    border-top: 0px solid #dee2e6;
}

.doc-file-table-wrapper .table th {
    padding: 12px 15px;
    vertical-align: middle;
  }

  .doc-file-table-wrapper .table tbody tr td:first-child,
  .doc-file-table-wrapper .table thead th:first-child{
    width: 100%;
    max-width: 60%;
  }

  .doc-file-table-wrapper .table tbody tr td:nth-child(2),
  .doc-file-table-wrapper .table thead th:nth-child(2){
    width: 100%;
    max-width: 20%;
  }

  .doc-file-table-wrapper .table tbody tr td:last-child,
  .doc-file-table-wrapper .table thead th:last-child{
    width: 100%;
    max-width: 20%;
  }

  .doc-file-table-wrapper .table thead{
    position: sticky;
    position: -webkit-sticky;
    background-color: #ffffff;
    top: 0;
    z-index: 10;
    border-bottom: 1px solid #dee2e6 !important;
  }
  
  .doc-file-table-wrapper .table thead th {
    background-color: #fff;
    color: #3c4043;
    border: none !important;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 24px;
    color: #3c4043;  
    border-bottom: 0px solid #000000 !important;
}

.doc-file-table-wrapper .table tbody tr{
    border-bottom: 1px solid #dee2e6;
    border-top: 0px solid #dee2e6 !important;
}

.doc-file-table-wrapper .table tbody td{
    color: #3c4043;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 24px;
}
  
  .doc-file-table-wrapper .table tbody tr:nth-child(even) {
    /* background-color: #d1e8f5; */
  }

  .doc-file-table-wrapper .table thead th:nth-child(3) {
    text-align: right;
    padding-right: 35px;
  }

  .doc-file-table-wrapper .table td:nth-child(3){
    text-align: right;

  }

  .open-doc-title{
    display: flex;
    align-items: center;
    gap: 5px;
  }

  .open-doc-title-container{
    display: flex;
    align-items: center;
    gap: 20px;
  }

  .doc-file-open-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;

  }

  .doc-file-open-header span{
    font-family: 'Roboto';
    font-size: 24px;
    font-weight: 500;
    font-style: normal;
  }

  .doc-file-open-header .doc-icon{
    color: #0078D4;
  }
  
  .doc-file-table-wrapper{
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    height: 100%;
    overflow-y: auto;
    padding: 0px 26px 20px 26px;
}

.word-processor-wrap{
    width: 90%;
    justify-content: space-between;
    display: flex;
}

.word-processor-wrap .navbar-nav:last-child{
    justify-content: end;
}
 
.word-processor-wrap ul.nav-project-txt-align:first-child li:nth-child(2) .project-input-wrap{
    flex-wrap: nowrap;
    max-width: 500px;
}


.document-wrap.converted-pdf-list-wrap .file-edit-list-table-row .file-edit-list-table-cell .status-conditions-part .docs-delete{
    opacity: 0;
    visibility: hidden;
}

.document-wrap.converted-pdf-list-wrap .file-edit-list-table-row:hover .file-edit-list-table-cell .status-conditions-part .docs-delete{
    opacity: 1;
    visibility: visible;
    display: flex !important;
}
.project-list-main  .docs-delete{
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex !important;
    align-items: center;
    justify-content: space-around;
}

.project-list-main  .docs-delete:hover{
    background-color: #e9eaea;
    display: flex !important;
    align-items: center;
    justify-content: space-around
}
.status-conditions-part.dont-open-list{
    display: flex;
    align-items: center;
}
.file-edit-list-inner-table-row .file-edit-list-inner-table-cell:last-child .docs-delete{
    overflow: unset !important;

}

.popup-footer{
    text-align: right;
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: space-between;
    margin-top: 10px;
    padding: 0 24px;
}

.popup-footer .discard-dis{
    background-color: transparent;
    border: none;
    border-radius: 3px;
    padding: 10px 12px;
   
}
.popup-footer .discard-dis span{
    color: #3C4043 !important;
}

.popup-footer .accept-but{
    background-color: #0078D4;
    border: none;
    border-radius: 3px;
    padding: 10px 12px;

}

.popup-footer .accept-but span{
    color: #ffffff;
    font-size: 13px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
}

.acceptbut-wrapper{
    display: flex;
    align-items: center;
    gap: 5px;
}

.ai-writter-popover-modal-content{
    /* border-bottom: 1px solid #F0F0F0; */
    padding: 0 24px;
}

.note-editable div{
    white-space: pre-wrap !important;
}

.temp-color{
    background-color: rgb(206, 230, 249);
    /* outline: 2px solid rgb(206, 230, 249); */
    display: inline;
}

.no-template-found{
    width: 100%;
    height: 70vh;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
}


.no-template-found img{
    width: 68px;
    height: 74px;
}
.no-template-found h1{
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.5;
    color: #3C4043;
}

.side-bar-info-icon-wrap{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 10px;
    gap: 7px;
}

.category-group .imp-icon-file{
    width: 14px !important;
}

.nav-writter-download{
    cursor: pointer;
    border-radius: 50%;
    transition: all 0.3s ease;
    padding: 7.5px 10px

}

.nav-writter-download:hover{
    transition: all 0.3s ease;
    border-radius: 50%;
    background: #ebebeb;
}

@keyframes highlight {
    from {
      background-color: #0078D4;
      color: #FFFFFF;
    }
  }

  /* .note-modal ,.link-dialog{
    user-select: none !important;
  } */

  .sn-checkbox-open-in-new-window{
    display: none !important;
  }

  .sn-checkbox-use-protocol{
    display: none !important;
  }

  .aiGeneratingButtonFull{
    background-color:#0078D4;
    width: 100%;
    box-shadow: none;
    border-radius: 3px;
    text-transform: none;
    padding: 0;
    border: none;
  }

  .aiGeneratingButtonFull:hover{
    background-color: #0265b1;
    box-shadow: none;
  }

  .openProjectButton{
    background-color:#0078D4;
    /* width: 100%; */
    box-shadow: none;
    border-radius: 3px;
    text-transform: none;
    padding: 7px 26.625px;
    border: none;
  }

  .openProjectButton:hover{
    background-color: #0078D4;
    box-shadow: none;
  }

  .deletebutton-history-writter{
    background-color:#0078D4;
    box-shadow: none;
    border-radius: 3px;
    text-transform: none;
    padding: 11.5px 35px;
    border: none;
  }

  .deletebutton-history-writter:hover{
    background-color: #0078D4;
    box-shadow: none;
  }

  .uploadProjectButton-writter{
    background-color:#0078D4;
    box-shadow: none;
    border-radius: 3px;
    text-transform: none;
    padding: 12.5px 21px;
    border: none;
  }

  .uploadProjectButton-writter:hover{
    background-color: #0078D4;
    box-shadow: none;
  }

  .addAndUpdatebutton{
    background-color:#0078D4;
    box-shadow: none;
    border-radius: 2px;
    text-transform: none;
    padding: 0;
    border: none;
    padding: 10px 18px !important;
  }

  .addAndUpdatebutton:hover{
    background-color: #0265b1;
    box-shadow: none;
  }

  .writter-container .ail-work-nav{
    /* z-index: 1 !important; */
  }

  .note-editable p{
    margin-bottom: 0 !important;
  }

.recent-target-lang{
    cursor: pointer;
    text-decoration: underline;
    color: #0095ff;
}
.recent-target-lang:hover{
    text-decoration: none;
}

.note-color-select{
    display: none !important;
}

.MuiTooltip-tooltip{
    color: #ffffff !important;
    background-color: #2A2A2A !important;
    padding: 7px 12px !important;
    font-family: 'Roboto' !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
    width: auto !important;
    max-width: 100% !important;
} 

 .MuiTooltip-arrow{
  color: #2A2A2A !important;
}

/* componentsProps={{
    tooltip: {
    sx: {
        bgcolor: '#2A2A2A',
        color: '#FFFFFF',
        padding: '7px 12px',
        fontFamily: 'Roboto',
        fontSize: '12px',
        lineHeight: '1.4',
        fontWeight: '400',
        width: 'auto',
        maxWidth: '100%',
        '& .MuiTooltip-arrow': {
        color: '#2A2A2A',
        },
    },
    },
}}  */


.workspace-files-OpeningProjectButton{
    background-color:#0078D4 !important;
    box-shadow: none !important;
    border-radius: 3px !important;
    text-transform: none !important;
    padding: 7px 13.5px !important;
    border: none !important;
  }

  .workspace-files-OpeningProjectButton:hover{
    background-color: #0078D4 !important;
    box-shadow: none !important;
  }

  .workspace-files-OpenProjectButton{
    background-color:#0078D4;
    box-shadow: none !important;
    border-radius: 3px !important;
    text-transform: none !important;
    padding: 7px 14px;
    border: none !important;
  }

  .workspace-files-OpenProjectButton:hover{
    background-color: #0078D4;
    box-shadow: none !important;
  }

  
  .workspace-files-SubmitProjectButton{
    background-color:#e8f0fe !important;
    box-shadow: none !important;
    border-radius: 3px !important;
    text-transform: none !important;
    padding: 7px 26.625px !important;
    border: none !important;
  }

  .workspace-files-SubmitProjectButton:hover{
    background-color: #e8f0fe !important;
    box-shadow: none !important;
  }

  .workspace-files-AddNewProjectButton{
    background-color:#0078D4 !important;
    box-shadow: none !important;
    border-radius: 3px !important;
    text-transform: none !important;
    padding: 10px 30px !important;
    border: none !important;
  }

  .workspace-files-AddNewProjectButton:hover{
    background-color: #0078D4 !important;
    box-shadow: none !important;
  }

  .mydocument-files-AddProjectButton{
    background-color:#0078D4 !important;
    box-shadow: none !important;
    border-radius: 3px !important;
    text-transform: none !important;
    padding: 5px 10px !important;
    border: none !important;
  }

  .mydocument-files-AddProjectButton:hover{
    background-color: #0078D4 !important;
    box-shadow: none !important;
    text-decoration: none !important;
  }

  .mydocument-AiMarkSubmit{
    background-color:#0078D4 !important;
    box-shadow: none !important;
    border-radius: 3px !important;
    text-transform: none !important;
    padding: 0 !important;
    border: none !important;
    height: 40px !important;
  }

  .mydocument-AiMarkSubmit:hover{
    background-color: #0069B9 !important;
    box-shadow: none !important;
  }

  .mydocument-AiMarkSubmit:disabled{
    opacity: 0.6 !important;
  }

  .mydocument-AiMarkCancel{
    background-color:#FFFFFF !important;
    box-shadow: none !important;
    border-radius: 4px !important;
    text-transform: none !important;
    padding: 0 !important;
    border: 1px solid #DADCE0 !important;
    height: 40px !important;
  }

  .mydocument-AiMarkCancel:hover{
    box-shadow: none !important;
    height: 40px !important;
  }

  .mydocument-AiMarkCancel:focus{
    border: 1px solid #0078D4 !important;
    height: 40px !important; 
  }


  .globalform-StepProcessButton{
    background-color:#0078D4 !important;
    box-shadow: none !important;
    border-radius: 3px !important;
    text-transform: none !important;
    padding: 5px 9px !important;
    border: none !important;
  }

  .globalform-StepProcessButton:hover{
    background-color: #0265b1 !important;
    box-shadow: none !important;
  }

  .globalform-StepProcessButton:disabled{
    background-color: #99c9ee !important;
  
  }

  .globalform-StepCancelButton{
    background-color:#ECECEC !important;
    box-shadow: none !important;
    border-radius: 3px !important;
    text-transform: none !important;
    padding: 0 !important;
    border: none !important;
  }

  .globalform-StepCancelButton:hover{
    background-color: #d3d1d1 !important;
    box-shadow: none !important;
  }

  .MuiRadio-root{
    color: #5F6368 !important;

  }

  .MuiRadio-root:hover{
    background-color: #E5F1FB !important;
    color: #5F6368 !important;
    
  }

  .MuiRadio-colorPrimary.Mui-checked{
    color: #0078D4 !important;
  }

  .MuiRadio-colorPrimary.Mui-checked:hover{
    background-color: #E5F1FB !important;
  }


  .config-ConfirmCloseButton{
    background-color:#EBEBEB !important;
    box-shadow: none !important;
    border-radius: 3px !important;
    text-transform: none !important;
    padding: 8px 10px !important;
    border: none !important;
  }

  .config-ConfirmCloseButton:hover{
    background-color: #EBEBEB !important;
    box-shadow: none !important;
  }

  
  .config-ConfirmDeleteButton{
    background-color:#0078D4 !important;
    box-shadow: none !important;
    border-radius: 3px !important;
    text-transform: none !important;
    padding: 8px 10px !important;
    border: none !important;
  }

  .config-ConfirmDeleteButton:hover{
    background-color: #0078D4 !important;
    box-shadow: none !important;
  }


  .searchterm-ClearAllButton{
    background-color:#ffffff !important;
    box-shadow: none !important;
    border-radius: 3px !important;
    text-transform: none !important;
    padding: 5px 9px !important;
    border: none !important;
  }

  .searchterm-ClearAllButton:hover{
    background-color: #F3F3F3 !important;
  }


  .viewglossarieslist-AddProjectButton{
    background-color:#0078D4 !important;
    box-shadow: none !important;
    border-radius: 3px !important;
    text-transform: none !important;
    padding: 8px 12px !important;
    border: none !important;
  }

  .viewglossarieslist-AddProjectButton:hover{
    background-color: #0078D4 !important;
    box-shadow: none !important;
    text-decoration: none !important;
  }

  .confirmation-modal-AiMarkSubmit{
    background-color:#0078D4 !important;
    box-shadow: none !important;
    border-radius: 3px !important;
    text-transform: none !important;
    padding: 0 !important;
    border: none !important;
    height: 33px !important;
  }

  .confirmation-modal-AiMarkSubmit:hover{
    background-color: #0069B9 !important;
    box-shadow: none !important;
  }

  .confirmation-modal-AiMarkSubmit:disabled{
    opacity: 0.6 !important;
  }

  .confirmation-modal-AiMarkCancel{
    background-color:#FFFFFF !important;
    box-shadow: none !important;
    border-radius: 4px !important;
    text-transform: none !important;
    padding: 0 !important;
    border: 1px solid #DADCE0 !important;
    height: 33px !important;
  }

  .confirmation-modal-AiMarkCancel:hover{
    box-shadow: none !important;
    height: 33px !important;
  }

  .confirmation-modal-AiMarkCancel:focus{
    border: 1px solid #0078D4 !important;
    height: 33px !important; 
  }

  .simple-rodal-ClearAllButton{
    background-color:#ffffff !important;
    box-shadow: none !important;
    border-radius: 3px !important;
    text-transform: none !important;
    padding: 0 !important;
    border: 1px solid #DADCE0 !important;
  }

  .simple-rodal-ClearAllButton:hover{
    background-color: #F3F3F3;
  }


  .speech-to-text-UploadProjectButton{
    background-color:#0078D4 !important;
    box-shadow: none !important;
    border-radius: 3px !important;
    text-transform: none !important;
    padding: 12.5px 21px !important;
    border: none !important;
  }

  .speech-to-text-UploadProjectButton:hover{
    background-color: #0078D4 !important;
    box-shadow: none !important;
  }

  .speech-to-text-UploadProjectButton:disabled{
    opacity: 0.5 !important;
  }

  .speech-to-text-UploadProjectButton-process{
    background-color:#0078D4 !important;
    box-shadow: none !important;
    border-radius: 3px !important;
    text-transform: none !important;
    /* padding: 12.5px 21px !important; */
    border: none !important;
  }

  .speech-to-text-UploadProjectButton-process .trans-btn-txt{
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: #ffffff;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12.5px 21px !important
  }

  .speech-to-text-UploadProjectButton-process:hover{
    background-color: #0078D4 !important;
    box-shadow: none !important;
  }

  .speech-to-text-UploadProjectButton-process:disabled{
    opacity: 0.5 !important;
  }

  .convert-pdf-list-UploadProjectButton{
    background-color:#0078D4 !important;
    box-shadow: none !important;
    border-radius: 3px !important;
    text-transform: none !important;
    padding: 12.5px 21px !important;
    border: none !important;
  }

  .convert-pdf-list-UploadProjectButton:hover{
    background-color: #0078D4 !important;
    box-shadow: none !important;
  }

  .convert-pdf-list-OpenProjectButton{
    background-color:#0078D4 !important;
    box-shadow: none !important;
    border-radius: 3px !important;
    text-transform: none !important;
    padding: 12px 41px !important;
    border: none !important;
  }

  .convert-pdf-list-OpenProjectButton:hover{
    background-color: #0078D4 !important;
    box-shadow: none !important;
  }

  .convert-pdf-list-ViewProjectButton{
    background-color:#0078D4 !important;
    box-shadow: none !important;
    border-radius: 3px !important;
    text-transform: none !important;
    padding: 12px 56.625px !important;
    border: none !important;
  }

  .convert-pdf-list-ViewProjectButton:hover{
    background-color: #0078D4 !important;
    box-shadow: none !important;
  }

  .convert-pdf-list-RemoveButton{
    background-color:#EEEEEE !important;
    box-shadow: none !important;
    border-radius: 3px !important;
    text-transform: none !important;
    padding: 12px 46.625px !important;
    border: none !important;
    color: #EEEEEE !important;
  }

  .pdfconvert-TranslateButton{
    background-color:#0078D4 !important;
    box-shadow: none !important;
    border-radius: 3px !important;
    text-transform: none !important;
    padding: 0 !important;
    border: none !important;
  }

  .pdfconvert-TranslateButton:hover{
    background-color: #0078D4 !important;
    box-shadow: none !important;
  }

  .pdfconvert-TranslateButton:disabled{
    opacity: 0.5 !important;
    cursor: context-menu !important;
  }

  .standard-translate-TranslateButton{    
    background-color: #0078D4 !important;
    box-shadow: none !important;
    border-radius: 3px !important;
    text-transform: none !important;
    padding: 0 !important;
    border: none !important;
  }

  .instant-translate-TranslateButton{
    background-color:#0078D4 !important;
    box-shadow: 0px 1px 3px #00000061;
    border-radius: 50% !important;
    text-transform: none !important;
    padding: 0 !important;
    border: none !important;
    position: absolute;
    top: 55px;
    left: 0;
    right: 0;
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
  }

  .standard-translate-TranslateButton:hover,
  .instant-translate-TranslateButton:hover{
    background-color: #0078D4 !important;
    box-shadow: none !important;
  }

  .standard-translate-TranslateButton:disabled,
  .instant-translate-TranslateButton:disabled{
    background-color: #99C9EE !important;
    box-shadow: none !important;
  }

  
  .assignsidebar-StepProcessButton{
    background-color:#0078D4 !important;
    box-shadow: none !important;
    border-radius: 3px !important;
    text-transform: none !important;
    padding: 9.5px 20px !important;
    border: none !important;
  }

  .assignsidebar-StepProcessButton:hover{
    background-color: #0265b1 !important;
    box-shadow: none !important;
  }

  .assignsidebar-StepProcessButton:disabled{
    background-color: #99c9ee !important;
  
  }

  .assignsidebar-StepCancelButton{
    background-color:#EBEBEB !important;
    box-shadow: none !important;
    border-radius: 2px !important;
    text-transform: none !important;
    padding: 9.5px 20px !important;
    margin-left: 8px !important;
    border: none !important;
  }

  .assignsidebar-StepCancelButton:hover{
    background-color: #d3d1d1 !important;
    box-shadow: none !important;
  }

  .assignmanageeditor-AddNewProjectButton{
    background-color:#0078D4 !important;
    box-shadow: none !important;
    border-radius: 3px !important;
    text-transform: none !important;
    padding: 7px 12px !important;
    border: none !important;
    width: 180px !important;
  }

  .assignmanageeditor-AddNewProjectButton:hover{
    background-color: #0078D4 !important;
    box-shadow: none !important;
  }

  .assignmanageeditor-AddNewProjectButton:disabled{
    opacity: 0.5 !important;
  }

  .MuiCheckbox-root{
    color:#5F6368 !important ;
  }

  .MuiCheckbox-root:hover{
    background-color:#EBEBEB !important ;
    color: #5F6368 !important;
  }

  .MuiCheckbox-colorPrimary.Mui-checked{
    color: #0078D4 !important;
  }

  .MuiCheckbox-colorPrimary.Mui-checked:hover{
    background-color: #E5F1FB !important;
  }

  .glossaryworkshop-AddTermButton{
    background-color:#0078D4 !important;
    box-shadow: none !important;
    border-radius: 3px !important;
    text-transform: none !important;
    padding: 0 !important;
    border: none !important;
  }

  .glossaryworkshop-AddTermButton:hover{
    background-color: #0078D4 !important;
  }

  .glossaryworkshop-DeleteTermButton{
    background-color:#E9E9E9 !important;
    box-shadow: none !important;
    border-radius: 3px !important;
    text-transform: none !important;
    padding: 0 !important;
    border: none !important;
  }

  .glossaryworkshop-DeleteTermButton:hover{
    background-color: #f44336 !important;
  }

  .termDataForm-GlossaryDownBtn{
    background-color:#ffffff !important;
    box-shadow: 0px 2px 4px #0000003D !important;
    border-radius: 3px !important;
    text-transform: none !important;
    padding: 7px 16px !important;
    border: none !important;
  }

  .termDataForm-GlossaryDownBtn:hover{
    background-color: #f5f5f5 !important ;
    box-shadow: 0px 2px 4px #0000003D !important;
  }

.glossaryglobalform-StepCancelButton{
    background-color: transparent !important;
    box-shadow: none !important;
    border-radius: 3px !important;
    color: #0078D4 !important;
    border: 1px solid #0078D4 !important;
    text-transform: none !important;
    padding: 0 !important;
}

.glossaryglobalform-StepCancelButton:hover{
    background-color: #0078D4 !important;
    color: #ffffff !important;
}

.modalselect-AiNavButton{
    background-color:#0078D4 !important;
    box-shadow: none !important;
    border-radius: 2px !important;
    text-transform: none !important;
    padding: 0 !important;
    border: none !important;
}

.modalselect-AiNavButton:hover{
    background-color: #0265b1 !important;
    box-shadow: none !important;
  }

  .profile-modal-HireButton{
    background-color:#0078D4 !important;
    box-shadow: none !important;
    border-radius: 2px !important;
    text-transform: none !important;
    padding: 8.5px 32px !important;
    border: none !important;
    color: #ffffff !important;
  }
  .profile-modal-HireButton:hover{
    background-color: #0265b1 !important;
    box-shadow: none !important;
  }

  .find-editor-HireButton{
    background-color:#0078D4 !important;
    box-shadow: none !important;
    border-radius: 3px !important;
    text-transform: none !important;
    padding: 9.5px 32.5px !important;
    border: none !important;
    color: #ffffff !important;
  }
  .find-editor-HireButton:hover{
    background-color: #0265b1 !important;
    box-shadow: none !important;
  }

  .find-editor-HireButton:disabled{
    background-color: #99c9ee !important;
  }


  .assign-manage-reviewer-AddNewProjectButton{
    background-color:#0078D4 !important;
    box-shadow: none !important;
    border-radius: 3px !important;
    text-transform: none !important;
    padding: 10px 20px !important;
    border: none !important;
  }

  .assign-manage-reviewer-AddNewProjectButton:hover{
    background-color: #0078D4 !important;
    box-shadow: none !important;
  }

  .settings-RangeResetButton{
    background-color:#EBEBEB !important;
    box-shadow: none !important;
    border-radius: 3px !important;
    text-transform: none !important;
    padding: 9px 18px !important;
    border: none !important;
  }

  .settings-RangeResetButton:hover{
    background-color: #E2E2E2 !important;
    box-shadow: none !important;
  }
  
  label.settings-TBXConvertButton{
    background-color:#0078D4 !important;
    box-shadow: none !important;
    border-radius: 3px !important;
    text-transform: none !important;
    padding: 5px 15px 5px 13px !important;
    border: none !important;
    margin: 0 !important;
  }

  .settings-TBXConvertButton:hover{
    background-color: #046bba !important;
    box-shadow: none !important;
  }

  .settings-CreateTBXButton{
    display: block !important;
    margin-top: 15px !important;
    background-color:#FFFFFF !important;
    box-shadow: none !important;
    border-radius: 3px !important;
    text-transform: none !important;
    padding: 5px 10px !important;
    border: none !important;
    color: #0078D4 !important;
  }

  .settings-CreateTBXButton:hover{
    background-color: #E8F0FE !important;
  }

  .settings-CreateTBXLink{
    display: block !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border-radius: 3px !important;
    text-transform: inherit !important;
    padding: 5px 10px !important;
    border: none !important;
    color: #0078D4 !important;
  }

  .settings-CreateTBXLink:hover{
    background-color: transparent !important;
    text-decoration: underline !important;
    color: #0078D4 !important;
  }

  .settings-TBXDownloadButton{
    background-color:#FFFFFF !important;
    box-shadow: 0px 2px 3px #0000004D !important;
    border-radius: 3px !important;
    text-transform: none !important;
    padding: 5px 15px 5px 13px !important;
    color: #3C4043;
    border: none !important;
  }

  .settings-TBXDownloadButton:hover{
    background-color: #f5f5f5 !important;
    box-shadow: 0px 2px 3px #0000004D !important;
  }

  .navbar-DrpDownArrowButton{
    box-shadow: none !important;
    text-transform: none !important;
    padding: 0 !important;
    border: none !important;
    min-width: 20px !important;
    background-color: transparent !important;
  }

  .navbar-DrpDownArrowButton:hover{
    box-shadow: none !important;

  }

  .MuiDrawer-paper{
    width: 395px !important;
    box-shadow: -1px 0px 25px #0000002E !important;
    overflow: unset !important;
    background-color: #ffffff !important;
  }


  @keyframes sidebar-fade-leave {
    0% { opacity: 1; }
    100% { opacity: 0; }
  }

  @keyframes sidebar-fade-in {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }

  .credit-align{
    text-align: end;
  }

  .navbar-writter-translate-button{
    background: rgba(0, 116, 211, 0.14);
    border-radius: 3px;
    border: none;
    padding: 8px 14px;
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .writter-translate{
    color: #0074D3;
    font-size: 14px;
    font-weight: 500;
    font-family: 'roboto';
  }

  .writter-translate-icon{
    color: #0074D3 !important;
    width: 16px !important;
  
}

.ailaysa-writer-prompt-box-open{
    display: flex;
    flex-direction: column;
    border: none;
    padding: 16px 15px;
    align-items: center;
    gap: 30px;
    background-color: #ffffff;
}

  .ailaysa-writer-prompt-box-open span{
    writing-mode: vertical-rl;
    text-orientation: mixed;
    transform: rotate(-180deg);
    font-size: 14px;
    font-weight: 500;
    font-family: 'roboto';
    font-style: normal;
    color: #5F6368;
  }

  .credit-align p{
    font-size: 16px;
    font-weight: 500;
    font-family: 'roboto';
    font-style: normal;
    color: #5F6368;
  }

  .instant-voice-typing{
    margin-top: 18px;
  }

  .button-wrap.fileloaded.h-25,.upload-audio-work-area.fileloaded.h-25{
    height: 55px !important;
  }

  .draganddrop-align .file-name-list{
    display: none;
  }

  .draganddrop-align img.img{
    width: 41px;
  }
  .file-drop-area-wrapper img.img {
    width: 41px;
}

.dropfile-area .dragging-inner-wrapper svg,.voice-work-area-content.fileloaded .dragging-inner-wrapper svg,.fileloaded.pdf-convert-wrapper .dragging-inner-wrapper svg{
    transform: scale(0.5);
    margin-bottom: 2px;
}
.dropfile-area .dragging-inner-wrapper h3,.voice-work-area-content.fileloaded .dragging-inner-wrapper h3,.fileloaded.pdf-convert-wrapper .dragging-inner-wrapper h3{
    font-size:14px;
    top: -10px;
    position: relative;
    }
/* .d-flex.w-100 .w-50.g-30{
    margin-left: 30px;
} */

.d-flex.gap-3.files-space-align{
    display: grid !important;
    grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
    gap: 30px;
  } 

.recently-used-pair{
    /* width: 160px; */
    white-space: nowrap;
    width: 170px;
    position: relative;
    
}

.recently-used-pair .mt-select__indicators{
    left: -12px;
    position: relative;
    /* display: none; */
}
.recently-used-pair .mt-select__control--menu-is-open{
    background-color: #00000024;
}
.recently-used-pair > .mt-select__menu{
    position: absolute;
    top: -8px;
    left:5px;
    width: 314px;
    box-shadow: 0px 8px 10px 1px rgb(0 0 0 / 14%), 0px 3px 14px 2px rgb(0 0 0 / 12%), 0px 5px 5px -3px rgb(0 0 0 / 20%);
    /* overflow-wrap: break-word; */
}
.recently-used-pair .mt-select__menu .pairlang__src{
    width: 30%;
    display: flex;
    flex-wrap: wrap;
    /* align-items: center; */
    justify-content: flex-start;
    position: relative;
    
}
.recently-used-pair .mt-select__menu .pairlang__tar{
    position: relative;
    width: 70%;
    white-space: break-spaces;
    word-break: break-word;
}
.recently-used-pair .mt-select__menu .pairlang__arrow{
    /* position: absolute;
    display: flex;
    align-items: center; */
    position: absolute;
    top: 7px;
    right: 5px;
}


.recently-used-pair .mt-select__single-value  .pairlang__src{
    display: flex;
    align-items: center !important;
    gap: 5px;
    color: #8B8E9B !important;
    /* opacity: 0; */
}
.recently-used-pair .mt-select__control{
}

.recently-used-pair .mt-select__single-value .pairlang__tar{
    margin-left: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #8B8E9B !important;
    width: 100%;
}
.recently-used-pair  .css-acsl8w-placeholder{
    color: #8B8E9B !important;
}
.subject-model .ai-source-langs-list{
    column-count: 5 !important;
    height: 88%;
}

.subject-model .rodal-dialog{
    height: fit-content !important;
}
.subject-model .rodal-dialog .text-end {
    margin-top: 25px;
}

.subject-model .rodal-dialog .modalselect-AiNavButton{
    height: 44px;
}

.instant-translate-wrapper{
    width: 100%;
}

.ai-text-translate-work-container{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
    /* height: 463px; */
}

.ai-text-translate-work-container.standard{
    padding: 21px 34px 25px 34px;
}

.ai-text-translate-work-container.standard textarea.ai-text-area{
    border-radius: 0px;
    padding: 2px;
    font-size: 16px;
}

.ai-text-translate-work-container.standard textarea.ai-text-area::placeholder{
    font-size: 16px;
}

.ai-text-translate-work-container .instant-translate-row{
    position: relative;
    display: flex;
    /* height: 368px; */
}

.ai-text-translate-work-container .instant-translate-row .note-editor.card{
    background-color: #F2F5F7;
}

.ai-text-translate-work-container .instant-translate-row .instant-text-translated-text-box .note-editor.card .note-editable{
    padding: 0px 38px 20px 0px !important;
}

.ai-text-translate-work-container .instant-translate-row .note-editor.card .note-editable{
    padding: 64px 38px 20px 38px !important;
}

.ai-text-translate-work-container .instant-translate-row .instant-textarea-cont .ai-text-area{
    height: 100%;
}

.instant-translate-row .instant-textarea-cont{
    width: 50%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #F2F5F7;
}

.collapse-instruct{
    display: block;
    width: 100%;
}

.collapse-instruct textarea.instruct-textarea {
    border: 1px solid #ced4da;
    border-radius: 3px;
    padding: 4.5px 10px;
    display: block;
    width: 84%;
    margin: auto 0 auto auto;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    color: #3c4043;
    transition: 0.3s all ease;
    height: 102px;
    overflow-y: auto;
}


.collapse-instruct textarea.instruct-textarea::placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    font-style: italic;
    color: #bcbcbc;
}

.collapse-instruct textarea.payment-textarea:focus {
    border: 2px solid #0074d3;
    height: 102px;
    outline: none;
    transition: 0.3s all ease;
    align-items: center;
    
}

.popup-copy-icon{
    border-radius: 50%;
    padding: 3px;

}
.write-more-tab{
    margin-left: 5px;
    /* text-align: left; */
    letter-spacing: 0px;
    color: #646464;
    opacity: 1;
    font-size: 14px;
    pointer-events: none;
    user-select: none;
    background-color: #fff !important;
}

.tab-to-write-more-tool-tip{
    color: #646464;
    opacity: 1;
    font-size: 14px;
}

.tab-write-more-inner{
    padding: 3px 5px;
    background: #E2E2E2;
    border-radius: 2px;
    opacity: 1;
    text-align: left;
    font-size: 14px;
    font-family: 'Roboto';
    font-weight: 600;
    letter-spacing: 0px;
    color: #646464;
    opacity: 1;

    position: relative;
}

/* .tab-write-more-inner::after {
    content: '';
    width: 5px;
    height: 5px;
    background: currentColor;
    position: absolute;
    bottom: 10px;
    right: -5px;
    animation: animloader115 1s linear infinite;
  }

  @keyframes animloader115 {
    0% { box-shadow: 10px 0 rgba(#000, 0), 20px 0 rgba(#000, 0);}
    50% { box-shadow: 10px 0 rgba(#000, 1), 20px 0 rgba(#000, 0);}
    100% { box-shadow: 10px 0 rgba(#000, 1), 20px 0 rgba(#000, 1);}
} */

.src-audio-main-wrapper{
    position: absolute;
    bottom: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 8px 16px 8px;
}

.audio-slider-wrapper{
    width: 98px;
    margin-left: 12px;
}

.audio-time-wrap{
    font-family: 'Roboto';
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 15px;
    color: #222222;
    font-size: 14px;
    margin-left: 10px;
    margin-right: 6px;
}

.play-pause{
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: transparent;
    cursor: pointer;
    transition: 0.15s background-color ease-in-out;
}

.play-pause svg{
    fill: #44474A;
}

.play-pause.volume{
    margin-left: 17px;
}

.play-pause.volume .volume-icon{
    color: #44474A;
    font-size: 20px;
}

.volume-wrapper{
    position: absolute;
    top: -110px;
    right: 15px;
    height: 100px;
    width: 34px;
    border-radius: 30px;
    padding: 20px 10px 10px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    box-shadow: 0px 4px 10px #00000029;

}

.play-pause:hover{
    background-color: #ebebeb;
    transition: 0.15s background-color ease-in-out;
}

.source-audio-player-writter-wrapper{
    display: flex;
    align-items: center;
    padding: 7px 17px 8px 17px;
    border-radius: 6px;
    border: none;
    cursor: auto !important;
    background: #FFFFFF;
    box-shadow: 0px 4px 10px #00000029;
    width: auto;
    height: 34px;
    position: relative;
}

.writer-pdf-view-control-wrapper{
    display: flex;
    align-items: center;
    padding: 2px 16px 2px 13px;
    border-radius: 6px;
    border: none;
    cursor: auto !important;
    background: #FFFFFF;
    box-shadow: 0px 4px 10px #00000029;
    width: auto;
    height: 34px;
    position: relative;
}

.pdf-view-control-float{
    display: flex;
    align-items: center;
    padding: 2px 35px 2px 13px;
    border-radius: 6px;
    border: none;
    cursor: auto !important;
    background: #FFFFFF;
    box-shadow: 0px 4px 10px #00000029;
    width: auto;
    height: 34px;
    position: absolute;
    bottom: 20px;
    right: 14px;
    z-index: 1080;
}

.split-box-icon-wrap{
    margin-left: 23px;
}

.split-box-icon-wrap .split-right-icon,
.split-box-icon-wrap .split-bot-icon{
    padding: 7px 6px 6px 6px;
    border-radius: 2px;
    height: 30px;
    display: flex;
    align-items: center;
    background-color: transparent;
    cursor: pointer;
    transition: 0.25s background-color ease-in-out;
}

.split-box-icon-wrap .split-bot-icon.active,
.split-box-icon-wrap .split-right-icon.active,
.split-box-icon-wrap .split-right-icon:hover,
.split-box-icon-wrap .split-bot-icon:hover{
    background-color: #E8F0FE;
    transition: 0.25s background-color ease-in-out;
}

.split-box-icon-wrap .split-bot-icon.active svg,
.split-box-icon-wrap .split-right-icon.active svg,
.split-box-icon-wrap .split-right-icon:hover svg,
.split-box-icon-wrap .split-bot-icon:hover svg{
    fill: #0078D4;
    transition: 0.25s fill ease-in-out;
}

.split-box-icon-wrap,
.writer-pdf-view-control-wrapper .split-view-icon-wrap{
    display: flex;
    align-items: center;
}

.split-box-icon-wrap svg{
    fill: #5F6368;
    width: 23px;
    height: 23px;
    transition: 0.25s fill ease-in-out;
}

.writer-pdf-view-control-wrapper .split-view-icon-wrap svg g {
    fill: #5F6368;
}

.writer-pdf-view-control-wrapper .split-view-icon-wrap span{
    font-family: 'Roboto';
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 1;
    color: #222222;
    font-size: 14px;
    margin-left: 8.5px;
}

.source-audio-player-writter-wrapper .text{
    font-family: 'Roboto';
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 1;
    color: #222222;
    font-size: 14px;
}

.source-audio-player-writter-wrapper .audio-wrap{
    margin-left: 20px;
    /* width: 100%; */
    display: flex;
    align-items: center;
}

.word-count-writter-wrapper{
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 8px 18px;
    /* box-shadow: 0px 4px 10px #00000029; */
    border-radius: 22px;
    border: none;
    /* background-color: #ffffff; */
    /* pointer-events: none;
    user-select: none; */
    cursor: auto !important;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 4px 12px #00000033;
}

.word-count-writter-wrapper .word-count-number{
    text-align: left;
    font-family: 'Roboto';
    font-weight: 500;
    letter-spacing: 0px;
    color: #222222;
    font-size: 14px;
    opacity: 1;
}
.word-count-writter-wrapper .word-count-number-str{
    text-align: left;
    font-family: 'Roboto';
    font-weight: 400;
    letter-spacing: 0px;
    color: #222222;
    font-size: 12px;
    opacity: 1;
}
.writter-writting-loader{
    text-align: left;
    font-size: 14px;
    font-family: 'Roboto';
    font-style: italic;
    font-weight: normal;
    letter-spacing: 0px;
    color: #646464;
    opacity: 1;
}

   
.sticky__history__tab{
    position: sticky;
    top: 0;
    background: #f8fafc;
    /* height: 10%; */

}
.prompt__history{
    overflow: auto;
    height: 90%;

    /* shadow while scroll */
    /* background:
    linear-gradient(white 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), white 70%) 0 100%,
    radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0)) 0 100%;
    background-repeat: no-repeat;
    background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
    background-attachment: local, local, scroll, scroll; */
}

.instant-history-glb-wrapper .instant-history-body .instant-history-list::-webkit-scrollbar,
.prompt__history::-webkit-scrollbar {
    width: auto !important;
    background: transparent;
    
}
.instant-history-glb-wrapper .instant-history-body .instant-history-list::-webkit-scrollbar-thumb{
    background-color: #DADDE0 !important;
    border-radius: 50px !important;
    border: 6px solid #ffffff !important;
}

.prompt__history::-webkit-scrollbar-thumb {
    background-color: #DADDE0 !important;
    border-radius: 50px !important;
    border: 5px solid #f8fafc !important;
}

.writter-tooltip-design-subhead{
    font-style: italic;
    font-size: 11px;
    opacity: 0.7;
    font-family: 'Roboto' !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
}

/* .note-editable * {
    color: #000 !important;
} */

pre{
    display: block !important;
    margin-top: 1em !important;
    margin-bottom: 1em !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    background-color: none !important;

}

.voice-lang-writter-list{
    min-width: 200px !important;
}

.voice-lang-writter-list::-webkit-scrollbar,.synonyms-resultwrap::-webkit-scrollbar,.ailaysa-writter-working-col-wrapper .dropdown-fontsize::-webkit-scrollbar {
    width: 8px;
}

.voice-lang-writter-list::-webkit-scrollbar-thumb,.synonyms-resultwrap::-webkit-scrollbar-thumb, .ailaysa-writter-working-col-wrapper .dropdown-fontsize::-webkit-scrollbar-thumb {
    background-color: #DADDE0 !important;
    border-radius: 50px;
    border: 8px solid #DADDE0 !important;
}

.voice-lang-writter-list::-webkit-scrollbar-track,.synonyms-resultwrap::-webkit-scrollbar-track, .ailaysa-writter-working-col-wrapper .dropdown-fontsize::-webkit-scrollbar-track  {
    background-color: #ffffff;
}

.lang-list-writter-voice-wrap{
    list-style-type: none;
    padding-left: 0 !important;
    overflow-x: hidden !important;
    margin-bottom: 0 !important;
    cursor: pointer !important;
}

.language-generatint-form-options-cutomize-bar{
    padding: 0 15px 0 15px;
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    gap: 20px;
    margin-top: 24px;
    float: right;
    position: relative;
    right: -300px;

}

.language-select-wrapper-cutomize-bar{
    text-align: left;
    width: 100%;
}

.cutomize-lang-select-label{
    text-align: left;
    font-size: 14px;
    font-style: normal;
    font-family: 'Roboto';
    font-weight: 500;
    letter-spacing: 0px;
    color: #222222;
    opacity: 1;
    margin-bottom: 10px;
}

.languagemodal-button-cutomize-bar{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #FFFFFF ;
    border-bottom: 1px solid #DEE2E6;
    /* border-radius: 3px; */
    width: 100%;
    padding: 6px 0;
    /* opacity: 0.8; */
}

.languagemodal-button-cutomize-bar .value{
    text-align: left;
    font-size: 14px;
    font-style: normal;
    font-family: 'Roboto';
    font-weight: 400;
    letter-spacing: 0px;
    color: #222222;
    opacity: 1;
}

.languagemodal-button-cutomize-bar .icon {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #747474;
}

.save-preference-lang{
    margin-left: 9px;
    text-align: left;
    font-size: 14px;
    font-style: normal;
    font-family: 'Roboto';
    font-weight: 400;
    letter-spacing: 0px;
    color: #7E8287;
    opacity: 1;
}

.select-mt-writter{
    margin-bottom: 12px;
}

.discard-customization-lang-wrap{
    padding: 10px 16px;
    background: #EEEEEF;
    border-radius: 3px;
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-family: 'Roboto';
    font-weight: 500;
    letter-spacing: 0px;
    color: #3C4043;
    opacity: 1;
    border: none;

}

.go-customization-lang-wrap{
    padding: 10px 25px;
    background: #0078D4;
    border-radius: 3px;
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-family: 'Roboto';
    font-weight: 500;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    border: none;
}

.lang-select-customization-button-wrapper{
    padding: 0 15px 0 15px;
    margin-top: 29px;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: end;
    right: -300px;
    float: right;
    position: relative;
}

.icon-cutomize-close-writter{
    width: 12px;
    height: 12px;
}

.check-box-writter-customisation-translate{
    margin-top: 14px;
}

.gear-icon-tool{
    padding: 4px 4px !important; 

}

.gear-icon-tool:hover{
    background: rgba(0, 116, 211,0.2) !important;
    cursor: pointer !important;
}

.ailaysa-writter-sidebar-col-wrapper-right .css-1iczll-control{
    
    padding: 0 !important;
    border-color: unset !important;
    border-radius: unset !important ;
    border-style: unset !important;
    border-width: unset !important;
    border-bottom: 1px solid #DEE2E6 !important;
    min-height: 34px !important;
    height: 34px !important;


}

.ailaysa-writter-sidebar-col-wrapper-right .prompt-bubble-header{
    position: relative;
}

.ailaysa-writter-sidebar-col-wrapper-right .css-tlfecz-indicatorContainer{
    padding: 6px !important;

    
}

.slider-efferct-writter-customize{
    right: -300px;
    float: right;
    position: relative;
}


.slide-in {
    animation: slide-in 0.5s forwards;
    -webkit-animation: slide-in 0.5s forwards;
  }
  .slide-out {
    animation: slide-out 0.5s forwards;
    -webkit-animation: slide-out 0.5s forwards;
  }
  @-webkit-keyframes slide-in {
    100% {
      right: 0;
    }
  }
  @keyframes slide-in {
    100% {
        right: 0;
    }
  }
  @-webkit-keyframes slide-out {
    0% {
        right: 0;
    }
    100% {
        right: -300px;
    }
  }
  @keyframes slide-out {
    0% {
        right: 0;
    }
    100% {
        right: -300px;
    }
  }
  #in-button {
    float: right;
  }
  #out-button {
    float: right;
  }

  .tab-to-write-more-tooltip{
  
    visibility: hidden;

    user-select: none;
    top: 0;
    left: 0;
    position: absolute;
    padding: 0 10px !important;
    height: fit-content;
    z-index: 10000000000;
    border-radius: 5px;
    /* padding: 0 10px; */
    line-height: 36px;
    /* gap: 8px; */
    background-color: #FFFFFF !important;
    /* max-width: inherit; */
    width: auto;
    box-shadow: 0px 3px 12px #0000002e;
  }

  .popup-footer .btn-form-group{
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .ask-writter-dreopdown{
    padding: 0.28rem 0.55rem !important;
    background-color: transparent !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    font-style: normal !important;
    color: #858585 !important;
    opacity: 1;
    margin-bottom: 0;
    border-color: hsl(0,0%,80%) !important;
    border-radius: 4px !important;
    border-style: solid !important;
    border-width: 1px !important;

  }

  .ask-writter-dreopdown:focus{
    border-color: #2684FF !important;
    border-radius: 4px !important;
    border-style: solid !important;
    border-width: 1px !important;
    outline-color: #2684FF !important;
    outline-style: solid !important;
    outline-width: 1px !important;
    box-shadow: none !important;
  }

  .cutomize-heading-inner-wrap-info{
    display: flex;
    align-items: center;
    gap: 5px;
  }
  .popup-footer .btn-form-group label{
    margin-bottom: 0 !important;
    white-space: nowrap;
  }
  .popup-footer .cell-box-radio{
    padding: 9px;
    border-radius: 50%;
    transition: all 0.3s ease;
  }

.popup-footer .cell-box-radio:hover {
    background-color: #ebebeb;
    transition: all 0.3s ease;
}

.popup-footer .btn-form-group:hover .cell-box-radio{
    background-color: #ebebeb;
    transition: all 0.3s ease;
}

.ask-writter-lang-select{
    width: 100% !important;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: none;
    border-left: 2px solid transparent !important;
    margin-bottom: 8px !important;
    font-size: 13px !important;
    font-style: normal !important;
    font-family: 'Roboto' !important;
    font-weight: 400 !important;
    letter-spacing: 0px !important;
    color: #222222 !important;
    opacity: 1 !important;
}




.ask-writter-lang-select:hover{
    color: #16181b;
    text-decoration: none;
    background-color: #f4f5f7;
    border-left: 2px solid #0074d3 !important;
}

.language-select-wrapper-cutomize-bar.grid3{
    margin-bottom: 10px;
}

.translate-writter-MT-dreopdown{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    background: transparent !important;
    border-color: transparent !important;
    border-bottom: 0px solid #DEE2E6 !important;
    width: 100% !important;
    padding: 5px 5px 5px 10px !important;
    text-align: left !important;
    font-size: 13px !important;
    font-style: normal !important;
    font-family: 'Roboto' !important;
    font-weight: 500 !important;
    letter-spacing: 0px !important;
    color: #222222 !important;
    opacity: 1 !important;
    transition: 0.3s all ease;
}

.translate-writter-MT-dreopdown:focus,
.translate-writter-MT-dreopdown:hover{
    background-color: #ebebeb !important;
    transition: 0.3s all ease;
}

.translate-writter-MT-dreopdown button.ask-writter-lang-select{
    font-size: 13px !important;
}

.translate-writter-MT-dreopdown::after {
    display: inline-block;
    margin-right: 0.235em !important;
    color: #747474 !important;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.4em solid !important;
    border-right: 0.4em solid transparent !important;
    border-bottom: 0;
    border-left: 0.4em solid transparent !important;
}

.translate-writter-MT-dreopdown:focus{
    box-shadow: none !important;
}

.mt-lang-selected-list{
    width: inherit;
    margin-top: 5px;
}

/* .ai-btn-and-txt-cont .mt-select__value-container, .ai-translated-share-row .mt-select__value-container {
    display: none;
} */

/* .ai-btn-and-txt-cont .mt-select__control, .ai-translated-share-row .mt-select__control {
    width: unset;
} */

.ai-btn-and-txt-cont .mt-select__menu-list,.ai-translated-share-row .mt-select__menu-list{
    max-height: 146px !important;
}



.blog_generator{
    display:flex ;
    align-items: center;
    justify-content: center;
    /* flex-direction: column; */
    gap: 20px;
    min-height: 100vh;
}
.blog_generator_box,.blog_form{
    width: 500px;
    height: 600px;
    background-color: #fff;
    box-shadow:0px 2px 10px  rgba(0, 0, 0,0.1);
    -moz-box-shadow: 0px 2px 10px   rgba(0, 0, 0,0.1);
    -webkit-box-shadow: 0px 2px 10px  rgba(0, 0, 0,0.1);
    padding: 10px 20px ;
    border-radius: 5px;
}
.blog_generator .input_form{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 15px;
}
.blog_generator .input_form input{
    width: 100%;
    height: 55px;
    font-size: 16px;
    padding: 5px 10px;
}

.blog_generator .input_form .labels{
    text-transform: capitalize;
}
.blog_generator .blog_stage{
    display: flex;
    /* align-items: center; */
    justify-content: center;
    width: 100%;
    gap: 10px;
    height: 75%;
    flex-direction: column;
}

.blog_generator span{
    cursor: pointer;
    width: 66px;
    font-size: 16px;
    height: 32px;
    background-color: #afafb0;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: capitalize;
}

.stage_change_step_btn_parent{
    width: 100%;
    display: flex;
    align-items:center ;
    justify-content: space-around;
    height: 25%;
}


button.hamburger {
    padding: 8px;
    display: inline-block;
    cursor: pointer;
    background-color: transparent;
    border: none;
    outline: none;
    border-radius: 50%;
    transform: scale(0.7);
  }
  
button.hamburger  .line {
    width: 30px;
    height: 3px;
    margin: 5px 0;
    border-radius: 4px;
    background-color: #fff;
    display: block;
  }
.popover-writter-more-tools{
    width: 20px;
    height: 20px;
}

.writter-more-buttons{
    padding: 10px;
}



.synonyms-resultwrap{
    display: flex;
    align-items: center;
    flex-direction: column;
}

.synonyms-each-result{
    padding: 10px;
    border: none;
    width: 100%;
    background: transparent;
    text-align: left;
    font-family: 'Roboto';
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    margin-bottom: 0;
    line-height: 24px;

}

.synonyms-each-result:hover{
    /* color: #0078D4; */
    background-color: rgba(0, 120, 212,0.1);
}

.synonyms-resultwrap{
    overflow: auto;
    max-height: 200px;
    min-width: 100px;
    max-width: 320px
}

.more-tool-main-wraper{
    max-width: 150px;
    overflow: hidden;
}

.writter-wrap .project-box-ai[data-placeholder]:empty:before{
   color: #777777!important ;
}





.translate_customization_section_container{
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 20px;
}
.translate_customization_section_container>p{
    /* margin:15px 0 10px 0  ; */
    margin: 0;
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    color: #858585;
    opacity: 1;

}
.translate_customization{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 10px;
}

.language-select-wrapper-cutomize-bar.grid1{
    grid-area: 1 / 1 / 2 / 2; 
}

.language-select-wrapper-cutomize-bar button{
    width: 100%;
}

.language-select-wrapper-cutomize-bar .ai-sl-tl-btn{
    padding: 5px 5px 5px 10px;
    background-color: transparent;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    cursor: pointer;
    transition: 0.3s all ease;
    width: 100%;
}

.language-select-wrapper-cutomize-bar .ai-sl-tl-btn:hover {
    background-color: #ebebeb;
    transition: 0.3s all ease;
}

.language-select-wrapper-cutomize-bar .ai-sl-tl-btn .text {
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 1.5;
    color: #3c4043;
    white-space: nowrap;
}

.language-select-wrapper-cutomize-bar .ai-sl-tl-btn .icon {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #000000;
}

.language-select-wrapper-cutomize-bar.grid1 .value ,.language-select-wrapper-cutomize-bar.grid2 .value{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 50px;
}

.language-select-wrapper-cutomize-bar.grid2{
    grid-area: 1 / 2 / 2 / 3;
}
.language-select-wrapper-cutomize-bar.grid3{
    grid-area: 2 / 1 / 3 / 3;
}

.language-select-wrapper-cutomize-bar .dropdown-menu.show{
    width: 100%;
}
.language-select-wrapper-cutomize-bar.translate-btn{
    font-size: 13px;
    display: flex;
    justify-content: flex-end;
}
.language-select-wrapper-cutomize-bar.translate-btn button{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #E2E2E2E2;
    padding: 6px 15px;
    color: #222222;
    font-size: 13px;
}
.language-select-wrapper-cutomize-bar.translate-btn button:hover{
    background-color: #cce3f6;
}
.language-select-wrapper-cutomize-bar.translate-btn button svg{
    transform: scale(1.05);
    margin-right: 8px;
}
.pop-header-bar{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 24px;
    /* border-bottom: 1px solid #DADCE0;  */
    cursor: move;
    margin-top: 8px;
}

.close-pop-writter-drag-icon{
    text-align: right;
    width: 25px !important;
    height: 25px !important;
    padding: 15px;
}

.instant-change-confirm-modal .rodal-dialog{
    height: 265px !important;
}

.close-pop-writter-drag-icon .icons{
    width: 12px;
    height: 12px;
}

.drag-box-container{
    background-color: transparent;
    border: none;
    width: 100%;
    text-align: left;
    cursor: move !important;
    user-select: none;
}

.drag-box-container .icons{
    color: #5F6368 !important;
}

.lang-promt-form-label{
    text-align: left;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 14px;
    font-style: normal;
    letter-spacing: 0px;
    color: #222222;
    opacity: 1;
    margin-bottom: 6px;
}


.arrow-lang-icon-writer-prompt{
    color: #AEB0B3 !important;
    width: 15px !important;
    height: 15px !important;
    margin-bottom: 10px;
}

.speech-to-text-UploadProjectButton .trans-btn-txt{
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: #ffffff;
    display: flex;
    align-items: center;
    gap: 10px;
}



.doc-writter-delete-icon-list div:nth-child(4) {
    margin-top: 40px;
}

.apply-to-all-parent{
    display: flex;
    align-items: center;
    top: 10px;
    position: relative;
}
.apply-to-all-parent .cell-box{
    padding: 9px;
    border-radius: 50%;
}
.apply-to-all-parent label{
    font-size: 14px;
    margin-bottom:  0 !important;
}
.position-relative .text{
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    color: #3c4043;
    white-space: nowrap
}
.project-input-wrap.instant{
    margin: 0;

} 
.project-input-wrap.instant .project-box{
    padding: 0 0px 0 0;
    max-width: 600px;
    display: flex;
    align-items: center;
}
.project-input-wrap.instant .project-box:focus{
    padding: 0 10px 0 10px;
}
.language-select-wrapper{
    width: 100%;
}

.notification-dot-cutomiz {
  height: 10px;
  width: 10px;
  background-color: #FA3E3E;
  border-radius: 50%;
  border: 1px solid white;
  display: none;
  position: relative;
  top: 3px;
  left: 0px;
}

.language-select-wrapper-cutomize-bar{
    cursor: pointer;
}

.ailaysa-writter-working-col-wrapper .dropdown-fontsize{
    height: 295px;
    overflow: auto;
}

.lang-list-writter-voice .note-icon-menu-check{
    color: #00bfff !important;
    visibility: hidden;
}

.lang-list-writter-voice.active-voice .note-icon-menu-check{
    visibility: visible;
}

.writer-style-list{
    display: flex !important;
    gap: 8px !important;
    align-items: center !important;
}

.writer-style-list .note-icon-menu-check{
    color: #00bfff !important;
    visibility: hidden;
    font-size: 18px;
}
.writer-style-list.active-voice .note-icon-menu-check{
    visibility: visible;
}

.term-edit-btn-row .simple-rodal-ClearAllButton{
    padding: 5px 9px !important;
}

/* .note-editable a {
    color: #007bff !important;
}*/

.workspace-credits{
    margin-left: 12px;
}

.ailaysacrediticon-grey,
.ailaysacrediticon{
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    margin-right: 5px;
    border-radius: 50%;
    cursor: pointer;
    transition: 0.4s all ease;
    position: relative;
    user-select: none;
}
.ailaysacrediticon::before{
    position: absolute;
    content: '';
    width: 30px;
    height: 30px;
    border: 2px solid #FFFFFF;
    opacity: 0.3;
    border-radius: 50%;
    user-select: none;
}

.ailaysacrediticon-grey::before{
    position: absolute;
    content: '';
    width: 30px;
    height: 30px;
    border: 2px solid #5c5c5c;
    opacity: 0.6;
    border-radius: 50%;
    user-select: none;
} 

.ai-customize-wrapper{
    margin-top: 20px;
    margin-bottom: 0;
}

.ai-customize-wrapper .imp-icon-file{
    width: 14px !important;
}


.wand-svg-loader{
    width: 30px;
    height: 30px;
    margin-right: 10px;
}

.note-editable img{
    max-width: 100%;
    /* min-width: 100px;
    min-height: 100px ; */
}


.note-popover .popover-content .note-para .note-dropdown-menu>div+div, .note-editor .note-toolbar .note-para .note-dropdown-menu>div+div {
    display: none;
}

.note-handle .note-control-selection .note-control-selection-info{
    display: none;
}
.internal-user-no-members-list img.empty-folder-img{
    pointer-events: none;
}

.writer-project-list-wrap .language-pair{
    display: flex;
    align-items: baseline;
    gap: 5px;
}
.writer-project-list-wrap .language-pair{
    width: 60%;
    max-width: 100%;
}
.writer-project-list-wrap .project{
    width: 40%;
    max-width: 100%;
}

.writer-project-list-wrap .language-pair.selected-value span:last-child,
.writer-project-list-wrap .project.selected-value span{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.writer-project-list-wrap .project{
    display: flex;
    align-items: baseline;
}

.writer-project-list-wrap{
    display: flex;
    gap: 8px;
    width: 100%;
}
.result-list-instant-nlp{

    width: 100%;
}


/* .ailaysa-writter-working-col-wrapper .note-editable .h1,.ailaysa-writter-working-col-wrapper .note-editable .h2,.ailaysa-writter-working-col-wrapper .note-editable .h3,.ailaysa-writter-working-col-wrapper .note-editable  .h4,.ailaysa-writter-working-col-wrapper .note-editable  .h5,.ailaysa-writter-working-col-wrapper .note-editable  .h6{
    line-height: 1.2 !important;
} */

.paraphrase-icon-instant{
    margin-right: 10px;
    filter: invert(10%) sepia(7%) saturate(23%) hue-rotate(138deg) brightness(96%) contrast(91%);
}

.note-btn-group.btn-group.note-image button:nth-child(n+1):nth-child(-n+4){
    display: none;
}

.note-editable a{
    text-decoration: underline !important;
}
.skeleton-box {
    display: inline-block;
    /* height: 1em; */
    position: relative;
    overflow: hidden;
    background-color: #dddbdd;
  }
  .skeleton-box::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateX(-100%);
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
    -webkit-animation: shimmer 2s infinite;
            animation: shimmer 2s infinite;
    content: "";
  }
  @-webkit-keyframes shimmer {
    100% {
      transform: translateX(100%);
    }
  }
  @keyframes shimmer {
    100% {
      transform: translateX(100%);
    }
  }


  .instant-history-glb-wrapper{
    overflow: hidden;
    width: 100%;
    height: 94.2%;
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 10;
    display: flex;
  }

  .instant-history-glb-wrapper .empty-area{
    flex-grow: 1;
  }

  .instant-history-glb-wrapper .instant-history-wrapper{
    display: block;
    width: 450px;
    height: auto;
    background-color: #ffffff;
    box-shadow: -1px 0px 20px #00000033;
  }

  .instant-history-glb-wrapper.hide{
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    transition: all 0.5s ease-in-out;
  }

  .instant-history-glb-wrapper.show{
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: all 0.5s ease-in-out;
  }

  .instant-history-glb-wrapper .instant-history-header{
    padding: 18px 22px 19px 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #E0E0E0;
    position: sticky;
    top: 0;
  }

  .instant-history-glb-wrapper .instant-history-header h1{
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #202124;
    margin-bottom: 0px;
  }

  .instant-history-glb-wrapper .instant-history-header .modal-close-btn{
    width: 26px;
    height: 26px;
  }

  .instant-history-glb-wrapper .instant-history-body .instant-lang-pair-box{
    padding: 14px 25px 14px 25px;
    border-bottom: 1px solid #E0E0E0;
    display: flex;
    align-items: center;
    gap: 4px;
  }

  .instant-history-glb-wrapper .instant-history-body{
    overflow: hidden;
    height: 100%;
  }

  .instant-history-glb-wrapper .instant-history-body .instant-history-list{
    overflow: auto;
    height: 87%;
  }

  .instant-history-glb-wrapper .instant-history-body .instant-lang-pair-box{
    position: sticky;
    top: 0;
  }

  .instant-history-glb-wrapper .instant-history-body .instant-lang-pair-box .text{
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    color: #3C4043;
  }

  .instant-history-glb-wrapper .instant-history-body .instant-history-list .intant-history-card-item .card-box .src-tar-wrapper .tar-content .show-more-link,
  .instant-history-glb-wrapper .instant-history-body .instant-history-list .intant-history-card-item .card-box .src-tar-wrapper .src-content .show-more-link{
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 19px;
    color: #0074D3;
    text-decoration: underline;
    cursor: pointer;
  }

  .instant-history-glb-wrapper .instant-history-body .instant-lang-pair-box .straight-icon{
    font-size: 18px;
    color: #3C4043;
    transform: rotate(90deg) translateX(-2px);
  }

  .instant-history-glb-wrapper .instant-history-body .instant-history-list .intant-history-card-item{
    padding: 9px 10px;
    border-bottom: 1px solid #E0E0E0;
  }

  .instant-history-glb-wrapper .instant-history-body .instant-history-list .intant-history-card-item:hover .card-box{
    background-color: #F6F9FB;
    transition: 0.3s background-color ease-in-out;
  }

  .instant-history-glb-wrapper .instant-history-body .instant-history-list .intant-history-card-item:hover .card-box-footer{
    opacity: 1 !important;
    visibility: visible !important;
    transition: 0.3s opacity ease-in-out, 0.3s visibility ease-in-out;
  }

  .instant-history-glb-wrapper .instant-history-body .instant-history-list .intant-history-card-item .card-box{
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    background-color: transparent;
    padding: 20px 10px 8px 10px;
    transition: 0.3s background-color ease-in-out;
  }

  .instant-history-glb-wrapper .instant-history-body .instant-history-list .intant-history-card-item .card-box .card-box-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
  }

  .instant-history-glb-wrapper .instant-history-body .instant-history-list .intant-history-card-item .card-box .card-box-header .history-tag{
    background: #0074d41a;
    border-radius: 2px;
    padding: 5px 10px;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    color: #0074D3;
  }

  .instant-history-glb-wrapper .instant-history-body .instant-history-list .intant-history-card-item .card-box .card-box-header .time{
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    color: #707980;
  }

  .instant-history-glb-wrapper .instant-history-body .instant-history-list .intant-history-card-item .card-box .src-tar-wrapper{
    display: flex;
    flex-direction: column;
    margin-bottom: 12px;
  }

  .instant-history-glb-wrapper .instant-history-body .instant-history-list .intant-history-card-item .card-box .src-tar-wrapper .src-content{
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.4;
    color: #202124;
    margin-bottom: 5px;
  }

  .instant-history-glb-wrapper .instant-history-body .instant-history-list .intant-history-card-item .card-box .src-tar-wrapper .tar-content{
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.4;
    color: #63676C;
  }

  .instant-history-glb-wrapper .instant-history-body .instant-history-list .intant-history-card-item .card-box .card-box-footer{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    opacity: 0;
    visibility: hidden;
  }

  .instant-history-glb-wrapper .instant-history-body .instant-history-list .intant-history-card-item .card-box .card-box-footer .modal-close-btn{
    width: 30px;
    height: 30px;
  }

  .instant-history-glb-wrapper .instant-history-body .instant-history-list .intant-history-card-item .card-box .card-box-footer .use-btn{
    padding: 6px 24px;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    color: #FFFFFF;
    background-color: #0078D4;
    border-radius: 3px;
  }
  .instant-history-not-found{
    height: 100%;
    display: grid;
    place-content: center;
    opacity: 0.7;
  }

  
.glb-prof-alert {
    width: 100%;
    background: #fcfbeb;
    border: 1px solid #ffda7a;
    border-radius: 3px;
    display: flex;
    align-items: center;
    padding: 5px 20px;
    gap: 15px;
    margin-bottom: 15px;
    width: 94%;
}

.glb-prof-alert span {
    font-family: Roboto !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    font-size: 15px !important;
    color: #3c4043 !important;
    margin-bottom: 0px;
}

.glb-prof-alert-gap {
    gap: 5px;
}

.glb-prof-alert .close-btn{
    margin-left: auto;
    cursor: pointer;
    padding: 3px;
}
.glb-prof-alert .close-btn:hover{
    border-radius: 50%;
    background-color: #EBEBEB;
}

.step-payment-form .form-group.radio-group .radio-btn{
    padding: 4px;
    border-radius: 50%;
}

.instant-history-header .imp-icon-file{
    margin-left: 8px;
}

.summernote-style-list{
    height: auto !important;
}

.tone-generatint-form-options .prompt-reset-btn{
    display: flex;
    align-items: center;
    border: 1px solid #0078D4;
    border-radius: 3px;
    background: #fff;
    padding: 10px 20px 10px 16px;

}
.tone-generatint-form-options .prompt-reset-btn .text{
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    font-size: 16px;
    color: #0078D4;
    margin-left: 12px;
}

.glossary-time-picker__value-container,
.glossary-time-picker__single-value{
    color: #3c4043 !important;
}

.glossary-time-picker__control--is-focused{
    border: 1px solid #ced4da !important;
}

.moment-time-picker__value-container{
    padding: 0px !important;
}



.project-select__loading-indicator {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  vertical-align: text-bottom;
  border: 2px solid;
  border-right: 2px solid transparent;
  border-radius: 50%;
  border-width: 2px;
  animation: spinner-border .75s linear infinite;
  color: #0078D4 !important;
  margin-right: 0.75rem;
  font-size: unset;
  padding: 0;
}

.project-select__loading-indicator > * {
    display: none;
}

#showCustomize.toolbar-parts {
    position: fixed;
    width: 488px;
    height: auto;
    z-index: 10;
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: 0px 5px 20px #00000038;
    border-radius: 6px;
    padding: 0;
    /* margin: 0 35rem; */
}

.writer-spl-char-modal{
    border: none;
}

.writer-spl-char-modal .symbol-char-title{
    text-align: left;
}

.writer-spl-char-modal .spl-char-cont{
    background: transparent;
}

.mt-uncofirmed{
    background-color: #e74c3c24 !important;
}
.mt-confirmed{
    background-color: #4caf5030 !important;
}
.select-mark{
    background-color: #2196f321 !important;
    border: 1px solid #0000ff3d;
    padding: 0 2px !important;
    border-radius: 4px;
}


/* Blog Wizard Styles */

.blog-header-wrapper{
    background-color: #ffffff;
    position: sticky;
    top: 0;
    z-index: 100;
}

.blog-header-wrapper .blog-inner-wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 16px 37px;
    height: 56px;
    border-bottom: 1px solid #E1E5E6BF;
}

.blog-header-wrapper .blog-inner-wrapper .blog-logo a{
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    font-size: 16px;
    color: #000000;
}

.blog-header-wrapper .blog-inner-wrapper .blog-close{
    width: 36px;
    height: 36px;
    background-color: transparent;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.35s background-color ease-in-out;
}

.blog-header-wrapper .blog-inner-wrapper .blog-close:hover{
    background-color: #EFEFEF;
    transition: 0.35ss background-color ease-in-out;
}

.blog-header-wrapper .blog-inner-wrapper .blog-close .clr-icon{
    font-size: 25.8px !important;
    color: #5F6368;
}

.blog-step-main-wrapper{
    margin-top: 37px;
    background-color: #F8FAFC;
    padding-bottom: 50px;
}

.blog-create-box-wrap{
    width: 848px;
    margin: auto;
    box-shadow: 0px 1px 3px #0000002E;
    border-radius: 6px;
    background-color: #ffffff;
}

.blog-create-box-wrap.select-outline,
.blog-create-box-wrap.select-title{
    box-shadow: 0px 1px 3px #00000029;
    margin-top: 22px;
}

.blog-create-box-wrap.select-outline .blog-create-header,
.blog-create-box-wrap.select-title .blog-create-header{
    padding: 30px 30px 24px 30px;
}

.blog-create-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 30px 26px 30px;
}

.blog-create-body{
    padding: 0px 30px 26px 30px;
}
.blog-form-wrapper .blog-forms-plain-row{
    display: flex;
    align-items: baseline;
    flex-direction: column;
}

.blog-create-box-wrap.generate-articles .blog-form-wrapper .blog-forms-row{
    display: flex;
    align-items: baseline;
}
.blog-form-button-wrap .note-content,
.blog-create-box-wrap.generate-articles .note-content{
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    font-size: 12px;
    color: #A1A4A8;
    display: flex;
    align-items: center;
}

.blog-form-button-wrap .note-content .imp-icon,
.blog-create-box-wrap.generate-articles .note-content .imp-icon{
    font-size: 17px;
    color: #A1A4A8;
    margin-right: 5px;
}

.blog-form-wrapper .blog-forms-row{
    display: flex;
    align-items: center;
}

.blog-form-wrapper .blog-forms-plain-row:not(:last-child),
.blog-form-wrapper .blog-forms-row:not(:last-child){
    margin-bottom: 17px;
}

.label-wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.label-wrapper .link{
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    font-size: 14px;
    color: #0078D4;
    margin-bottom: 5px;
    text-decoration: underline;
    cursor: pointer;
}

.blog-form-wrapper .blog-forms-row .blog-forms-col{
    width: 50%;
    max-width: 100%;
    display: flex;
    align-items: baseline;
    flex-direction: column;
}

.blog-create-header h1{
    font-family: Roboto;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    font-size: 20px;
    color: #000000;
    margin-bottom: 0px;
}

.blog-create-header .keyboard-icon{
    width: 36px;
    height: 36px;
    background-color: transparent;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.35s background-color ease-in-out;
}

.blog-create-header .arrow-wrapper{
    display: flex;
    align-items: center;
}

.blog-create-header .arrow-wrapper .auto-fix-wrap{
    width: 46px;
    height: 46px;
    display: none;
    align-items: center;
    justify-content: center;
    background-color: #0078D4;
    border-radius: 3px;
    margin-left: 10px;
}

.wand-animation{
    width: 20px;
    height: 20px;
}

.wand-animation path{
    animation: zoom-in-zoom-out 1s ease infinite;
}

@keyframes zoom-in-zoom-out {
    0% {
      transform: scale(0.8, 0.8);
    }
    50% {
      transform: scale(0.9, 0.9);
    }
    100% {
      transform: scale(0.8, 0.8);
    }
  }

.blog-create-header .keyboard-icon:hover{
    background-color: #EFEFEF;
    transition: 0.35ss background-color ease-in-out;
}

.blog-create-header .keyboard-icon .close-icon{
    color: #5F6368;
}

.blog-form-wrapper .blog-forms-row .blog-forms-col button{
    width: 100%;
}

.blog-form-wrapper .blog-forms-plain-row label,
.blog-form-wrapper .blog-forms-row label{
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    font-size: 14px;
    color: #63686E;
    margin-bottom: 5px;
}

.blog-form-wrapper .blog-forms-row .blog-forms-col:first-child{
    margin-right: 5px;
}

.blog-form-wrapper .blog-forms-row .blog-forms-col:last-child{
    margin-left: 5px;
}

.blog-forms-col > div{
    width: 100%;
}

.blog-form-wrapper .blog-forms-row .blog-forms-col .ailay-lang-btn{
    border: 1px solid #D3D8DC;
    border-radius: 3px;
    padding: 8px 19px;
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.ailay-lang-btn .text{
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    font-size: 15px;
    color: #222222;
    margin-bottom: 0px;
}

.ailay-lang-btn .text.placeholder{
    color: #A4A8AA;
}

.ailay-lang-btn .icon i{
    color: #5F6368;
}

.blog-form-wrapper .blog-forms-plain-row .blog-form-input{
    border: 1px solid #D3D8DC;
    border-radius: 3px;
    width: 100%;
    height: 42px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    line-height: 24px;
    font-size: 15px;
    color: #222222;
    padding: 8px 19px;
    margin-bottom: 0px;
}

.blog-form-wrapper .blog-forms-plain-row .blog-form-input:focus{
    border: 2px solid #0078D4;
    height: 42px;
    transition: 0.05s border ease-in-out;
}

.blog-form-wrapper .blog-forms-plain-row .blog-form-input::placeholder{
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    font-size: 15px;
    color: #A4A8AA;
}


.blog-form-wrapper .blog-forms-plain-row.blog-section .title-lists-wrapper .title-list-item .title-info-main-wrap,
.blog-form-wrapper .blog-forms-plain-row.blog-section .title-lists-wrapper{
    width: 100%;
}

.blog-form-button-wrap{
    display: flex;
    justify-content: flex-end;
    margin-top: 31px;
}

.blog-form-button-wrap .generate-blog-btn{
    background: #0078D4;
    border-radius: 3px;
    width: 200px;
    height: 46px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    font-size: 16px;
    color: #FFFFFF !important;
    padding: 11px 19px 11px 30px !important;
    margin-bottom: 0px !important;
    justify-content: space-between;
}

.blog-form-button-wrap .generate-blog-btn.btn-spacer{
    width: 220px;
}

.blog-form-button-wrap .generate-blog-btn-2{
    background: #0078D4;
    border-radius: 3px;
    min-width: 145px;
    max-width: 200px;
    height: 46px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    font-size: 16px;
    color: #FFFFFF !important;
    padding: 11px 19px 11px 30px !important;
    margin-bottom: 0px !important;
    justify-content: space-between;
}

ul.suggestion-capsule-wrapper{
    display: flex;
    align-items: center;
    padding-left: 0px;
    margin-bottom: 0px;
    list-style-type: none;
    flex-wrap: wrap;
    margin-top: 11px;
}

ul.suggestion-capsule-wrapper li{
    background-color: #d3d8dc80;
    border-radius: 22px;
    margin-bottom: 8px;
    padding: 3px 13px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    line-height: 24px;
    font-size: 14px;
    color: #222222;
    cursor: pointer;
    transition: 0.35s background-color ease-in-out, 0.35s color ease-in-out;
}

ul.suggestion-capsule-wrapper li.selected,
ul.suggestion-capsule-wrapper li:hover{
    background-color: #0078D4;
    color: #ffffff;
    transition: 0.35s background-color ease-in-out, 0.35s color ease-in-out;
}

ul.suggestion-capsule-wrapper li:not(:last-child){
    margin-right: 8px;
}

.create-more-link{
    font-family: Roboto !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    font-size: 14px !important;
    color: #0078D4 !important;
    cursor: pointer;
    text-decoration: underline;
    margin-left: 14px;
    background-color: transparent !important;
    border-radius: 0px !important;
    padding: 0px !important;
}

.blog-step-wrapper{
    width: 895px;
}

.steps-number-wrapper{
    max-width: 532px;
    width: auto;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.steps-number-wrapper .steps{
    display: flex;
    align-items: center;
    cursor: pointer;
}

.steps-number-wrapper .steps:hover .steps-inner .title{
    text-decoration: underline;
}

.steps-number-wrapper .steps .steps-inner{
    display: flex;
    align-items: center;
    width: 100%;
    background-color: #ffffff;
}

.steps-number-wrapper .steps .steps-inner .number{
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-width: 1px;
    border-style: solid;
    border-color: #D4DDE3;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    font-size: 14px;
    color: #222222;
    border-radius: 50%;
}

.steps-number-wrapper .steps .steps-inner.active .number{
    border-width: 2px;
    border-color: #0078D4;
}

.steps-number-wrapper .steps .steps-inner.complete .number{
    border-width: 2px;
    border-color: #0078D4;
    background-color: #0078D4;
}
.steps-number-wrapper .steps .steps-inner.complete .number .completed{
    color: #FFFFFF;
    font-size: 20px;
}


.steps-number-wrapper .steps .steps-inner .title{
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    font-size: 14px;
    color: #222222;
    margin-left: 6px;
}

.steps-number-wrapper .steps:not(:last-child) .steps-inner{
    padding-right: 10px;
}

.steps-number-wrapper .steps:last-child .steps-inner,
.steps-number-wrapper .steps:nth-child(2) .steps-inner{
    padding-left: 10px;
}

.steps-number-wrapper::after{
    content: "";
    width: 100%;
    height: 1px;
    background-color: #D4DDE3;
    position: absolute;
    z-index: -1;
}


.title-lists-wrapper .title-list-item{
    border: 1px solid #d3d8dcb3;
    border-radius: 3px;  
    padding: 16px 10px 12px 10px;  
    display: flex; 
    transition: 0.35s border ease-in-out;
}

.blog-form-wrapper .blog-forms-plain-row.blog-section .title-lists-wrapper .title-list-item:hover,
.blog-form-wrapper .blog-forms-plain-row.blog-section .title-lists-wrapper .title-list-item{
    border: 1px solid #D3D8DC !important;
}

.blog-form-wrapper .blog-forms-plain-row.blog-section .title-lists-wrapper .title-list-item:hover{
    cursor: unset;
}


.title-lists-wrapper .title-list-item.disabled{
    border: 2px dashed #d3d8dcb3;
}

.title-lists-wrapper .title-list-item.edit-wrap{
    padding: 15px 22px 12px 28px;  
    transition: 0.4s all ease-in-out;
}

.title-lists-wrapper .title-list-item:not(:last-child){
    margin-bottom: 12px;
}
.title-lists-wrapper .title-list-item .radio-btn-wrap{
    width: 20px;
    max-width: 100%;
}

.title-lists-wrapper .title-list-item .radio-btn-wrap span.MuiButtonBase-root{
    padding: 0px;
}


.title-lists-wrapper .title-list-item.edit-wrap .title-info-main-wrap{
    width: 100%;
    margin-left: 0px;
    flex-direction: column;
}

.title-lists-wrapper .title-list-item .title-info-main-wrap{
    margin-left: 10px;
    flex-grow: 1;
    width: auto;
    max-width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-direction: column;
}

.blog-create-box-wrap.select-outline .title-lists-wrapper .title-list-item .title-info-main-wrap{
    margin-left: 12px;
}

.title-lists-wrapper .title-list-item .title-info-main-wrap .title-info-wrap{
    width: 100%;
}

.title-lists-wrapper .title-list-item .title-info-main-wrap .title-info-wrap ol{
    padding-left: 0px;
    list-style-type: none;
    counter-reset: li;
}

.title-lists-wrapper .title-list-item .title-info-main-wrap .title-info-wrap ol li{
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    font-size: 15px;
    color: #222222;
    counter-increment: li;
    padding-left: 25px;
}

.title-lists-wrapper .title-list-item .title-info-main-wrap .title-info-wrap ol li::before{
    content: counter(li);
    display: inline-block;
    width: 20px;
    text-align: right; 
    direction: rtl;
}

.title-lists-wrapper .title-list-item .title-info-main-wrap .title-info-wrap ol.edited-titles-list li .inner-row p{
    margin-bottom: 0px;
    padding: 5px 8px;
}

.title-lists-wrapper .title-list-item .title-info-main-wrap .title-info-wrap ol.edited-titles-list li{
    position: relative;    
    display: flex;
    align-items: baseline;
    width: 100%;
}

.title-lists-wrapper .title-list-item .title-info-main-wrap .title-info-wrap ol.edited-titles-list li .drag-ui{
    position: absolute;
    left: 0px;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: 0.15s opacity ease-in-out;
}

.title-lists-wrapper .title-list-item .title-info-main-wrap .title-info-wrap ol.edited-titles-list li .drag-ui:hover{
    cursor: grab;
}

.blog-create-box-wrap.select-outline .title-lists-wrapper .title-list-item .title-info-main-wrap.outline-lists{
    margin-left: 0px;
}

.title-lists-wrapper .title-list-item .title-info-main-wrap .title-info-wrap ol.edited-titles-list li:hover .drag-ui{
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition: 0.15s opacity ease-in-out;
}

.title-lists-wrapper .title-list-item .title-info-main-wrap .title-info-wrap ol.edited-titles-list li .drag-ui .drag-icon{
    color: #D3D8DC;
}



.title-lists-wrapper .title-list-item .title-info-main-wrap .title-info-wrap ol.edited-titles-list li .inner-row{
    border-radius: 3px;
    border: 1px solid transparent;
    transform: 0.15s border ease-in-out;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-left: 8px;
}

.title-lists-wrapper .title-list-item .title-info-main-wrap .title-info-wrap ol.edited-titles-list li .inner-row:hover:focus-within,
.title-lists-wrapper .title-list-item .title-info-main-wrap .title-info-wrap ol.edited-titles-list li .inner-row:focus-within{
    border: 1px solid #0078D4;
    transform: 0.15s border ease-in-out;
}
.title-lists-wrapper .title-list-item .title-info-main-wrap .title-info-wrap ol.edited-titles-list li .inner-row textarea,
.title-lists-wrapper .title-list-item .title-info-main-wrap .title-info-wrap ol.edited-titles-list li .inner-row input{
    width: 100%;
    border: 0px;
    padding: 5px 8px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    font-size: 15px;
    color: #222222;
    resize: none;
    transform: 0.15s border ease-in-out;
}

.title-lists-wrapper .title-list-item .title-info-main-wrap .title-info-wrap ol.edited-titles-list li .inner-row .tools-box.delet-icon{
    opacity: 0;
    visibility: hidden;
    margin-right: 8px;
    pointer-events: none;
    transition: 0.15s opacity ease-in-out;
}

.title-lists-wrapper .title-list-item .title-info-main-wrap .title-info-wrap ol.edited-titles-list li:hover .tools-box.delet-icon{
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition: 0.15s opacity ease-in-out;
}

.title-lists-wrapper .title-list-item .title-info-main-wrap .title-info-wrap ol.edited-titles-list li:hover .inner-row{
    border: 1px solid #D3D8DC;
    transform: 0.15s border ease-in-out;
}

.title-lists-wrapper .title-list-item .title-info-main-wrap .title-info-wrap ol.edited-titles-list li:not(:last-child){
    margin-bottom: 4px;
}

.title-lists-wrapper .title-list-item .title-info-main-wrap .title-info-wrap ol.edited-titles-list li.disbled-title{
    padding: 5px 8px;
}

.title-lists-wrapper .title-list-item .title-info-main-wrap .title-info-wrap ol li.disbled-title{
    font-size: 14px;
    color: #22222266;
}

.title-lists-wrapper .title-list-item .title-info-main-wrap .saving-wrapper{
    margin-top: 12px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.title-lists-wrapper .title-list-item .title-info-main-wrap .saving-wrapper .saving-inner-wrapper{
    display: flex;
    align-items: center;
}

.title-lists-wrapper .title-list-item .title-info-main-wrap .saving-wrapper .saving-inner-wrapper .icon{
    width: 36px;
    height: 36px;
    border-radius: 3px;
    background-color: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 1px 3px transparent;
    transition: 0.35s background-color ease-in-out, 0.35s box-shadow ease-in-out;
}

.title-lists-wrapper .title-list-item .title-info-main-wrap .saving-wrapper .saving-inner-wrapper .icon .common{
    font-size: 21px;
    color: #5F6368;
}

.title-lists-wrapper .title-list-item .title-info-main-wrap .saving-wrapper .saving-inner-wrapper .icon:hover{
    background-color: #EFEFEF;
    box-shadow: 0px 1px 3px #00000029;
    transition: 0.35s background-color ease-in-out, 0.35s box-shadow ease-in-out;
}

.title-info-tools{
    display: flex;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    padding-left: 25px;
}

.title-info-main-wrap.outline-lists .title-info-tools{
    width: 100%;
}

.title-info-main-wrap.outline-lists .title-info-tools .outline-tool-box-wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.title-info-main-wrap.outline-lists .title-info-tools .outline-tool-box-wrapper .add-outline-box .add-outline-link{
    display: flex;
    align-items: center;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    font-size: 13px;
    color: #5F636880;
    transition: 0.15s color ease-in-out;
    cursor: pointer;
}

.title-info-main-wrap.outline-lists .title-info-tools .outline-tool-box-wrapper .add-outline-box .add-outline-link:hover{
    color: #0078D4;
    transition: 0.15s color ease-in-out;
}

.title-info-main-wrap.outline-lists .title-info-tools .outline-tool-box-wrapper .add-outline-box .add-outline-link:hover .add-icon{
    color: #0078D4;
    transition: 0.15s color ease-in-out;
}

.title-info-main-wrap.outline-lists .title-info-tools .outline-tool-box-wrapper .add-outline-box .add-outline-link .add-icon{
    font-size: 16px;
    color: #5F636880;
    margin-right: 5px;
    transition: 0.15s color ease-in-out;
}

.title-lists-wrapper .title-list-item:hover .title-info-tools{
    opacity: 1;
    visibility: visible;
}

.tools-box{
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    /* transition: 0.35s background-color ease-in-out; */
}

.tools-box .edit-icon{
    width: 12px;
    height: 11px;
}

.tools-box .deleteIcon,
.tools-box .copy-icon{
    width: 12px;
    height: 12px;
}

.tools-box .deleteIcon path,
.tools-box .copy-icon path,
.tools-box .edit-icon path{
    fill: #5F636880;
    /* transition: 0.35s fill ease-in-out; */
}

.tools-box:hover .deleteIcon path,
.tools-box:hover .copy-icon path,
.tools-box:hover .edit-icon path{
    fill: #5F6368;
    /* transition: 0.35s fill ease-in-out; */
}


.tools-box:hover{
    background-color: #EFEFEF;
    /* transition: 0.35s background-color ease-in-out; */
}

.title-lists-wrapper .title-list-item.active,
.title-lists-wrapper .title-list-item:hover{
    border: 1px solid #1A73E8;
    transition: 0.35s border ease-in-out;
}

.title-lists-wrapper .title-list-item.active{
    box-shadow: 0 0 0 3px #0674f833;
}

.title-lists-wrapper .title-list-item.disabled:hover{
    border: 2px dashed #d3d8dcb3;
    transition: 0.35s border ease-in-out;
    cursor: context-menu;
    pointer-events:none;

}

.title-lists-wrapper .title-list-item:hover{
    cursor: pointer;
}

.title-lists-wrapper .title-list-item .title-info-wrap .title{
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    font-size: 15px;
    color: #222222;
}

.title-lists-wrapper .title-list-item.disabled .title-info-wrap .title{
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    font-size: 14px;
    color: #22222266;
    cursor: context-menu;
    pointer-events:none;
    margin-bottom: 0px;
}

/* .title-lists-wrapper .title-list-item .title-info-wrap .editable-title{
    width: 100%;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    font-size: 15px;
    color: #222222;
    height: 46px;
    background-color: #d3d8dc2b;
    padding: 8px 14px 11px 24px;
    border: 0px solid #222222;
} */



.title-lists-wrapper .title-list-item .title-info-wrap textarea.editable-title{
    width: 100%;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    font-size: 15px;
    color: #222222;
    border-radius: 3px;
    padding: 5px 8px;
    /* background-color: #d3d8dc2b; */
    border: 1px solid transparent;
    /* transition: 0.15s border ease-in-out; */
    outline: 0;
    resize: none;
}

.title-lists-wrapper .title-list-item .title-info-wrap textarea.editable-title:hover{
    outline: 0;
    border: 1px solid #d3d8dcb3;
    /* transition: 0.15s border ease-in-out; */
}

.title-lists-wrapper .title-list-item .title-info-wrap textarea.editable-title:hover:focus,
.title-lists-wrapper .title-list-item .title-info-wrap textarea.editable-title:focus{
    border: 1px solid #0078D4;
    transform: 0.15s border ease-in-out;
}

.writer-pdf-split-view.split-bottom .note-editable{
    width: 920px;
    margin: auto;
}

.title-lists-wrapper .title-list-item .title-info-wrap .editable-title-textarea{
    width: 100%;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    font-size: 15px;
    color: #222222;
    min-height: 145px;
    height: auto;
    max-height: 100%;
    background-color: #d3d8dc2b;
    padding: 8px 14px 11px 24px;
    border: 0px solid #222222;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.title-lists-wrapper .title-list-item .title-info-wrap .capsule-card{
    background-color: #d3d8dc66;
    border-radius: 22px;
    padding: 3px 10px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    color: #63686ebd;
}

.outline-select-individuals .select-individual{
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

.outline-select-individuals .select-individual .MuiFormControlLabel-label{
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    font-size: 14px;
    color: #222222;
}

/* Blog Wizard Styles */

.writer-customize-set-as-default{
    padding: 0 24px;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.writer-customize-set-as-default label{
    font-family: Roboto;
    font-style: normal;
    line-height: 24px;
    font-size: 14px;
    color: #7E8287;
}

.writer-customize-set-as-default .cell-box{
    margin-left: 2px;
}
.customize-settings-icon{
    margin-left: 15px;
    cursor: pointer;
    padding: 8px;
}
.customize-settings-icon:hover{
    background-color: #e9eaea;
    border-radius: 50%;
}

/* word count loading animation */
.word-count-capsule .loading {
    align-items: center;
    display: flex;
    justify-content: center;
    height: 100%;
    width: 100%;
}
.loading__dot {
    animation: dot ease-in-out 1s infinite;
    background-color: grey;
    display: inline-block;
    height: 5px;
    width: 5px;
    margin: 2px;
    border-radius: 50%;
}
.loading__dot:nth-of-type(2) {
    animation-delay: 0.2s;
}
.loading__dot:nth-of-type(3) {
    animation-delay: 0.3s;
}
@keyframes dot {
    0% { background-color: grey; transform: scale(1); }
    50% { background-color: #878484; transform: scale(1.3); }
    100% { background-color: grey; transform: scale(1); }
}
/* word count loading animation */

.customization-line-option-label{
    text-align: left;
    font: normal normal normal 14px/24px Roboto;
    letter-spacing: 0px;
    color: #5F6368;
}
.customization-default-radio-group-label{
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    font-size: 16px;
    letter-spacing: 0px;
    color: #3C4043;
    padding-left: 9px;
}

.confirm-all-btn .buttonwwrap{
    display: flex;
    padding: 4px;
    border-radius: 4px;
    background-color: transparent;
    cursor: pointer;
    transition: 0.4s background-color ease-in-out;
}

.confirm-all-btn .buttonwwrap:hover{
    background-color: #0000001c;
    transition: 0.4s background-color ease-in-out;
}

.confirm-all-btn .buttonwwrap .complete{
    font-size: 20px;
    color: #5F6368;
}

.confirm-all-btn .buttonwwrap .arrow{
    font-size: 20px;
    color: #5F6368;
}

.confirm-all-btn{
    position: relative;
    margin-left: 12px;
}

.complete-all-btn{
    box-shadow: 0px 5px 5px -3px rgb(0 0 0 / 20%), 0px 8px 10px 1px rgb(0 0 0 / 14%), 0px 3px 14px 2px rgb(0 0 0 / 12%);
    background-color: #ffffff;
    padding: 10px 0px;
    border-radius: 4px;
    position: absolute;
    z-index: 100;
    left: -123px;
    top: 26px;
}

.complete-all-btn ul li{
    font-size: 14px;
    margin: 0;
    padding: 4px 5px;
    background-color: transparent;
    transition: 0.4s background-color ease-in-out;
    cursor: pointer;
}

.complete-all-btn ul li:hover{
    background-color: #0000001c;
    transition: 0.4s background-color ease-in-out;
}


.select-root-container{
    width: 324px;
}

.select-root-input .MuiInputBase-input{
    border-radius: 4px;
    position: relative;
    border: 1px solid #AFCEF7;
    background-color: #ffffff;
    font-size: 14px;
    line-height: 1.5;
    color: #0078D4;
    padding: 8.3px 10px;
}

.select-root-input .MuiInputBase-input:focus{
    border-radius: 4px;
    border-color: #AFCEF7;
    background-color: #ffffff;
}

.css-1d3z3hw-MuiOutlinedInput-notchedOutline,
.css-1yk1gt9-MuiInputBase-root-MuiOutlinedInput-root-MuiSelect-root:hover .MuiOutlinedInput-notchedOutline{
    border-color: transparent !important;
}

.select-root-input .MuiSvgIcon-root{
    fill: #1A73E8
}

.modal-root-container{
    width: 100%;
    display: block;
}

.modal-root-input .MuiInputBase-input{
    border-radius: 2px;
    position: relative;
    border: 1px solid #CED4DA;
    background-color: #ffffff;
    font-size: 14px;
    line-height: 1.5;
    color: #161C2D;
    padding: 8.3px 10px;
    width: 100%;
}

.modal-root-input .MuiInputBase-input:focus{
    border-radius: 2px;
    border-color: #CED4DA;
    background-color: #ffffff;
}

.modal-root-input-icon .MuiSvgIcon-root{
    fill: #5F6368;
    width: 20px;
    margin-right: 10px;
}

.confirm-all-segments-btn {
    margin-right: 12px !important;
    border-radius: 50% !important;
    padding: 6px !important;
}
.confirm-all-segments-btn:hover{
    background-color: #E8F0FE;
}

.convert-pdf-ViewProjectButton{
    background-color: #0078D4 !important;
    box-shadow: none !important;
    border-radius: 3px !important;
    text-transform: none !important;
    padding: 9px 32px !important;
    border: none !important;
    margin-left: 8px;
}

/* loading dots */
.pdf-uploading-dots{
    text-decoration: none !important;
    cursor: default !important;
}
.pdf-uploading-dots:after {
    content: ' .';
    animation: dots 1s steps(5, end) infinite;}
  
  @keyframes dots {
    0%, 20% {
      color: #0073D6;
      text-shadow:
        .25em 0 0 #0073D6,
        .5em 0 0 #0073D6;}
    40% {
      color: white;
      text-shadow:
        .25em 0 0 #0073D6,
        .5em 0 0 #0073D6;}
    60% {
      text-shadow:
        .25em 0 0 white,
        .5em 0 0 #0073D6;}
    80%, 100% {
      text-shadow:
        .25em 0 0 white,
        .5em 0 0 white;}
}

.pdf-convert-all-btn-wrapper{
    display: flex;
    justify-content: flex-end;
    margin-top: 16px;
}