body {
    width: 100%;
    background: #f4f6fa;
    color: #595b62;
}
main {
    padding: 20px;
}
.page-header h3,
.title-weekly, .title-sub {
    font-family: 'FiraSansSemiBold';
    color: #787a84;
    font-size: 17px;
    margin: 0;
}
header > .navbar {
    height: 71px;
}
/* LOGIN */
.loginTVT{
    background: #f85a68;
    border-color: #f85a68;
}
.loginTVT:hover{
    background: #bf414c;
    border-color: #bf414c;
}
.header-login {
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    text-align: left;
    padding: 7px 5px;
    position: absolute;
    width: 100%;
    top: 0;
    height: 71px;
    align-items: center;
    display: flex;
}
.header-login img {
    height: 30px;
}
.form-control  {
    height: 34px;
    border-radius: .25rem !important;
}
.dataTables_length select.form-control  {
    height: 34PX;
}
.title-forgot {
    font-family: 'Fira Sans';
    font-weight: 500;
    font-size: 10px;
}
.title-forgot b {
    font-weight: normal;
}
.title-remember {
    color:#787a84;
    font-size: 10px;
}
.switch-remember {
    margin-top: -5px !important;
}
/* END LOGIN */

/* INDEX */
.logo-top img {
    max-height: 50px;
}
header {
    min-height: 4rem;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    position: relative;
    z-index: 999;
}
.dropdown-search {
    position: absolute;
    z-index: 9;
    right: 0;
    background: #fff;
    border: 1px solid #e0e0e0;
    padding: 15px !important;
    width: 300px !important;
    display: none;
    z-index: 9999;
}
.trans-dropdown .dropdown-item{
    background: #6182e8;
}
.trans-dropdown .dropdown-item:hover{
    background: #516cc2;
}
.icon-search-linguist {
    display: inline-block;
    padding: 0px 12px;
    line-height: 34px;
    border: 0 solid;
    color: #4a525d;
    font-weight: 400;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
}
#searchLinguistFilterName {
    background: #fff;
    float: left;
    width: 100%;
    border-radius: 0;
}
#searchLinguistFilterName::-ms-clear {
    display: none;
}
#loadResultLinguist > strong {
    display: block;
    padding-top: 10px;
}
#loadResultLinguist .box-search-linguist {
    width: 100%;
    overflow-y: auto;
    background: #fff;
    list-style: none;
    max-height: 400px;
    border-bottom: thin solid #ccc;
    margin-bottom: -16px;
}
#loadResultLinguist div a {
    padding: 7px 0;
    border-bottom: thin solid #ccc;
    margin-top: -1px;
    word-break: break-all;
    display: block;
    font-size: 13px;
    color: #595b62;
    text-align: left;
}
#loadResultLinguist div a p {
    margin-bottom: 0;
}
#loadResultLinguist .box-search-linguist > div:last-child a {
    border-bottom: none;
}
/* width */
.box-search-linguist::-webkit-scrollbar {
    width: 5px;
}
/* Track */
.box-search-linguist::-webkit-scrollbar-track {
    background: #f1f1f1;
}
/* Handle */
.box-search-linguist::-webkit-scrollbar-thumb {
    background: #888;
}
/* Handle on hover */
#loadResultLinguist::-webkit-scrollbar-thumb:hover {
    background: #555;
}
/* END INDEX */

/* BREADCRUMB */
#breadcrumb{
    margin: 20px 0;
}
.breadcrumb-title {
    position: relative;
    float: left;
    font-size: inherit;
    font-family: 'FiraSansSemiBold';
    margin: 0;
    color: #38393e;
    height: 34px;
    line-height: 30px;
    font-weight: normal;
    padding: 0 1rem 0 0;
}
.breadcrumb-title::before {
    content: "";
    width: 1px;
    height: 19px;
    position: absolute;
    right: 0;
    top: 6px;
    background: #c2c5d7;
}
.breadcrumb {
    background: none;
    margin: 0;
    padding: 0 0 0 1rem;
}
.breadcrumb li.breadcrumb-item-home i{
    margin-top: 4px;
}
.breadcrumb-item a {
    color: #787a84;
    height: 34px;
    line-height: 30px;
}
.breadcrumb-item.active {
    color:#38393e;
}
.breadcrumb-linguists-detail p {
    margin-bottom: 0;
    display: inline-block;
    vertical-align: top;
}
.breadcrumb-linguists-detail p b {
    display: block;
}
/* END BREADCRUMB */

/* NAV NAV-PILL */
.dropdown-menu {
    font-size: 13px !important;
    max-width: 600px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.navbar-nav li.dropdown-hover:hover .dropdown-menu {
    display: block;
}
.dropdown-menu > li.dropdown-hover > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
}
.nav-fix > li:first-child > a {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.nav-fix > li:last-child > a {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.nav-fix > li > a {
    background: #fff;
    border: thin solid #ccc;
    margin-left: -1px;
}
.nav-pills .nav-link {
    border-radius: 0;
    padding: 0 1rem;
    height: 34px;
    line-height: 32px;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: #6182e8;
    border-color: #6182e8;
}
.navbar-fas .nav-item {
    margin-right: 20px;
}
.navbar-fas .nav-link .fas {
    font-size: 20px;
    color:#787a84;
}
.suntory {
    position: absolute;
    top: 25px;
    right: 0px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #eb4856;
}
.suntory::before {
    content: "";
    border: thin solid #eb4856;
    width: 14px;
    height: 14px;
    position: absolute;
    top: -4px;
    left: -4px;
    margin: auto;
    border-radius: 50%;
}
/* END NAV NAV-PILL */

/* MAIN-CONTENT */
.boxes {
    float: left;
    margin: 2px;
    width: 30px;
    height: 30px;
    border: 1px solid #ddd;
    text-align: center;
    position: relative;
    z-index: 1;
    vertical-align: middle;
    line-height: 28px;
    box-sizing: inherit;
    /* overflow: hidden; */
    background: #f3f3f3;
    color: gray;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.boxes.available-one-third{
    color: #fff;
}
.unavColumns{
    width: 260px;
}
.SaSu {
    background: #31b0d5;
    color: #fff;
}
.unavailable:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color: #f00;
    font-size: 25px;
    height: 100%;
    z-index: 1;
    background: #eb4856;
    border-radius: 50%;
}
.boxes span{
    position: relative;
    z-index: 9;
}
.boxes.unavailable {
    color: #fff;
}
.scrollY{
    height: 500px;
    overflow-y: scroll;
}
.multiselect-container > li > a{
    display: block;
    clear: both;
    line-height: 1.42857143;
    white-space: nowrap;
    font-size: 13px;
    color: #595b62;
}
.isFormLanguageCode .select2-container,
#addLanguagesForm .select2-container,
#editLanguagesForm .select2-container,
#createUserForm .select2-container,
#editUserForm .select2-container,
#createCandidateForm .select2-container{
    width: 100% !important;
}
table.floatThead-table {
    background-color: white;
    margin-top: 0 !important;
}
.column-dtt-active{
    text-align: right;
}

.period-days-input {
    min-width: 220px;
    background: #ffffff !important;
}
.period-days-next.disable,
.period-days-back.disable,
.period-days-report-next.disable,
.period-days-report-back.disable,
.summary-days-next.disable ,
.summary-days-back.disable {
    pointer-events: none;
    opacity: 0.6;
    color: #494949;
}
#period-days {
    min-width: 220px;
    background: #fff;
}
#period-days-asset-qc-stats{
    min-width: 245px;
    background: #fff;
}
#start-time-picker-dtt-stats .bootstrap-datetimepicker-widget.dropdown-menu{
    left: -155px !important;
}
#end-time-picker-dtt-stats .bootstrap-datetimepicker-widget.dropdown-menu{
    left: 95px !important;
}
/* Unavailability Report */
#languageUnavailabilityTable thead th, #languageUnavailabilityTable tbody td{
    border-right: 1px solid #ccc;
    text-align: center;
}
#languageUnavailabilityTable thead th{
    vertical-align: middle !important;
    border-bottom: 1px solid #ccc;
}
#languageUnavailabilityTable thead th[data-sort]:after{
    bottom: 27px;
}
#languageUnavailabilityTable thead th:before{
    bottom: inherit ;
}
/* End Unavailability Report */
.validate-select2 + .select2-container--default .select2-selection--multiple {
    border:1px solid #dc3545 !important;
    background: inherit !important;
}
.validate-select2 + .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #80bdff !important;
}
.was-validated select option { color: #38393e; }
.was-validated .form-control:invalid {
    border-color: #dc3545;
    background: inherit;
    color: #dc3545;
    background-color: #fff;
}
.was-validated .form-control:invalid, .was-validated .form-control:valid{
    padding-right: 10px !important;
}
.was-validated .form-control.error-color {
    border-color: #dc3545 !important;
    background: inherit !important;
    color: #dc3545 !important;
}
.was-validated .form-control:invalid::placeholder {
    color: #dc3545;
}
#createCandidateForm.was-validated select.select2-hidden-accessible:invalid,
#general.was-validated select.select2-hidden-accessible:invalid {
    height: 34px !important;
    width: calc(100% - 30px) !important;
}
#createCandidateForm.was-validated select.select2-hidden-accessible:invalid ~ span.select2-container--default .select2-selection--multiple,
#general.was-validated select.select2-hidden-accessible:invalid ~ span.select2-container--default .select2-selection--multiple {
    border-color: #dc3545 !important;
    background: inherit;
    color: #dc3545;
}
.form-control.is-valid, .was-validated .form-control:valid, .form-control.is-valid:focus, .was-validated .form-control:valid:focus{
    border: 1px solid #ced4da;
    background: inherit;
}
.re-validated{
    border-color: rgb(206, 212, 218) !important;
    color: #595b62 !important;
}
.was-validated input.form-control:valid::-webkit-input-placeholder { /* Edge */
    color: #999ba1;
    font-family: 'FiraSansRegular';
    font-size: 13px;
}

.was-validated input.form-control:valid:-ms-input-placeholder{ /* Internet Explorer */
    color: #999ba1;
    font-family: 'FiraSansRegular';
    font-size: 13px;
}

.was-validated input.form-control:valid::placeholder {
    color: #999ba1;
    font-family: 'FiraSansRegular';
    font-size: 13px;
}
.widthRP {
    width: 135px;
}
.li-rp label{
    font-family: 'FiraSansSemiBold';
}
#performanceDTTStatsTableFilterdatetimepicker,
#performanceReportDTTTableFilterdatetimepicker,
#performanceReportDTTAssetQCTableFilterdatetimepicker{
    min-width: 270px;
}
/* END MAIN-CONTENT */

/* LINGUISTS DETAIL */
.panel-linguists {
    background: #fff;
    border: thin solid #ccc;
    border-radius: 5px;
}
.panel-linguists-footer {
    padding: 1.5rem;
    margin: -1px;
    background: #ebecf2;
    border-top: 1px solid #ccc;
    border-radius: 0 0 5px 5px;
}
.nav-linguists-detail {
    border-bottom: 2px solid #ccc;
}
.nav-linguists-detail > li.nav-item {
    padding: 0 2rem;
}
.nav-linguists-detail > li > a.nav-link {
    font-weight: bold;
    padding: 2.2rem 0 1rem 0;
    display: inline-block;
    position: relative;
}
.nav-linguists-detail > li > a.nav-link.active:before {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #3f67e4;
}
.form-grade .card, .form-netflix-dtt .card, #linguistHistoryTab .card, .translator-details .card, .translator-onboarding .card {
    margin-bottom: 20px;
}
.translator-details .card .card-header .btn,
label.btn {
    font-size: 11pX;
}
.form-group.border-bottom .select2-container {
    margin-bottom: 0 !important;
    margin-right: 0 !important;
    display: inline-block;
}
.login_created_status {
    display: inline-block;
    margin-top: 1px;
}
.hover-fas {
    cursor: pointer;
}
.hover-fas:hover,
.delete-modal:hover,
.edit-modal:hover,
.delete-old-email,
.delete-document-modal {
    opacity: 0.7;
}
.page-header h3.view-linguists-detail {
    font-size: 13px;
    font-weight: normal;
    text-align: left;
}
.page-header h3.view-linguists-detail-mobile {
    margin-top: 2px !important;
    margin-bottom: 5px !important;
}
.Tabweeklyreport .page-header, .Tabaqcreport .page-header {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dee2e6;
}
.Tabweeklyreport .page-header h5, .Tabaqcreport .page-header h5 {
    font-size: 13px;
}
h3.title-linguist-report {
    font-family: 'FiraSansSemiBold';
    color: #787a84;
    font-size: 17px;
}
.title-linguist-dtt-weekly, .title-linguist-dtt-aqc {
    font-weight: bold;
    font-size: 17px;
    color: #787A84;
}
.text-error-chart {
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
}
.group-filter-chart {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}
.group-filter-chart h3 {
    margin-left: auto;
    margin-right: calc(50% - 70px);
}
.group-filter-chart select {
    max-width: 200px;
}
.table-ranking tbody tr td {
    padding: 0.5rem 0.75rem;
}
.table-ranking tbody tr td + td,
.table-ranking thead tr th + th {
    border-left: thin solid #dee2e6;
    text-align: center;
}
.table-ranking thead tr th + th span {
    display: block;
}
/* END LINGUITSS DETAIL */

/* LINGUISTS DETAIL - COMMENTS */
.events-none {
    pointer-events: none;
    opacity: 0.6;
    color: #494949;
}
#comments-container,
#comments-container-program {
    padding-left: 0;
}
#comments-container li,
#comments-container-program li {
    list-style: none;
}
.pin-comment.unpinned img {
    transform: rotate(45deg);
}
.pin-comment:hover {
    opacity: 0.6;
    text-decoration: none;
}
/* END LINGUISTS DETAIL - COMMENTS */

/* WEEKLY SUMMARY */
.width-default-select {
    width: 300px !important;
}
.width-default-input {
    width: 500px !important;
}
.set-width-filter .width-default-select {
    width: auto !important;
}
.set-width-filter .width-default-input {
    width: 240px !important;
}
/* END WEEKLY SUMMARY */
/* PURCHASE */
.color-fa-white a {
    color:#fff !important;
}
/* END PURCHASE */
/* ROTATE HEADER TABLE */
.rotate-header {
    padding-bottom: 0 !important;
    padding-right: 10px !important;
    -ms-transform: skew(-20deg,0deg);
    -moz-transform: skew(-20deg,0deg);
    -webkit-transform: skew(-20deg,0deg);
    -o-transform: skew(-20deg,0deg);
    transform: skew(-20deg,0deg);
    position: relative;
    vertical-align: bottom;
}
.scollperformanceDTTStatsTable{
    width: calc(100% - 30px);
    padding-right: 0 !important;
}
.scollperformanceDTTStatsTable .rotate-header,
.dataTables_scrollHead .rotate-header,
#loadPerformanceDatatable .rotate-header,
.floatThead-performanceReportDTTAssetQCTable .rotate-header,
#loadPerformanceAssetQCDataTable .rotate-header,
.floatThead-loadPerformanceAssetQCDataTable .rotate-header,
.floatThead-loadPerformanceDatatable .rotate-header {
    height: 160px !important;
    line-height: 1.3;
}
.scollperformanceDTTStatsTable .rotate-header,
#loadPerformanceDatatable .rotate-header,
.floatThead-performanceReportDTTAssetQCTable .rotate-header,
#loadPerformanceAssetQCDataTable .rotate-header,
.floatThead-loadPerformanceAssetQCDataTable .rotate-header,
.floatThead-loadPerformanceDatatable .rotate-header   {
    height: 160px !important;
}
.scollperformanceDTTStatsTable .rotate-header:after,
.dataTables_scrollHead .rotate-header:after,
.floatThead-performanceReportDTTAssetQCTable .rotate-header:after,
.floatThead-loadPerformanceAssetQCDataTable .rotate-header:after,
.floatThead-loadPerformanceDatatable .rotate-header:after  {
    bottom: 135px !important;
    right: 40px !important;
}
/** END Fix Icon Search DataTable **/
#performanceReportDTT_wrapper .table>tbody>tr>td:nth-child(3),
#performanceReportDTT_wrapper .table>thead>tr.average>td:nth-child(3),
#performanceReportDTTAssetQCTable .table>tbody>tr>td:nth-child(4) {
    text-align: center;
}
.rotate-header,
.rotate-header > div,
#performanceReportDTT_wrapper .table>tbody>tr>td:nth-child(3) ~ td,
#performanceReportDTT_wrapper .table>thead>tr.average>td:nth-child(3) ~ td,
#performanceReportDTTAssetQCTable .table>tbody>tr>td:nth-child(4) ~ td,
.floatThead-performanceReportDTTAssetQCTable.table>thead>tr.average>td:nth-child(4) ~ td {
    width: 10px !important;
    max-width: 10px !important;
    min-width: 10px !important;
    position: relative;
}

#loadPerformanceAssetQCDataTable tbody tr td:nth-child(2),
#loadPerformanceAssetQCDataTable tbody tr td:nth-child(3),
#loadPerformanceAssetQCDataTable tbody tr td:nth-child(4){
    width: 60px !important;
    max-width: 60px !important;
    min-width: 60px !important;
}

#performanceReportDTT_wrapper .table>tbody>tr>td:nth-child(3) ~ td,
#performanceReportDTT_wrapper .table>thead>tr.average>td:nth-child(3) ~ td ,
#performanceReportDTTAssetQCTable.table>tbody>tr>td:nth-child(3) ~ td,
.floatThead-performanceReportDTTAssetQCTable.table>thead>tr.average>td:nth-child(3) ~ td  {
    text-align: center;
    padding-left: 2px;
    padding-right: 2px;
}
#performanceReportDTT_wrapper .table > tbody > tr > td:nth-child(2) ~ td, #performanceReportDTT_wrapper .table > thead > tr.average > td:nth-child(2) ~ td, #performanceReportDTTAssetQCTable.table > tbody > tr > td:nth-child(3) ~ td, .floatThead-performanceReportDTTAssetQCTable.table > thead > tr.average > td:nth-child(3) ~ td {
    text-align: right;
    padding-right: 5px;
}
.rotate-header > div > span {
    padding: 0px 10px 3px 10px;
    height: 50px !important;
    width: 170px !important;
    -ms-transform: skew(20deg,0deg) rotate(290deg);
    -moz-transform: skew(20deg,0deg) rotate(290deg);
    -webkit-transform: skew(20deg,0deg) rotate(290deg);
    -o-transform: skew(20deg,0deg) rotate(290deg);
    transform: skew(20deg,0deg) rotate(290deg);
    position: absolute;
    bottom: 74px;
    left: -76px;
    display: flex;
    align-items: center;
    font-size: 11pX;
    text-align: left;
}
.header-performanceReportDTTAssetQCTable .rotate-header {
    left: 32px !important;
}
.TabDTTFile .rotate-header > div > span{
    font-size: 13px !important;
}
.dataTables_scrollBody {
    overflow-x: hidden;
}
.sortingperformanceReportDTTAssetQCTable{
    margin-right: -15px;
}
#performanceReportDTTAssetQCTable_paginate {
    margin-right: 13px !important;
}
.sortingperformanceReportDTTAssetQCTable > div {
    overflow-x: inherit !important;
}
#performanceReportDTT_wrapper .table>tbody>tr>td, #performanceReportDTTAssetQCTable.table>tbody>tr>td {
    word-break: break-all;
}
#performanceReportDTT_wrapper .widthDTTPerformanceData,
#performanceReportDTTAssetQCTable .widthDTTPerformanceData {
    width: 130px !important;
    max-width: 130px !important;
    min-width: 130px !important;
    box-sizing: border-box !important;
    word-break: break-word !important;
    word-wrap: break-word !important;
}
#performanceReportDTT_wrapper .width-dtt-languge,
#performanceReportDTTAssetQCTable .width-dtt-languge {
    width: 96px !important;
    max-width: 96px !important;
    min-width: 96px !important;
    box-sizing: border-box;
}
#performanceReportDTT_wrapper .dataTables_scrollHead .widthDTTPerformanceData,
#performanceReportDTTAssetQCTable .widthDTTPerformanceData {
    width: 130px !important;
    max-width: 130px !important;
    min-width: 130px !important;
}
#performanceReportDTT_wrapper table.dataTable thead > tr > th:nth-child(1),
#performanceReportDTT_wrapper table.dataTable thead > tr > th:nth-child(2) {
    left: 0 !important;
}
#performanceReportDTT_wrapper .dataTables_scrollHead .width-dtt-languge,
#performanceReportDTTAssetQCTable .width-dtt-languge {
    width: 96px !important;
    max-width: 96px !important;
    min-width: 96px !important;
}
#performanceReportDTT_wrapper .dataTables_scrollHead .width-dtt-languge.column-subjective {
    width: 96px !important;
    min-width: 96px !important;
}
#performanceReportDTT_wrapper .dataTables_scrollHead .width-dtt-languge.column-subjective-ff {
    width: 96px !important;
    min-width: 96px !important;
    max-width: 96px !important;
}
#performanceReportDTT_wrapper .dataTables_scrollHead .column-subjective-safari {
    width: 96px !important;
    min-width: 96px !important;
}
#performanceReportDTT_wrapper .dataTables_scrollHead .column-subjective-safari-ex {
    width: 96px !important;
    min-width: 96px !important;
}

#performanceReportDTT_wrapper .DTFC_LeftBodyLiner{
    max-width: 149px !important;
    width: 149px !important;
    min-width: 149px !important;
}
#performanceReportDTT_wrapper .DTFC_LeftBodyLiner > table {
    padding-right: 5px !important;
}
.average td {
    background-color: #ebecf0 !important;
}
.disable-scroll {
    overflow: hidden;
    height: 100%;
}
#performanceReportDTT_wrapper .table > tbody > tr > td:nth-child(2) ~ td.bg-gray,
table#performanceDTTStatsTable > tbody > tr > td.bg-gray,
table#performanceReportDTTAssetQCTable > tbody > tr > td:nth-child(2n),
table#performanceDTTAssetQCTable > tbody > tr > td:nth-child(2n+1),
table#loadPerformanceDatatable > tbody > tr > td.bg-gray,
table#loadPerformanceAssetQCDataTable > tbody > tr > td:nth-child(2n+1){
    background: #f5f7f8;
}
#performanceReportDTT_wrapper .table > tbody > tr > td:nth-child(1),
table#performanceReportDTTAssetQCTable > tbody > tr > td:nth-child(2)
{
    background: inherit;
}
table.floatThead-performanceReportDTTAssetQCTable > thead > tr > th:nth-child(2n+1),
table.floatThead-loadPerformanceAssetQCDataTable > thead > tr > th:nth-child(2n){
    color: #787a84;
}
#performanceReportDTT_wrapper .table > thead > tr > th:nth-child(2),
.sortingperformanceReportDTTAssetQCTable .table > thead > tr > th:nth-child(2),
.sortingperformanceReportDTTAssetQCTable .table > thead > tr > th:nth-child(3),
.sortingperformanceReportDTTAssetQCTable .table > thead > tr > th:nth-child(1){
    color: #38393e;
}
table#performanceDTTStatsTable > tbody > tr > td:nth-child(3),
table#performanceDTTStatsTable > tbody > tr > td:nth-child(4),
table#performanceDTTStatsTable > tbody > tr > td:nth-child(5) {
    text-align: center !important;
}
table#performanceDTTStatsTable > tbody > tr > td, table#performanceDTTStatsTable > thead > tr > th{
    padding: .75rem 1rem;
}
#reportTable tbody tr td {
    min-width: 70px;
    word-break: break-word;
    word-wrap: break-word;
}
#reportTable tbody tr td:nth-child(5),
#reportTable tbody tr td:nth-child(7) {
    min-width: 100px;
}
#reportTable tbody tr td:nth-child(6) {
    min-width: 110px;
}
#performanceReportDTT_wrapper table.dataTable thead > tr > th:nth-child(1),
#performanceReportDTT_wrapper table.dataTable thead > tr > th:nth-child(2) {
    color: #38393e !important;
}
#performanceReportDTT_wrapper table.dataTable thead > tr > th:nth-child(3),
#performanceReportDTT_wrapper table.dataTable thead > tr > th:nth-child(4),
#performanceReportDTT_wrapper table.dataTable thead > tr > th:nth-child(5) {
    color: gray !important;
}
/* END ROTATE HEADER TABLE */

/* DTT Performance Chart */
.container-chart,
.container-chart-asset-qc {
    float: left;
    width: 80% ;
}
.chart-legend li span,
.chart-legend-asset-qc li span{
    display: inline-block;
    width: 16px;
    margin-right: 5px;
    margin-bottom: 4px;
}
.chart-legend,
.chart-legend-asset-qc {
  height:530px;
  overflow:auto;
  width: 20%;
  float: left;
}
.chart-legend li,
.chart-legend-asset-qc li {
    cursor:pointer;
    font-size: 13px;
    margin-bottom: 3px;
}
.chart-legend ul,
.chart-legend-asset-qc ul {
    list-style: none;
}
.strike{
    text-decoration: line-through !important;
}
.infoName{font-size: 10px; text-align: justify;float:right;}
/* END DTT Performance Chart */

/* CHART JS */
.wrap-chartjs {
    overflow-x: auto;
    width: 100%;
}
.wrap-chartjs-content {
    position: relative;
    width:100%;
}
.chart-error-report {
    min-width: 1200px;
}
.chart-error-qcperformance,
.chart-productivity,
.chart-aqc-performance {
    min-width: 800px;
}
.chart-weekly-otd {
    min-width: 600px;
}
.prev-scroll {
    display: none;
}
.next-scroll {
    margin-left: auto;
}
.next-prev-button {
    position: absolute;
    top: calc(50% - 15px);
    left: 5px;
    right: 5px;
    margin: auto;
	width: calc(100% - 10px);
	display: flex;
}
.next-prev-button a .fas {
    width: 30px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    border: thin solid #dedede;
    background: rgba(0,0,0,.1);
}
/* END CHART JS */

/* CSS SCROLL */
.scrollTable{
    overflow: auto;
    min-width: initial !important;
    margin-bottom: 10px;
    position: relative;
    height: 500px;
}
.scroll-dtt-file.scrollTable {
    height: auto !important;
    max-height: 680px !important;
}
.scrollTableAssetQC{
    overflow-y: scroll;
    min-width: initial !important;margin-bottom: 10px; position: relative; height: 700px;
    overflow-x: hidden;
}
.scrollTable_rmH{height: initial;}
.scrollTable_rmHAssetQC{
    height: initial;
    overflow-y: hidden !important;
    overflow-x: hidden !important;
}
.title-desc{min-width: 300px;}
.widthDTTPerformanceData{width: 200px; min-width: 130px;}
.widthDTTPerformanceDatasync{width: 200px; min-width: 160px;}
.DTFC_LeftBodyLiner table.dataTable{margin: 0 !important}
.scollperformanceDTTStatsTable .rotate-header::before, .dataTables_scrollHead .rotate-header::before, .floatThead-performanceReportDTTAssetQCTable .rotate-header::before, .floatThead-loadPerformanceAssetQCDataTable .rotate-header::before, .floatThead-loadPerformanceDatatable .rotate-header::before, .floatThead-performanceReportDTTAssetQCTable .rotate-header::before  {
    bottom: 155px !important;
    left: -10px !important;
}
/* END CSS SCROLL  */
#loadPerformanceDatatable,
#loadPerformanceAssetQCDataTable {
    padding-right: 30px;
}
#loadPerformanceAssetQCDataTable {
    max-width: 1805px !important;
    min-width: 1805px !important;
}
#loadPerformanceDatatable .rotate-header:after,
#performanceReportDTTAssetQCTable .rotate-header:after,
#loadPerformanceAssetQCDataTable .rotate-header:after {
    bottom: 135px !important;
    right: inherit !important;
    left: 2px;
}
#loadPerformanceDatatable tbody tr td,
#loadPerformanceAssetQCDataTable tbody tr td {
    padding-left: 7px !important;
    padding-right: 7px !important;
    text-align: center;
    overflow: hidden;
}
#loadPerformanceDatatable tbody tr td:nth-child(11) ~ td,
#loadPerformanceAssetQCDataTable tbody tr td:nth-child(11) ~ td {
    width: 10px !important;
    max-width: 10px !important;
    min-width: 10px !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
}
#loadPerformanceDatatable tbody tr td:nth-child(5),
#loadPerformanceDatatable tbody tr td:nth-child(6),
#loadPerformanceDatatable tbody tr td:nth-child(9),
#loadPerformanceDatatable tbody tr td:nth-child(11) {
    text-align: left;
    box-sizing: border-box !important;
    word-break: break-word !important;
    word-wrap: break-word !important;
}
#loadPerformanceDatatable tbody tr td:nth-child(9) {
    width: 60px !important;
    max-width: 60px !important;
    min-width: 60px !important;
}
#loadPerformanceDatatable tbody tr td:nth-child(5),
#loadPerformanceDatatable tbody tr td:nth-child(11) {
    width: 80px !important;
    max-width: 80px !important;
    min-width: 80px !important;
}
#loadPerformanceDatatable tbody tr td:nth-child(6) {
    width: 100px !important;
    max-width: 100px !important;
    min-width: 100px !important;
}
.width-languages-report-cqc {
    width: 120px !important;
    max-width: 120px !important;
    min-width: 120px !important;
    text-align: right !important;
}
.width-languages-report-dttstate,
.width-linguists-report-cqc {
    width: 150px !important;
    max-width: 150px !important;
    min-width: 150px !important;
}
td.width-languages-report-cqc,
td.width-languages-report-dttstate,
td.width-linguists-report-cqc, th.width-linguists-report-cqc,
#AQCMinutesPerLanguageTable thead > tr > th:nth-child(1) ~ th,
#DTTMinutesPerLanguageTable thead > tr > th:nth-child(1) ~ th,
.sortinglanguageDTTStatsTable thead > tr > th:nth-child(2) ~ th,
.sortinglanguageAssetQCStatsTable thead > tr > th:nth-child(2) ~ th{
    text-align: right;
}
#summaryTable.table > tbody > tr > td:nth-child(1) ~ td, #performanceDTTStatsTable.table > tbody > tr > td:nth-child(14) ~ td, #loadPerformanceDatatable.table > tbody > tr > td:nth-child(7), #loadPerformanceDatatable.table > tbody > tr > td:nth-child(11) ~ td, #languageUnavailabilityTable.table > tbody > tr > td:nth-child(2) ~ td, #DTTMinutesPerLanguageTable.table > tbody > tr > td:nth-child(1) ~ td, #performanceDTTAssetQCTable.table > tbody > tr > td:nth-child(13) ~ td, th.text-right-column, .sortingperformanceDTTStatsTable table > thead > tr > th:nth-child(13) ~ th, .scollperformanceDTTAssetQCTable.table > thead > tr > th:nth-child(13) ~ th, #loadPerformanceAssetQCDataTable.table > tbody > tr > td:nth-child(9) ~ td,
td.text-right-column,
.thead-weeklysummary tr > th:nth-child(1) ~ th {
    text-align: right !important;
}
.fixedHeader-floating ~ .fixedHeader-floating {
	display: none !important;
}
#summaryTable.table > tbody > tr > td:nth-child(1) ~ td,
.thead-weeklysummary tr > th:nth-child(1) ~ th {
    max-width: 190px !important;
    word-break: break-word !important;
    word-wrap: break-word !important;
}
#summaryTable.table > tbody > tr > td:nth-child(1) ~ td.TotalSummary {
    width: 100px !important;
}

.table th, table.dataTable thead > tr > th.sorting, table.dataTable.table-sm > thead > tr > th{
    padding: .75rem;
}
table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc{
    padding-right: 25px !important;
}
#performanceReportDTT_wrapper table.dataTable thead > tr > th, .sortingloadPerformanceDatatable table.dataTable thead > tr > th,
.sortingloadPerformanceAssetQCDataTable table.dataTable thead > tr > th{
    padding-right: .75rem !important;
    left: 15px;
    text-align: -webkit-center;
    text-align: -moz-center;
    text-align: -ms-center;
    text-align-last: left;
}
table.floatThead-performanceReportDTTAssetQCTable thead > tr > th.sorting_asc, table.floatThead-performanceReportDTTAssetQCTable thead > tr > th.sorting_desc{
    padding-right: 10px !important;
}
table.dataTable td.minw-80 {
    min-width: 80px !important;
}
.load-pfd {
    cursor: pointer;
}
.load-pfd:hover {
    text-decoration: underline;
}
#pfd-modal , #asset-qc-modal{
    padding: 0 15px !important;
}
#pfd-modal .modal-dialog,
#asset-qc-modal .modal-dialog {
    width: 100%;
    max-width: initial;
}
.scrollLoadTableAssetQC {
    overflow-y: scroll;
    min-width: initial !important;
    margin-bottom: 10px;
    position: relative;
    max-height: calc(100vh - 265px);
    overflow-x: hidden;
}
.cursor-pointer {
    cursor: pointer;
}
.cursor-pointer:hover {
    text-decoration: underline;
}
#loadPerformanceAssetQCDataTable tbody tr td:nth-child(6),
#loadPerformanceAssetQCDataTable tbody tr td:nth-child(9),
#loadPerformanceAssetQCDataTable tbody tr td:nth-child(5) {
    text-align: left;
    box-sizing: border-box !important;
    word-break: break-word !important;
    word-wrap: break-word !important;
}
#loadPerformanceAssetQCDataTable tbody tr td:nth-child(6){
    width: 190px !important;
    max-width: 190px !important;
    min-width: 190px !important;
}
#loadPerformanceAssetQCDataTable tbody tr td:nth-child(5){
    width: 75px !important;
    max-width: 75px !important;
    min-width: 80px !important;
}
#loadPerformanceAssetQCDataTable tbody tr td:nth-child(9) {
    width: 125px !important;
    max-width: 125px !important;
    min-width: 125px !important;
}
.check_blank{
    width: 11px;
    display: inline-block;
    margin-right: 1rem !important;
}
.pointer-events {
    pointer-events: none;
}
.select2.select2-container.select2-container--default.pointer-events .select2-selection--multiple,
.select2-container--default.select2-container--disabled .select2-selection--multiple{
    background-color: #f0f0f4;
    opacity: 1;
}
.active-column .hidden-column {
    display: none !important;
}
#subcsTab select[readonly].select2-hidden-accessible + .select2-container {
    pointer-events: none;
    touch-action: none;
}

#subcsTab select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
    background: #f0f0f4;
    opacity: 1;
}


/* PAY MENT RATES */
#CQCPaymentRatesTable tr td,
#CQCNetflixRatesTable tr td,
#DTTPaymentRatesTable tr td  {
    max-width: 300px;
    word-break: break-word;
    word-wrap: break-word;
}
#CQCPaymentRatesTable .actions,
#CQCNetflixRatesTable .actions,
.sortingDTTPaymentRatesTable .actions,
.sortingCQCPaymentRatesTable .actions {
  width: 100px;
}
/* END PAY MENT RATES */
/* report QC */
label.labelQCReportRequested {
    vertical-align: top;
    margin-top: 2px;
}
/* =============== WEBMAIL =============== */
.iframe-chat{
    width: calc(100%);
    height: calc(100vh - 155px);
    border: none;
}
.iframe-webmail {
    width: calc(100% + 30px);
    height: calc(100vh - 125px);
    border: none;
    margin: -21px -15px -5px;
}
.panel-iframe-totp{
    display: block !important;
}
.iframe-manage-account{
    height: calc(100vh - 100px);
    border: none;
    width: 1920px;
}
.panel-manage-account{
    display: flex;
    justify-content: center;
}
.panel-iframe-change-password, .panel-iframe-totp{
    display: none;
    overflow: hidden;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    width: 45%;
    margin: 0 auto !important;
}
.typeahead.dropdown-menu {
    right: 15px;
    width: auto;
    max-height: 340px;
    overflow-y: auto;
}
.typeahead.dropdown-menu>.active>a,
.typeahead.dropdown-menu>.active>a:focus,
.typeahead.dropdown-menu>.active>a:hover {
    color: #fff !important;
    background-color: #516cc2 !important;
}
.typeahead .dropdown-item {
    color: #333 !important;
}
.paymentInput {
    display: none;
}
.loading-message-error {
    color: #f00 !important;
}
/* =============== END WEBMAIL =============== */
.remove-padding{
    margin: 0 !important;
    padding: 20px 0 0px 0 !important;
}
.remove-padding .iframe-webmail{
    height: calc(100vh - 72px);
}
.checkboxConfirm, .checkboxApprove {
    pointer-events: none;
}
.note{
    font-size: 11px;
}
/* available css  */
.available-two-thirds:before,
.available-two-thirds:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-bottom: 15px solid transparent;
}
.available-two-thirds:after{
    border-left: 16px solid #eb4856;
    border-top: 15px solid transparent;
    border-right: 15px solid transparent;
    transform: rotate(15deg);
}
.available-two-thirds::before{
    border-right : 15px solid transparent;
    border-top: 16px solid #eb4856;
    border-left: 15px solid transparent;
    transform: rotate(-45deg);
}
.available-half,
.available-one-third {
    background: #eb4856; /* Old browsers */
    background: -moz-linear-gradient(left,  #eb4856 0%, #eb4856 50%, #eb4856 50%, #f3f3f3 51%, #f3f3f3 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #eb4856 0%,#eb4856 50%,#eb4856 50%,#f3f3f3 51%,#f3f3f3 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #eb4856 0%,#eb4856 50%,#eb4856 50%,#f3f3f3 51%,#f3f3f3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb4856', endColorstr='#f3f3f3',GradientType=1 ); /* IE6-9 */
}
.available-one-third::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0.5px;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-right: 15px solid #eb4856;
    border-bottom: 16px solid #eb4856;
    border-left: 15px solid transparent;
    border-top: 15px solid transparent;
    transform: rotate(60deg);
}
.SaSu.unavailable {
    background: #eb4856;
}
.max-w-rm{
    max-width: 80px;
}
#unavailabilityTable.table td,
#unavailabilityTable.table th{
    padding: .40rem !important;
}
/* SaSu available */
.SaSu.available-half,
.SaSu.available-one-third {
    background: #eb4856; /* Old browsers */
    background: -moz-linear-gradient(left,  #eb4856 0%, #eb4856 50%, #eb4856 50%, #31b0d5 51%, #31b0d5 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #eb4856 0%,#eb4856 50%,#eb4856 50%,#31b0d5 51%,#31b0d5 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #eb4856 0%,#eb4856 50%,#eb4856 50%,#31b0d5 51%,#31b0d5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb4856', endColorstr='#31b0d5',GradientType=1 ); /* IE6-9 */
}
.unavailability_action{
    width: 70px;
}
.row-zendesk {
    width: auto;
    flex-direction: row-reverse;
    flex: 1;
}
.push-linguists-detail {
    display: flex;
    flex: auto;
    margin-left: 15px;
    margin-bottom: 8px;
}
#old_email_addresses .row,
.application_documents_container .row {
    margin-bottom: 10px;
    word-break: break-all;
}
.iti--allow-dropdown {
    width: 100%;
}
.iti__country-list {
    min-width: 365px;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
	position: absolute;
}
#endtimepicker .bootstrap-datetimepicker-widget.dropdown-menu {
    right: -42% !important;
    left: inherit !important;
}
#starttimepicker .bootstrap-datetimepicker-widget.dropdown-menu {
    left: -42% !important;
    right: inherit !important;
}

#aqc-end-time-picker .bootstrap-datetimepicker-widget.dropdown-menu {
    right: -35% !important;
    left: inherit !important;
}
#aqc-start-time-picker .bootstrap-datetimepicker-widget.dropdown-menu {
    left: -42% !important;
    right: inherit !important;
    z-index: 99999;
}
.result-add-div:not(.alert),
.result-edit-div:not(.alert),
.result-duplicate-div:not(.alert) {
    display: none;
}
.widthRPUn{
    width: 180px;
}
.push-linguists-detail .btn-del {
    display: inline-block;
}
#unavailabilityTable{
    border-bottom: 1px solid #dee2e6;
}
.top{
    display: none;
    position: fixed;
    top: 15px;
    cursor: pointer;
    right: 15px;
    transition: 0.5s;
    z-index: 99;
}
.top .fas {
    width: 30px;
    height: 30px;
    line-height: 27px;
    padding: 0 10px;
    border: thin solid #dedede;
    background: rgba(0,0,0,.1);
}
.panel-change-password{
    display: none;
}
.bg-breakdown{
    background: #ebecf0 !important;
}
#weeklyIssuesTable tbody tr:nth-child(1) td{
    border-top: inherit !important;
}

.smallSizeModal .modal-dialog  {
    max-width: 450px;
}
.passwordBtnNull {
    display: inline-block;
    width: 27px;
}
.linkcolor{
    color: #337ab7;
}
.label-rate{
    padding: 0 .75rem;
    vertical-align: top;
}
@supports (-ms-ime-align: auto) {
    .input-email-warning{
        margin-top: 0 !important;
    }

    #languageUnavailabilityTable thead .sorting_asc::before,
    #languageUnavailabilityTable thead .sorting_desc::before{
        top: 35px !important;
    }
}
.color-link,
.color-link:hover{
    color: #337ab7;
}
#originator_test_slot{
    padding-left: 5px;
}
.test-date .bootstrap-datetimepicker-widget{
    min-width: 235px !important;
}
.warning-jobtype.alert-danger {
    margin: 0.5rem 0 0 0 !important;
}
.format-textarea {
    background: #f0f0f4;
    height: auto;
    min-height: 34px;
}
.format-textarea p {
    margin-bottom: 0;
}

.sticky-second-header {
    position: -webkit-sticky !important; /* Safari */
    position: fixed !important;
    padding: 20px 0;
    box-shadow: 0 1px 3px rgb(0 0 0 / 20%);
    top: 0;
    z-index: 1030;
    background-color: #f4f6fa;
    width: 100%;
    margin-left: -15px;
}

.js-multiple-tab-dtt-payment {
    gap: 10px
}

/* MEDIA */
@media (min-width: 10px){
    ul.navbar-nav li,
    .breadcrumb-row, .last-update,
    .DTTFileList,
    .linguist-weekly-report-tab {
        display: none;
    }
    header > .navbar {
        height: inherit;
        text-align: center;
        padding: 0 5px;
    }
    .navbar-fix .nav-link {
        padding: 0 .4rem !important;
        font-weight: 600;
        height: 71px;
        align-items: center;
        display: flex;
    }
    .logo-top img {
        max-height: 30px;
        margin-right: 5px;
    }
    .nav-mb{
        display: block !important;
    }
    .navbar-expand-lg .navbar-collapse{
        display: -ms-flexbox !important;
        display: flex !important;
        flex-basis: auto;
    }
    .navbar-expand-lg .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .navbar-fas .nav-item {
        margin-right: 0;
    }
    .dropdown-menu.dropdown-dark.show{
        position: absolute;
        top: 93% !important;
    }

    #breadcrumb .row > div:nth-child(2n){
        margin: 0 0 .5em 0 !important;
    }
    #breadcrumb .row > div:nth-child(3n) > div {
        text-align: center;
    }
    .justify-content-lg-center {
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }
    .mw-180{
        max-width: 100%;
    }

    table.dataTable{
        margin: 0 !important;
        width: 100%;
    }
    .width-input-filter, .form-date {
        width: 100% !important;
        min-width: inherit !important;
    }
    #breadcrumb .row > div:nth-child(3n) > div > .btn{
        margin-bottom: .5em;
        margin-right: 0px !important;
    }
    .panel-default{
        padding: 5px;
    }
    .panel-default.dataTables_wrapper, .panel-default-mb {
        padding: 0;
        border: none;
    }
    .group-filter .form-group-button{
        max-width: 70px;
        min-width: 70px;
        text-align: right;
        padding-left: .5em;
    }
    .column-dtt-active {
        width: 80px;
    }
    .width-languages-report-cqc, .width-languages-report-dttstate, .width-linguists-report-cqc{
        min-width: auto !important;
    }
    #breadcrumb .btn{
        padding: 0 0.7rem;
    }
    #pills-tab.nav{
        flex-wrap:inherit
    }
    .linguists-row ul li {
        flex-grow: 1;
        max-width: 23%;
    }
    .linguists-row .nav-pills .nav-link, .nav-pills .nav-link{
        padding: 0 0.3rem;
        text-align: center;
    }
    .nav-pills .nav-link, .nav-fix > li:first-child > a, .nav-fix > li:last-child > a{
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    #breadcrumb{
        margin: 0;
    }
    .group-filter{
        margin: 0px 0 5px 0 !important;
    }
    .alert-danger{
        padding: 5px;
    }
    .page-header-linguist-details{
        margin: 0 !important;
        position: relative;
    }
    .linguist-details ul li{
        width: 28%;
        text-align: center;
    }
    .linguist-details ul li:nth-child(5){
        width: 44%;
    }
    .linguist-details{
        width: 100%;
    }
    .last-update {
        float: right;
    }
    .load-arrow-linguists{
        display: flex;
        justify-content: space-between !important;
    }
    .btn-zendesk{
        margin-bottom: .5em !important;
        display: inline-block;
    }
    .row-zendesk {
        /* width: 100%; */
        padding: 0 15px;
        margin-bottom: 2px;
        text-align: right;
    }
    .modal-dialog .control-label{
        margin: 6px 0 .5em 0 !important;
    }
    div.dataTables_wrapper div.dataTables_paginate, div.dataTables_wrapper div.dataTables_length {
        line-height: 34px;
        padding: 0;
    }
    .overflow-ellipsis{
        white-space: inherit !important;
    }
    div.dataTables_wrapper div.dataTables_paginate, div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_info{
        width: 100%;
        text-align: center;
    }
    .table-footer.d-flex{
        display: inherit !important;
    }
    .btn-badge-number{
        padding-left: 42px !important;
    }
    .Available-checkbox{
        margin-top: .5rem !important;
    }
    .panel-iframe-change-password, .panel-iframe-totp{
        width: calc(100% + 70px);
        border: 0;
        height: inherit;
        padding: 0;
        box-sizing: border-box;
        margin-left: -35px !important;
        border: 1px solid #ccc;
    }
    .iframe-manage-account {
        width: 100%;
        height: calc(100vh + 100px);
        margin-left: 0;
        padding: 0;
        max-width: 778px;
    }
    .tvt-login-none{
        margin-top: 0 !important;
    }
    .container-iframe{
        max-width: 760px;
    }

    .flex-freelancer-view #pills-tab.nav,
    .linguist-details #pills-tab.nav {
        flex-wrap: wrap;
    }

    .flex-freelancer-view ul>li,
    .linguist-details ul>li {
        width: auto !important;
    }
    .flex-freelancer-view ul>li>a,
    .flex-freelancer-view .netflixTab>ul>li>a,
    .linguist-details ul>li>a,
    .linguist-details .netflixTab>ul>li>a {
        padding: 0 1rem !important;
    }

    .flex-freelancer-view .netflixTab>ul>li,
    .linguist-details .netflixTab>ul>li {
        width: auto !important;
    }
}
@media (max-width: 380px) and (max-height: 720px) {
	.mobile.iframe-change-password,
    .mobile.iframe-totp {
		margin-top: -430px;
	}
    .linguists-row .nav-pills .nav-link {
        padding: 0 0.01rem;
    }
}
@media (min-width: 375px){
    #breadcrumb .row > div:nth-child(3n) > div > .btn:nth-child(1), #breadcrumb .row > div:nth-child(3n) > div > .btn:nth-child(2), #breadcrumb .row > div:nth-child(3n) > div > .btn:nth-child(3){
        width: inherit;
    }
    .linguist-details ul li{
        width: 30%;
        text-align: center;
    }
    .linguist-details ul li:nth-child(5){
        width: 40%;
    }
}
@media (max-width: 330px) {
    .linguists-row .nav-pills .nav-link, .nav-pills .nav-link {
        padding: 0.1rem;
        line-height: initial;
    }

    .language-report-tabs .nav-link,
    .otd-tracker-tabs .nav-link,
    .linguist-report-tabs .nav-link {
        padding: 0.5rem;
    }
}
@media (min-width: 414px){
    #breadcrumb .btn{
        padding: 0 0.87rem;
    }
    .navbar-expand-lg .navbar-collapse{
        margin-bottom: 0;
    }
    .navbar-light .navbar-brand{
        width: inherit;
        text-align: inherit;
    }
    header > .navbar{
        height: 71px;
        padding: 0 1rem;
    }
    .navbar-expand-lg .navbar-collapse{
        display: -ms-flexbox !important;
        display: flex !important;
        flex-basis: auto;
    }
    .navbar-fix .nav-link {
        padding: 0 0.5rem !important;
        font-weight: 600;
        height: 71px;
        align-items: center;
        display: flex;
    }
    .nav-pills .nav-link{
        border-radius: inherit ;
    }
}
@media (min-width: 667px){
    .modal-dialog-Unavailability{
        min-width: 550px !important;
    }
}
@media(min-width: 725px) {
    .iframe-manage-account{
        width: 768px;
    }
    .panel-iframe-change-password, .panel-iframe-totp{
        width: 75%;
        margin: 0 auto !important;
    }
}

@media (min-width: 768px){
    .label-infoname {
        margin: 0 !important;
    }
    .Available-checkbox{
        margin-top: 0 !important;
    }
    .login-right form,
    .login-right .mw-380 {
        max-width: 300px !important;
    }
    .modal-dialog-Unavailability{
        width: 550px;
    }
    .width-input-filter, .form-date {
        width: inherit !important;
        min-width: 270px !important;
    }
    .navbar-expand-lg .navbar-collapse{
        margin-bottom: 0;
    }
    .width-input-filter{
        margin-right: 0 !important;
    }
    .text-error-chart {
        margin-left: 230px;
    }
    .panel-default.dataTables_wrapper, .panel-default-mb {
        border: 1px solid #e2e2e2;
    }
    .application_documents_container .row {
        margin-bottom: 0;
    }
    .container-iframe {
        width: 760px;
        margin: 0 auto;
        max-width: initial;
    }
    .iframe-manage-account{
        height: calc(100vh - 100px);
        border: none;
        width: 783px;
        max-width: initial;
    }
    .panel-iframe-change-password, .panel-iframe-totp{
        width: calc(75% - 38px);
        margin: 0 auto !important;
    }
    .sortingloadPerformanceDatatable .floatThead-container{
        padding-right: 50px !important;
        width: calc(100% - 15px) !important;
    }
    .sortingloadPerformanceDatatable{
        overflow: hidden;
    }
}

@media(min-width: 992px) {
    .top {
        display: none !important;
    }
    .page-header h3.view-linguists-detail {
        position: inherit;
        text-align: right;
        margin-bottom: 0;
    }
    .header-login {
        display: none;
    }
    .btn-badge-number{
        padding-left: calc( 42px) !important;
    }
    .login-right form {
        max-width: 250px !important;
    }
    .navbar-fas .nav-item {
        margin-left: 20px;
        margin-right: 0;
    }
    .modal-dialog {
        width: 780px;
        max-width: 780px;
    }
    .modal-dialog_comment{
        width: 1200px;
        max-width: inherit;
    }

    .modal-dialog_comment-review{
        width: 824px !important;
        max-width: inherit;
    }
    .modal-dialog.modal-dialog-Submit {
        max-width: 500px;
        width: auto;
    }
    /* rp */
    #breadcrumb {
        margin: 20px 0;
    }
    .group-filter{
        margin: 1rem 0 !important;
    }
    .navbar-expand-lg .navbar-nav {
        min-width: auto;
    }
    .modal-dialog {
        width: 810px;
        max-width: 810px;
    }
    .modal-dialog_comment{
        width: 1200px;
        max-width: inherit;
    }

    .modal-dialog_comment-review{
        width: 824px !important;
        max-width: inherit;
    }
    .modal-dialog.modal-dialog-Submit {
        max-width: 500px;
        width: auto;
    }
    .navbar-fas .nav-item{
        margin-left: 0px;
    }
    .logo-top img {
        max-height: 35px;
        margin-right: 0px;
    }
    .navbar-light .navbar-nav .nav-link {
        padding: 0 4px !important;
    }
    .linguists-row ul li{
        width: inherit;
        flex-basis: inherit;
        flex-grow: inherit;
        max-width: 40%;
    }
    #pills-tab.nav{
        flex-wrap: wrap;
    }
    .linguists-row .nav-pills .nav-link, .nav-pills .nav-link{
        padding: 0 0.5rem;
        text-align: inherit;
    }
    .alert-danger{
        margin: 1rem 0 1rem 0 !important;
        padding: .75rem 1.25rem;
    }
    .modal-body > .alert-danger {
        margin-top: 0 !important;
    }
    .td-availability{
        min-width: initial;
        max-width: initial;
    }
    .scrollTableMb{
        overflow: initial;
        min-width: initial !important;
    }
    .page-header-linguist-details{
        margin: 1.5rem 0 !important;
        position: relative;
    }
    .linguist-details ul li{
        width: inherit !important;
    }
    ul.navbar-nav li,
    .breadcrumb-row,
    .DTTFileList,
    .linguist-weekly-report-tab {
        display: block;
    }
    .nav-fix > li:first-child > a {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }
    .nav-fix > li:last-child > a {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    .linguist-details, .btn-zendesk{
        margin-bottom: inherit;
    }
    .linguist-details{
        width: inherit;
    }
    .modal-dialog .control-label{
        margin: 6px 0 0 0 !important;
    }
    .page-header h3.view-linguists-detail,
    .page-header h3.linguist-name{
        display: block;
    }
    .btn-zendesk{
        margin-bottom: inherit !important;
    }
    .row-zendesk{
        width: auto;
        padding: 0;
        margin-bottom: 0;
        text-align: left;
    }
    .remove-next-pre-mobile {
        margin: 0 !important;
    }
    .last-update{
        float: inherit;
    }
    div.dataTables_wrapper div.dataTables_paginate, div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_info{
        width: inherit;
        text-align: inherit;
    }
    .table-footer.d-flex{
        display: flex !important ;
    }
    .panel-default, .panel-default.dataTables_wrapper, .panel-default-mb{
        padding: 20px;
    }
    .mw-360 {
        max-width: 360px;
    }

    #breadcrumb .row > div:nth-child(3n) > div{
        text-align: right;
    }
    .group-filter .form-group-button{
        min-width: 230px;
        max-width: inherit;
    }
    #breadcrumb .row > div:nth-child(3n) > div > .btn{
        margin-bottom: 0;
        margin-right: .5rem !important;
    }
    .freelancerDeleteBtn {
        margin: -12px 0 .5em 0 !important;
        z-index: 999;
        position: relative;
        top: -20px;
        left: 15px;
        left: 0;
        top: 0;
    }
    .push-linguists-detail {
        float: right;
        flex: inherit;
    }
	.remove-next-pre-mobile ~ .push-linguists-detail {
		top: 0;
	}
    .push-linguists-detail.init-neutral-tab{
        left: -660px;
    }
    .push-linguists-detail.hidden-tab-dtt_active{
        left: -299px;
    }
    .pull-linguists-detail {
        position: relative;
        display: flex;
        justify-content: center;
    }
    .pull-linguists-detail.remove-pull-lunguists {
        left: 0;
    }
    .push-linguists-detail.init-only-neutral-tab{
        left: -520px;
    }
    #unavailabilityTable.table td,
    #unavailabilityTable.table th{
        padding: .75rem !important;
    }
    .container-iframe {
        width: 980px;
    }
    .iframe-manage-account{
        width: 1007px;
    }
    .panel-iframe-change-password, .panel-iframe-totp{
        width: calc(75% - 37px);
    }

    .language-report-tabs .nav-link,
    .otd-tracker-tabs .nav-link,
    .payment-rates-tabs .nav-link,
    .linguist-report-tabs .nav-link {
        padding: 0 0.9rem;
    }
}

@media (min-width: 1024px) {
    .freelancerDeleteBtn{
        margin: 0 !important;
    }
    .next-prev-button {
        display: none;
    }
}
@media (min-width: 1180px) {

    .container-iframe {
        width: 1180px;
    }
    .iframe-manage-account{
        width: 1217px;
    }
    .panel-iframe-change-password, .panel-iframe-totp{
        width: calc(75% - 30px);
    }
}

@media (min-width: 1199px) {
    .navbar-fix .nav-link {
        padding: 0px !important;
    }
    .navbar-fas .nav-item {
		margin-left: 5px;
        margin-right: 0;
        padding: .5rem 0rem !important;
    }
	.navbar-light .navbar-nav .nav-link {
		padding: 0 4px !important;
	}
}

@media(min-width: 1366px) {
    .navbar-fas .nav-item {
        margin-left: 7px;
    }
    .width-languages-report-cqc, .width-languages-report-dttstate, .width-linguists-report-cqc{
        min-width: auto !important;
    }
    .navbar-light .navbar-nav .nav-link {
        padding: .5rem .4rem !important;
    }
}
@media(max-width: 1366px) {
    .floatThead-loadPerformanceDatatable {
        padding-right: 15px !important;
    }
    .mw-email{
        max-width: 250px ;
        word-break: break-word;
        min-width: 200px;
    }
    .mw-linguist-otd{
        max-width: 200px ;
    }
}
@media(max-width: 1440px) {
    td.mw-300 {
        max-width: 300px !important;
    }
    .mw-email{
        max-width: 150px ;
        word-break: break-word;
        min-width: 200px;
    }
    .mw-linguist-otd{
        max-width: 150px ;
    }
}
@media(min-width: 1440px) {
    .mw-180{
        max-width: 120px;
    }
    .column-dtt-active {
        width: 80px;
    }
    .navbar-light .navbar-nav .nav-link {
        padding: .5rem 0.45rem !important;
    }
	.logo-top img {
        max-height: 50px;
    }
}
@media(min-width: 1470px) {
    .navbar-light .navbar-nav .nav-link {
        padding: .5rem .5rem !important;
    }
}
@media(min-width: 1550px) {
	.navbar-fas .nav-item {
        margin-left: 15px;
    }
    .navbar-light .navbar-nav .nav-link {
        padding: .5rem .6rem !important;
    }
}
@media(min-width: 1600px) {
    .navbar-light .navbar-nav .nav-link {
        padding: .5rem .7rem !important;
    }
}
@media(min-width: 1700px) {
    .navbar-light .navbar-nav .nav-link {
        padding: .5rem .9rem !important;
    }
}
@media (min-width: 1905px){
    .sortingloadPerformanceDatatable table, .sortingloadPerformanceAssetQCDataTable table{
        padding-right: 20px !important;
    }
}
@media (min-width: 1920px){
    .scrollTableAssetQC, .scrollLoadTableAssetQC {
        overflow-x: hidden !important;
    }
    .sortingloadPerformanceDatatable table, .sortingloadPerformanceAssetQCDataTable table{
        padding-right: 15px !important;
    }
    #reportTable tbody tr td {
        min-width: 100px;
    }
	#reportTable tbody tr td:nth-child(5),
	#reportTable tbody tr td:nth-child(7) {
		min-width: 110px;
	}
	#reportTable tbody tr td:nth-child(6) {
		min-width: 130px;
	}
}
@media (min-width: 2000px){
    .panel-iframe-change-password, .panel-iframe-totp{
        width: 42%;
    }
    .iframe-change-password, .iframe-totp{
        margin-left: -80%;
    }
}
@media (min-width: 2500px){
    .iframe-manage-account{
        width: calc(100% + 30px);
        border: none;
        width: 2560px;
    }
    .panel-iframe-change-password, .panel-iframe-totp{
        display: none;
        overflow: hidden;
        border: 1px solid #e2e2e2;
        border-radius: 5px;
        width: 34%;
        margin: 0 auto !important;
    }
}
/* Mobile landscape */
@media screen and (min-width:320px) and (max-width:767px) and (orientation:landscape) {
    .login-right {
        padding-top: 90px;
    }
    .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
        width: auto !important;
    }
}
/* END MEDIA */

/* MEDIA BUTTON */
@media(max-width: 991px) {
    /*.linguist-on-boarding {*/
    /*    display: none !important;*/
    /*}*/
}
@media all and (min-width: 992px) and (max-width: 1199px) {
    .btn-lg-block {
        width: 100% !important;
        display: block !important;
    }
}

@media all and (min-width: 768px) and (max-width: 991px) {
    .btn-md-block {
        width: 100% !important;
        display: block !important;
    }
}

@media all and (min-width: 576px) and (max-width: 767px) {
   .btn-sm-block {
        width: 100% !important;
        display: block !important;
    }
}
@media all and (max-width: 575px) {
    .btn-xs-block {
        width: 100% !important;
        display: block !important;
    }
}

@media(min-width: 768px),
screen and (min-width:320px) and (max-width:846px) and (orientation:landscape) {
    .row-zendesk.hidden-website {
        display: none;
        padding: 0;
    }
    .btn-del-linguists {
        display: none;
    }
    .push-linguists-detail,
    .hidden-mobile.hidden-program-button {
        display: block !important;
    }
}
@media (max-width: 767px) and (orientation:portrait),
screen and (min-width:320px) and (max-width:846px) and (orientation:landscape) {
    .btn-del-linguists {
        display: inline-block;
        vertical-align: top;
    }
    .btn-del-linguists a,
    .freelancer-view .hidden-website .btn-zendesk {
        margin: 0 !important;
    }
    .hidden-mobile,
    .hidden-button-mobile {
        display: none !important;
    }
    .row-zendesk.hidden-website {
        display: inline-block;
        flex: inherit !important;
        padding: 0;
    }
    .row-zendesk.hidden-website {
        margin-left: 3px;
    }
    .min-w-btn-100 {
        min-width: 100px;
    }
}
/* END MEDIA BUTTON */
@media(max-width: 767px),
 screen and (min-width:320px) and (max-width:846px) and (orientation:landscape) {
    html,
    body {
		width: 100% !important;
		max-width: 100vw !important;
		overflow-x: hidden !important;
    }
    .select2-container,  .group-filter .btn-group, .width-input-filter, .form-inline .custom-select, .form-inline .input-group, .group-filter .btn-group .btn,
    .group-filter .btn-group{
        width: 100% !important;
        max-width: 100% !important;
        min-width: inherit;
        margin-right: 0 !important;
    }
    .error-mb{
        margin: 0 !important;
    }
    .error-mb.alert-danger{
        margin: .5em !important;
    }
    .table-mobile thead,
    .table-mobile.table-collapse tbody tr.collapes:after,
    #linguistsTable.table-mobile tbody tr td:first-child {
        display: none;
    }
    .table-mobile tbody tr {
        background: #fff;
        margin: 0 0 1rem 0;
        display: block;
        border-radius: 2px;
        box-shadow: 0px 1px 2px 0px rgba(9, 30, 66, 0.25);
        padding: 7px 5px;
        border: thin solid #eaeaea;
        position: relative;
    }
    .table-mobile tbody tr:hover {
        background: #fff;
    }
    .table-mobile tbody td {
        border: none;
        padding: 0.3rem 0.3rem;
        position: relative;
        display: block;
        box-sizing: border-box;
    }
    .table-mobile.table-collapse tbody tr {
        overflow: hidden;
        max-height: 42px;
        -webkit-transition: max-height 0.7s ease;
        -moz-transition: max-height 0.7s ease;
        transition: max-height 0.7s ease;
    }
    .table-mobile.table-collapse tbody tr.collapes {
        max-height: 200px;
    }
    #aqcReportFilesTable tbody tr.collapes{
        max-height: 400px;
    }
    .table-mobile.table-collapse tbody tr:before {
        content: "\f063";
        font-family: 'Font Awesome 5 Free';
        position: absolute;
        right: 8px;
        top: 10px;
        background: #fff;
        cursor: pointer;
        z-index: 99;
        width: 20px;
        height: 20px;
        text-align: center;
        transition: 0.2s all ease;
    }
    .table-mobile.table-collapse tbody tr.collapes:before {
        transform: rotate(-90deg);
    }
    .table-mobile.table-collapse tbody tr:after {
        content:"";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 10px;
        background: #fff;
    }

    .table-mobile .bg-grey {
        background-color: rgba(211, 211, 211, 0.8) !important;
    }

    .hidden-collapes {
        max-height: 45px !important;
    }
    .hidden-collapes:before {
        display: none !important;
    }
    /* fix table  */
    .box-mobile-table tbody tr{
        display: flex;
        flex-wrap: wrap;
        padding: 0;
        border: thin solid #eaeaea
    }
    .box-mobile-table tbody tr td{
        width: 50%;
        float: left;
        min-height: 30px;
        word-break: break-word;
    }
    .box-mobile-table tbody tr td:last-child{
        border-bottom: none;
    }
    /*linguistsTable*/
    #linguistsTable.table-mobile tbody tr td:nth-child(4), #linguistsTable.table-mobile tbody tr td:nth-child(6) {
        text-align: right;
    }
    #onBoardingTable.box-mobile-table tbody tr td {
        width: 60%;
    }

    #onBoardingTable.table-mobile tbody tr td:nth-child(12),
    #linguistsTable.table-mobile tbody tr td:nth-child(2),
    #linguistsTable.table-mobile tbody tr td:nth-child(7),
    #CQCAssignmentTable.table-mobile tbody tr td:nth-child(3),
    #CQCAssignmentTable.table-mobile tbody tr td:nth-child(10) {
        width: 100%;
    }
    #onBoardingTable.table-mobile tbody tr td:nth-child(3),
    #onBoardingTable.table-mobile tbody tr td:nth-child(5),
    #onBoardingTable.table-mobile tbody tr td:nth-child(7){
        text-align: right;
        width: 40%;
    }
    #onBoardingTable.table-mobile tbody tr td:nth-child(1),
    #onBoardingTable.table-mobile tbody tr td:nth-child(10),
    #onBoardingTable.table-mobile tbody tr td:nth-child(11){
        display: none;
        width: 0;
    }
    /* CQCAssignmentTable */
    #CQCAssignmentTable.table-mobile tbody tr td:nth-child(5),
    #CQCAssignmentTable.table-mobile tbody tr td:nth-child(7){
        text-align: right;
    }

    #CQCAssignmentTable.table-mobile tbody tr td:nth-child(2)
    {
        display: none;
    }

    #SCSAssignmentTable.table-mobile tbody tr td:nth-child(5) ,
    #SCSAssignmentTable.table-mobile tbody tr td:nth-child(7)
    {
        text-align: right;
    }

    /* PAGING */
    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        display: block;
        width: 100%;
    }
    div.dataTables_wrapper div.dataTables_paginate ul.pagination li {
        display: inline-block;
        margin: 3px;
    }
    div.dataTables_wrapper div.dataTables_paginate ul.pagination,
    div.dataTables_wrapper div.dataTables_paginate {
        white-space: inherit !important;
    }
    .pagination > li.dot {
        float: none !important;
    }
    div.dataTables_wrapper div.dataTables_length {
        padding-bottom: 10px;
        margin-top: 5px;
    }
    /* freelancer-view */
    .freelancer-view{
        margin: 0 0 .5em 0 !important;
    }
    .freelancer-view .freelancer-toggle {
        padding: 0 !important;
        width: 100% !important;
        margin-bottom: 0.5em;
    }
    /*.flex-freelancer-view{*/
    /*    display: inherit !important;*/
    /*}*/
    /*.freelancer-view #pills-tab{*/
    /*    width: 100%;*/
    /*    margin: 0 0p 5px !important;*/
    /*}*/
    .freelancer-view #pills-tab li {
        width: 30%;
    }
    .freelancer-view #pills-tab li:nth-child(4){
        width: 40%;
    }
    /*.freelancer-view .btn-zendesk{*/
    /*    float: right !important;*/
    /*    margin-top: .5em !important;*/
    /*    margin-right: 15px !important;*/
    /*    margin-bottom: 0 !important;*/
    /*}*/
    .freelancer-view .form-group-button{
        text-align: center;
        margin: 0 -15px !important;
    }

    .table-mobile.dataTable td.dataTables_empty{
        width: 100% !important;
    }
    .form-group.mb-2.pb-2.border-bottom label.col-sm-4.mt-2{
        margin-top: 0 !important;
    }
    .header-general-infomation {
        float: left;
        display: flex;
        align-items: center;
        max-width: calc(100% - 135px);
        min-height: 34px;
        line-height: 18px;
    }
    #weeklyReportOtdTable tbody tr td:first-child ~ td {
        text-align: right;
        position: relative;
    }
    #weeklyReportOtdTable tbody tr td:first-child ~ td:before {
        position: absolute;
        left: 0.3rem;
    }
    #weeklyReportOtdTable tbody tr td:nth-child(2):before {
        content:"PID/MID";
    }
    #weeklyReportOtdTable tbody tr td:nth-child(3):before {
        content:"Date Due";
    }
    #weeklyReportOtdTable tbody tr td:nth-child(4):before {
        content:"Date Delivered";
    }
    #aqcReportFilesTable tbody tr td:first-child ~ td {
      text-align: right;
      position: relative;
        padding-left: 45px;
    }
    #aqcReportFilesTable tbody tr td:first-child ~ td:before {
        position: absolute;
        left: 0.3rem;
    }
    #aqcReportFilesTable tbody tr td:nth-child(2):before {
        content:"QC Submit Date";
    }
    #aqcReportFilesTable tbody tr td:nth-child(3):before {
        content:"Title ID";
    }
    #aqcReportFilesTable tbody tr td:nth-child(4):before {
        content:"Package ID";
    }
    #aqcReportFilesTable tbody tr td:nth-child(5):before {
        content:"Title";
    }
    #aqcReportFilesTable tbody tr td:nth-child(6):before {
        content:"AssetQC Result";
    }
    #aqcReportFilesTable tbody tr td:nth-child(7):before {
        content:"Issues List";
    }
    #aqcReportFilesTable tbody tr td:nth-child(8):before {
        content:"Count";
    }
    .showLoadingPage {
        position: relative !important;
    }
    #starttimepicker .bootstrap-datetimepicker-widget.dropdown-menu{
        left: calc(50% - 247px) !important;
    }
    #endtimepicker .bootstrap-datetimepicker-widget.dropdown-menu{
        right: calc(50% - 247px) !important;
    }
	#aqc-start-time-picker .bootstrap-datetimepicker-widget.dropdown-menu{
        left: calc(80% - 247px) !important;
    }
    #aqc-end-time-picker .bootstrap-datetimepicker-widget.dropdown-menu{
        right: calc(50% - 247px) !important;
    }
    .linguists-row, .linguists-btn{
        padding: 0;
    }
    .form-group-button .btn{
        margin-right: 0px !important;
    }

    #SCSAssignmentTable .col-known-as,
    #SCSAssignmentTable .col-roles,
    #SCSAssignmentTable .unavColumns {
        width: 100% !important;
    }
    #aqcRoles .btn-cancel, #aqcRoles .btn-save, #roles .btn-cancel, #roles .btn-save{
        padding: 0 8px;
    }
}
@media(max-width: 1600px) {
    #loadPerformanceDatatable,
    #loadPerformanceAssetQCDataTable {
        padding-right: 0px;
    }
    #DTTMinutesPerLanguageTable .width-languages-report-cqc,
    .width-languages-report-cqc {
        width: 80px !important;
        max-width: 80px !important;
        min-width: 80px !important;
    }
}
@media(max-width: 1599px) {
    .scrollLoadTableAssetQC{
        overflow: scroll;
    }
}
@media(max-width: 767px) {
    #chat-zulip-menu {
        display: none !important;
    }
}

@media(max-width: 600px) {
    #starttimepicker .bootstrap-datetimepicker-widget.dropdown-menu, #aqc-end-time-picker .bootstrap-datetimepicker-widget.dropdown-menu{
        left: 0% !important;
    }
    #endtimepicker .bootstrap-datetimepicker-widget.dropdown-menu, #aqc-start-time-picker .bootstrap-datetimepicker-widget.dropdown-menu{
        right: 0% !important;
    }
    #starttimepicker,#aqc-start-time-picker .bootstrap-datetimepicker-widget.dropdown-menu{
        z-index: 9999;
    }
}
@media(max-width: 320px) {
    #starttimepicker .bootstrap-datetimepicker-widget.dropdown-menu, #aqc-end-time-picker .bootstrap-datetimepicker-widget.dropdown-menu{
        left: 0% !important;
    }
    #endtimepicker .bootstrap-datetimepicker-widget.dropdown-menu, #aqc-start-time-picker .bootstrap-datetimepicker-widget.dropdown-menu{
        left: 0% !important;
    }
    #starttimepicker,#aqc-start-time-picker .bootstrap-datetimepicker-widget.dropdown-menu{
        z-index: 9999;
    }
}
/* END MEDIA TABLE MOBILE */


/* CSS ONLY EDGE */
@supports (-ms-ime-align: auto) {
    #performanceReportDTT_wrapper table.dataTable thead > tr > th, .sortingloadPerformanceDatatable table.dataTable thead > tr > th, .sortingloadPerformanceAssetQCDataTable table.dataTable thead > tr > th {
        left: 0 !important;
        position: relative;
        text-align: -ms-center;
    }
    .rotate-header, .rotate-header > div {
        left: 30px !important;
    }
    .scollperformanceDTTStatsTable .rotate-header::before, .dataTables_scrollHead .rotate-header::before {
        left: 0 !important;
    }
    table.dataTable thead .sorting::before, table.dataTable thead .sorting_asc::before, table.dataTable thead .sorting_desc::before, table.dataTable thead .sorting_asc_disabled::before, table.dataTable thead .sorting_desc_disabled::before {
        bottom: 0 !important;
    }
    table.dataTable thead .sorting::before, table.dataTable thead .sorting_asc::before, table.dataTable thead .sorting_desc::before, table.dataTable thead .sorting_asc_disabled::before, table.dataTable thead .sorting_desc_disabled::before {
        right: 7px !important;
    }
    .scollperformanceDTTStatsTable .rotate-header::before, .dataTables_scrollHead .rotate-header::before, .floatThead-performanceReportDTTAssetQCTable .rotate-header::before, .floatThead-loadPerformanceAssetQCDataTable .rotate-header::before, .floatThead-loadPerformanceDatatable .rotate-header::before, .floatThead-performanceReportDTTAssetQCTable .rotate-header::before {
        left: 14px !important;
        bottom: 155px !important;
    }
    #performanceReportDTT_wrapper table.dataTable thead .sorting::before,
    #performanceReportDTT_wrapper table.dataTable thead .sorting_asc::before,
    #performanceReportDTT_wrapper table.dataTable thead .sorting_desc::before,
    #performanceReportDTT_wrapper table.dataTable thead .sorting_asc_disabled::before,
    #performanceReportDTT_wrapper table.dataTable thead .sorting_desc_disabled::before,
    table.floatThead-loadPerformanceDatatable.dataTable thead .sorting::before,
    table.floatThead-loadPerformanceDatatable.dataTable thead .sorting_asc::before,
    table.floatThead-loadPerformanceDatatable.dataTable thead .sorting_desc::before,
    table.floatThead-loadPerformanceDatatable.dataTable thead .sorting_asc_disabled::before,
    table.floatThead-loadPerformanceDatatable.dataTable thead .sorting_desc_disabled::before {
        top: 5px !important;
    }
    #performanceReportDTT_wrapper table.dataTable thead th:nth-child(1).sorting::before,
    #performanceReportDTT_wrapper table.dataTable thead th:nth-child(1).sorting_asc::before,
    #performanceReportDTT_wrapper table.dataTable thead th:nth-child(1).sorting_desc::before,
    #performanceReportDTT_wrapper table.dataTable thead th:nth-child(1).sorting_asc_disabled::before,
    #performanceReportDTT_wrapper table.dataTable thead th:nth-child(1).sorting_desc_disabled::before,
    #performanceReportDTT_wrapper table.dataTable thead th:nth-child(2).sorting::before,
    #performanceReportDTT_wrapper table.dataTable thead th:nth-child(2).sorting_asc::before,
    #performanceReportDTT_wrapper table.dataTable thead th:nth-child(2).sorting_desc::before,
    #performanceReportDTT_wrapper table.dataTable thead th:nth-child(2).sorting_asc_disabled::before,
    #performanceReportDTT_wrapper table.dataTable thead th:nth-child(2).sorting_desc_disabled::before {
        top: 81% !important;
    }

    .comment-list ul li{float:left; width:100%;}
    .comment-list ul li div.content{float:left; width:100%;}
}

/* END CSS ONLY EDGE */

#AQCMinutesPerLinguistTab::before,
#DTTMinutesPerLinguistTab::before,
#AQCMinutesPerLanguageTab::before,
#DTTMinutesPerLanguageTab::before {
  content: "";
  display: block;
  height: 9999px;
  margin-top: -9999px;
}

.hidden-zulip-chat {
    display: none !important;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
    display: block !important;
    height: auto !important;
}
.link-mailto {
    min-width: 130px;
    text-align: right;
    color: #337ab7;
}

#tvt_test_date + .bootstrap-datetimepicker-widget table td.day,
#tvt_test_date + .bootstrap-datetimepicker-widget table td.new {
    color: #595b62;
}
#tvt_test_date + .bootstrap-datetimepicker-widget table td.disabled {
    color: #dee2e6;
}
#DTTMinutesPerLanguageTable thead ~ colgroup ~ thead,
#AQCMinutesPerLanguageTable thead ~ colgroup ~ thead {
	display: none;
}
.floatThead-container{
    top: -1px !important;
}

/* CHANGE PASSWORD KEYCLOAK */
@media(max-width: 768px) {
    .panel-iframe-change-password.logout,
    .panel-iframe-totp.logout {
        width: 100% !important;
        margin: 0 auto !important;
    }
    .panel-iframe-change-password.logout .iframe-change-password,
    .panel-iframe-totp.logout .iframe-totp {
        margin-top: -220px;
        margin-left: 0;
        width: 100%;
    }
}
@media (orientation:portrait) and (max-width: 450px) {
    .panel-iframe-change-password.logout,
    .panel-iframe-totp.logout {
        width: calc(100% + 50px) !important;
        margin-left: -25px !important;
    }
}
@media (orientation:landscape) and (max-width: 850px){
    .panel-iframe-change-password.logout .iframe-change-password,
    .panel-iframe-totp.logout .iframe-totp {
      margin-top: 0px;
      margin-left: calc(-7% - 80px);
    }
}
@media (orientation:landscape) and (max-width: 767px){
    .panel-iframe-change-password.logout .iframe-change-password,
    .panel-iframe-totp.logout .iframe-totp {
      margin-top: -100px;
      margin-left: 0;
    }
}
/* END CHANGE PASSWORD KEYCLOAK */

/* badge */

.badge-shape {
    padding: 5px 10px;
    color: #fff;
    word-break: break-all;
    display: inline-block !important;
    -webkit-transition: color 0.2s;
    outline: 0;
    text-decoration: none !important;
    position: relative;
}
.badge-shape:hover {
    color: #fff;
}

.bg-role-manager, .bg-role-lqa-initiative  {
    background: #6182e8 !important;
}
.bg-role-manager:hover, .bg-role-lqa-initiative:hover {
    background-color: #516cc2 !important;
}

.bg-grey {
    background-color: rgba(211, 211, 211, 0.8);
}
.bg-yellow {
    background-color: rgba(255, 254, 200, 0.8) !important;
}
.bg-grey {
    background-color: rgba(211, 211, 211, 0.8);
}
.bg-blue {
    background-color: #c2f1ff !important;
}
tr.bg-blue:hover {
    background-color: #6eddff !important;
}
.bg-yellow:hover {
    background-color: rgba(253, 250, 114, 0.8) !important;
}

/* grades bgs*/
.bg-a {
    background-color:#4FC801;
}
.bg-b {
    background-color:#f28f16;
}
.bg-b-plus {
    background-color:#c7b704;
}
.bg-c {
    background-color:#f74d16;
}
.bg-default {
    background-color: #595b62;
}

/* badge radius */
.bg-radius-50 {
    border-radius: 50%;
}
.bg-radius-20 {
    border-radius: 20px;
}

@media screen and (max-width: 1650px)  {
    .bg-radius-20 {
        border-radius: 10px;
    }
    .badge-shape {
        padding: 3px 5px;
    }
}


.cqcActive > .panel-default > .form-inline,
.scsActive > .panel-default > .form-inline {
    max-width: calc(100% - 70px);
}

.table-layout-fixed {
    table-layout: fixed;
}


#linguistsTable thead tr th:nth-child(2),
#onBoardingTable thead tr th:nth-child(2) {
    width: 180px;
}

#linguistsTable tbody tr td:nth-child(2),
#onBoardingTable tbody tr td:nth-child(2)
{
    width: 180px;
}

#calendar-tab .panel-default {
    display: flex;
}
#calendar-tab .panel-default #linguists-calendar-listing-holder{
    flex: 1;
    margin-top: 16px;
    margin-right: 10px;
    max-height: 649px;
}
#calendar-tab .panel-default #linguists-calendar-listing-header p{
    font-weight: bold;
    margin-left: 2px;
}
#calendar-tab .panel-default #linguists-calendar-listing{
    border: 1px solid #eee;
    padding: 15px 10px;
    height: 100%;
    overflow: auto;
}
#calendar-tab .panel-default #linguists-calendar-listing::-webkit-scrollbar {
    width: 8px;
}
#calendar-tab .panel-default #linguists-calendar-listing::-webkit-scrollbar-track {
    background-color: #fff;
    border: 0;
    border-left: 1px solid #eee;
}
#calendar-tab .panel-default #linguists-calendar-listing::-webkit-scrollbar-thumb {
    background-color: #ddd;
}
#calendar-tab .panel-default #linguists-calendar{
    flex: 4;
    min-height: 700px;
    max-height: 700px;
}
#linguists-calendar-listing .list-group .list-group-item{
    padding: 10px;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    display: flex;
}
#linguists-calendar-listing .list-group .list-group-item .list-group-item-color{
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin-left: 2px;
    margin-right: 9px;
    position: relative;
    top: 3px;
}
#linguists-calendar-listing .list-group .list-group-item span:last-child{
    flex: 1;
}
.fc .fc-toolbar-title {
    font-size: 1.75em !important;
}
#linguists-calendar-listing{
    position: relative;
}
#linguists-calendar-listing .loader, .onboarding-progress-panel .loader{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #33333338;
    z-index: 2;
}
#linguists-calendar-listing .loader i, .onboarding-progress-panel .loader i{
    position: absolute;
    left: 50%;
    top: 50%;
}
.onboarding-progress-panel .loader {
    margin-top: 59px;
}
.onboarding-progress-panel .card-body {
    min-height: 200px;
    padding: 20px;
}
.calendar-linguists-toggle{
    cursor: pointer;
}
.js-multiple-tab-dttActive .btn {
    margin-top: -2px;
}

/**
 DTTAssignmentTable
 COLGROUP STYLES
**/
#DTTAssignmentTable .col-checkbox {
    width: 4ch;
}

#DTTAssignmentTable .col-lang-pair {
    width: 20ch;
}

#DTTAssignmentTable .col-epe,
#DTTAssignmentTable .col-aqc{
    width: 10ch;
}

#DTTAssignmentTable .col-grade {
    width: 12ch;
}

#DTTAssignmentTable .col-dtt-roles{
    min-width: 25ch;
}

#DTTAssignmentTable .col-name {
    min-width: 15ch;
    overflow-wrap: break-word;
}
#DTTAssignmentTable .col-netflix-login {
    min-width: 15ch;
    max-width: 30ch;
    overflow-wrap: break-word;
}

/**
RESPONSIVE TABLE
Use this class to rebuild table to mobile view cards
**/
.responsive-table {
    word-break: break-word;
}

@media screen and (max-width: 600px) {

    .responsive-table-wrapper{
        background-color: transparent;
        margin-top: 15px;
    }
    .responsive-table {
        display: block;
    }
    .responsive-table thead {
        visibility: hidden;
        height: 0;
        position: absolute;
    }

    .responsive-table tbody {
        display: grid;
        grid-template-columns: auto;
        grid-template-rows: auto;
        grid-gap: 15px;
    }

    .responsive-table tr {
        border: 1px solid #ddd;
        padding: 10px;
        background-color: #fff;
        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
        display: grid;
        grid-template-rows: auto;
        grid-gap: 5px;
    }
    .responsive-table td {
        font-size: 0.9em;
        line-height: 1.5em;
        text-align: left;
        border: 0;
        padding: 0px 5px 0px 5px;
    }

    .responsive-table td:nth-child(3) {
        font-weight: bold;
    }

    .responsive-table td.hide_column {
        display: none;
    }
}

/* -------------------------------------------------------------------------
  VERTICAL STEPPERS
-------------------------------------------------------------------------- */

/* Steps */
.step {
    position: relative;
    min-height: 1em;
    color: gray;
}
.step + .step {
    margin-top: 3em
}
.step > div:first-child {
    position: static;
    height: 0;
}
.step > div:not(:first-child) {
    margin-left: 2.5em;
    padding-left: 1em;
}
.step.step-active {
    color: #ffc107;
    font-weight: bold;
}
.step.step-active .circle {
    background-color: #ffc107;
}

.step.step-active.step-final {
    color: #28a745;
}
.step.step-active.step-final .circle {
    background-color: #28a745;
}


/* Circle */
.circle {
    background: gray;
    position: relative;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    font-weight: bold;
}

/* Vertical Line */
.circle:after {
    content: ' ';
    position: absolute;
    display: block;
    top: 1px;
    right: 50%;
    bottom: 1px;
    left: 50%;
    height: 92%;
    width: 1px;
    transform: scale(1, 2);
    transform-origin: 50% -100%;
    background-color: rgba(0, 0, 0, 0.25);
}
.step:last-child .circle:after {
    display: none
}

/* Stepper Titles */
.title {
    line-height: 27px;
}
.caption {
    font-size: 0.8em;
}

.step-passed:not(.step-active) .title {
    text-decoration: line-through;
    color: #5a5a5ac9;
}
.step-passed:not(.step-active) .circle {
    background-color: #5a5a5ac9;
}
.step-coming .title {
    color: #b8b8b8;
}
.step-coming .circle {
    background-color: #b8b8b8;
}
.select2-selection__choice[title="used-dialect"] .select2-selection__choice__remove {
    display: none !important;
}
#settingGradeTable tr td:nth-child(5){
    text-align: left !important;
}
tr.child-row, tr.child-row td{
    border-color: transparent !important;
}
#DTTAssignmentTable tbody tr td:nth-child(9){
    max-width: 200px !important;
    min-width: 60px !important;
}
#DTTAssignmentTable tbody tr td:last-child{
    max-width: 250px !important;
    min-width: 60px !important;
}
#DTTAssignmentTable tbody tr.child-row td {
    min-width: 60px !important;
}
table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc {
    padding-right: 19px !important;
}