.product-logo {
    /*margin: 0 0 4px 4px;*/
    margin: -6px 0 0 0;
    width: 180px;
    height: 36px;
    background-image: url(images/product_logo.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.jqNumericFloat {
    /* Just a placeholder */
}

.sqProgress {
    background-image: url('images/loading.gif');
    width: 16px;
    height: 16px;
}

.center-dialog {
    left: 50%;
    transform: translateX(-50%);
    overflow-y: auto;
}

#lblLoginVersion {
    font-family: Arial;
    font-size: 9px;
    right: 0;
    bottom: 0;
    position: absolute;
}

.version {
    /*width: 100%;*/
    padding: 4px 8px 4px 8px;
    /*background: #615248 url(jquery/images/ui-bg_highlight-soft_75_615248_1x100.png) 50% 50% repeat-x;*/
    /*color: #f3f3f3;*/
}

.bottomMargin {
    margin-bottom: 10px;
}

#dAdditionalInfo {
    max-height: 200px;
    overflow-x: hidden;
}

    #dAdditionalInfo > div:first-child {
        margin-top: 10px;
    }

.topMargin {
    margin-top: 10px;
}

.topMargin-important {
    margin-top: 10px !important;
}

.leftMargin {
    margin-left: 10px;
}

.left-margin-md {
    margin-left: 15px;
}

.checkbox-padding {
    padding-top: 7px;
}

.table {
    /*table-layout: fixed;*/
    word-wrap: break-word;
}

.dropdown-menu a.checkbox {
    padding-left: 40px;
}

.nav > li > button {
    display: block;
    padding: 10px 15px;
    position: relative;
}

.navbar-nav > li > button {
    line-height: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.navbar-nav > li > button {
    padding-bottom: 15px;
    padding-top: 15px;
}

.navbar-default .navbar-nav > li > button {
    color: #777;
    border: 0;
}

    .navbar-default .navbar-nav > li > button:hover,
    .navbar-default .navbar-nav > li > button:focus {
        color: #333;
        background-color: transparent;
        text-decoration: none;
    }


.gr-breadcrumb {
    /*padding: 8px 15px;*/
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
}

    .gr-breadcrumb > ul {
        display: inline-block;
        /*padding: 8px 15px;*/
        padding: 0px 15px;
        margin-bottom: 0;
        /*padding-left: 0;*/
    }

        .gr-breadcrumb > ul.gr-breadcrumb-nav {
            padding: 8px 24px 8px 15px;
            /*padding: 0px 24px 0px 15px;*/
            background-color: #c0c0c0;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
        }

        .gr-breadcrumb > ul > li {
            display: inline-block;
        }

        .gr-breadcrumb > ul + ul {
            margin: 0px 0px 0px 9px;
        }

        .gr-breadcrumb > ul > li + li.gr-breadcrumb-main-li {
            margin: 0px 0px 0px 24px;
        }

        /*.gr-breadcrumb > li + li:before {
            padding: 0 5px;
            color: #ccc;
            content: "/\00a0";
        }*/

        .gr-breadcrumb > ul.gr-breadcrumb-nav > li > a {
            color: #777;
        }

            .gr-breadcrumb > ul.gr-breadcrumb-nav > li > a:focus,
            .gr-breadcrumb > ul.gr-breadcrumb-nav > li > a:hover {
                color: #555;
                text-decoration: none;
            }

        .gr-breadcrumb > ul.gr-breadcrumb-nav > li.active {
            color: #428bca;
        }

        /*.gr-breadcrumb > ul.gr-breadcrumb-nav > li.active:focus,
            .gr-breadcrumb > ul.gr-breadcrumb-nav > li.active:hover {
                color: #2a6496;
            }*/

        .gr-breadcrumb > ul.gr-breadcrumb-opt > li {
            padding: 8px;
        }

            .gr-breadcrumb > ul.gr-breadcrumb-opt > li.active,
            .gr-breadcrumb > ul.gr-breadcrumb-opt > li.active:hover,
            .gr-breadcrumb > ul.gr-breadcrumb-opt > li.active:focus {
                color: #555;
                background-color: #e7e7e7;
            }

            .gr-breadcrumb > ul.gr-breadcrumb-opt > li > a {
                color: #777;
            }

                .gr-breadcrumb > ul.gr-breadcrumb-opt > li > a:hover,
                .gr-breadcrumb > ul.gr-breadcrumb-opt > li > a:focus {
                    color: #333;
                    background-color: transparent;
                    text-decoration: none;
                }

.div-border {
    border: 1px solid #808080;
    border-radius: 3px;
}

.div-padding {
    padding-left: 5px;
    padding-right: 5px;
}

.center-y {
    vertical-align: middle;
    margin: 0 0 0 0;
}

.btn-horizontalAndVerticalMargin {
    margin: 2px;
}

.btn-horizontalMargin {
    margin: 0px 2px;
}

.btn-verticalMargin {
    margin: 2px 0px;
}

.scrollable-dropdown {
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
}

form.update-checker {
    margin-top: 35px;
}

    form.update-checker div.form-group {
        padding-left: 20px;
    }

    form.update-checker label.control-label {
        text-align: left;
    }

/* Editor */
.label-next-to-checkbox {
    margin-left: 5px;
}

#cmbSeverities {
    width: 100%;
    height: 24px;
    padding: 1px 5px;
    margin: 5px 0;
}

div.noneditable,
div.editable {
    border: solid 2px Transparent;
    padding: 2px;
    min-height: 15px;
}

    div.editable:hover {
        border-color: black;
        cursor: pointer;
    }

.rateText {
    font-family: Arial;
    font-size: 9px;
    margin: 0;
    padding: 0;
}

div.tu-progress {
    width: 50px;
    display: inline-block;
}

    div.tu-progress div.progress {
        height: 11px;
    }

        div.tu-progress div.progress div.progress-bar {
            line-height: inherit;
            min-width: 2em;
        }

img.perfect-match {
    height: 14px;
}


button.editor-image {
    margin-bottom: 0;
    padding: 2px;
    width: 31px;
    height: 31px;
}

    button.editor-image + div.popover {
        max-width: none;
    }

div.editor-image {
    width: 25px;
    height: 25px;
    position: relative;
}

img.editor-image-min {
    bottom: 0;
    height: auto;
    left: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    vertical-align: middle;
    width: auto;
}

div.editor-image-big img {
    max-width: 800px;
    max-height: 800px;
}

div.editor-image-big button {
    float: right;
    margin-bottom: 5px;
}

div.editor-image-big table {
    width: 100%;
    margin: 5px 0;
}

    div.editor-image-big table th {
        text-align: center;
        padding: 0 5px;
    }

    div.editor-image-big table td {
        padding: 0 5px;
    }

.copyLR {
    position: absolute;
    bottom: 0px;
    margin: 3px;
    opacity: 0.4;
}

    .copyLR.copyLR-hover {
        opacity: 1;
    }

    .copyLR.copyLR-left {
        /*float: left;*/
        right: 0;
    }

    .copyLR.copyLR-right {
        /*float: right;*/
        left: 0;
    }

.download-archive-before-upload {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    padding: 0 0 3px;
}

/*Validation styles*/
.uploadFile-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

/* The datatable tends to modify the default multiselect padding-left (40px by default) */
.dataTables_wrapper .multiselect-container > li > a > label.checkbox {
    padding-left: 20px;
}

.form-inline .multiselect-container li a label.checkbox input[type="checkbox"], .form-inline .multiselect-container li a label.radio input[type="radio"] {
    margin-left: 0;
    margin-right: 0;
}

#tblEditor_wrapper_div {
    padding-left: 0;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

#tblEditor {
    table-layout: fixed;
}

#divSideBar {
    padding-left: 0;
    padding-right: 0;
    /*margin-right: 10px;*/
}

    #divSideBar.affix-top {
        position: static;
    }

    #divSideBar.affix {
        position: fixed;
        top: 10px;
        right: 15px;
    }

#divTermRecognitionBody {
    overflow: auto;
    font-size: 11px;
}

#divTermRecognition {
    margin-bottom: 10px;
}

.dropdown-menu-fixed-pos {
    position: fixed;
}

#divTMLookupBody {
    overflow-x: scroll;
    font-size: 11px;
}

    #divTMLookupBody table {
        width: 100%;
        border: 1px solid darkgray;
    }

        #divTMLookupBody table th {
            border: 1px solid darkgray;
            width: 50%;
        }

        #divTMLookupBody table tr:not(:first-child) {
            border-bottom: 1px solid darkgray;
        }

        #divTMLookupBody table tr td {
            border-right: 1px solid darkgray;
        }

            #divTMLookupBody table tr td span {
                /*font-weight: bold;*/
            }

#divTMLookup {
    margin-bottom: 10px;
}

table.import {
    margin-left: 15px;
    margin-right: 15px;
}

    table.import th, table.import td {
        padding-right: 5px;
        padding-bottom: 5px;
    }

table.table.import {
    width: auto;
}

table.dqf {
    margin-left: 15px;
    margin-right: 15px;
}

    table.dqf th, table.dqf td {
        padding-right: 25px;
        padding-bottom: 5px;
    }


.user-import {
    overflow-y: auto;
    max-height: 250px;
}

.control-label-for-dropdown {
    padding-top: 6px;
    padding-bottom: 6px;
}

.dropdown-btn {
    clear: both;
    color: #333;
    display: block;
    font-weight: normal;
    line-height: 1.42857;
    padding: 3px 20px;
    white-space: nowrap;
    text-decoration: none;
    background: transparent none repeat scroll 0 0;
}

    .dropdown-btn:hover, .dropdown-btn:focus {
        background-color: #f5f5f5;
        color: #262626;
        text-decoration: none;
    }

    .dropdown-btn:active, .dropdown-btn.active {
        box-shadow: none;
    }

.table-filter {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}

.dataTables_filter.jump-to {
    display: inline-block;
    margin-left: 5px;
}

    .dataTables_filter.jump-to > label {
        margin-top: 2px;
        margin-bottom: 4px;
    }

.dataTables_filter > label {
    margin-top: 4px;
    margin-bottom: 2px;
}

    .dataTables_filter > label > input {
        margin-right: 5px;
    }

        .dataTables_filter > label > input.jump-to {
            width: 50px;
        }

.dataTables_filter + .filters > div {
    margin-right: 5px;
}

#dtpChangeDate input {
    float: none;
}

@media screen and (min-width: 840px) {
    .filter-div {
        display: table-cell;
    }

        .filter-div + .filter-div > div {
            margin-left: 3px;
        }

    #tblTranslationFiles_wrapper div.reference-files > div {
        margin-right: 3px;
    }
}

#client-accordion.panel-group .panel {
    overflow: visible;
}

.panel .panel {
    margin-left: 15px;
    margin-right: 15px;
}

#sampling-accordion.panel-group .panel {
    overflow: visible;
}

#sampling-context .form-inline .form-group {
    margin-left: 0px;
    margin-right: 0px;
}

#tblSampleContextTypes {
    width: 60%;
}

#txtSamplingFontBold, #txtSamplingFontItalic, #txtSamplingFontUnderline {
    background-color: #fff;
}

/* Button sidebar*/
#commandButtons {
    padding-left: 5px;
    padding-right: 5px;
    min-width: 130px;
}

#commandButtonsTL {
    padding-left: 5px;
    padding-right: 5px;
    min-width: 150px;
}

#commandButtonsTF {
    padding-left: 5px;
    padding-right: 5px;
    min-width: 170px;
}

.affix, .affix-top {
    position: static;
}

/*.visible-tf-list {
  display: none !important;
}
@media (max-width: 991px) {
    .visible-tf-list {
        display: block !important;
    }
}
@media (min-width: 992px) {
    .visible-tf-list {
        display: block !important;
    }
}*/
@media screen and (max-width: 768px) {
    /*@media screen and (max-width: 991px) {*/
    .sidebar-toggle-button button {
        margin-top: 20px;
    }

    .row-offcanvas {
        position: relative;
        -webkit-transition: all 0.25s ease-out;
        -moz-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out;
    }

    .row-offcanvas-right .sidebar-offcanvas {
        left: -100%;
    }

    .row-offcanvas-right.active {
        /*animation: slide 1s;*/
        /*direction: rtl;*/
    }

        .row-offcanvas-right.active .sidebar-offcanvas {
            left: 100%;
        }

    .sidebar-offcanvas {
        position: absolute;
        top: 0;
        width: 30%;
        margin-right: 10px;
    }
}

/*@media (min-width: 979px) {*/
@media (min-width: 769px) {
    /*@media (min-width: 992px) {*/
    #commandButtons.affix-top {
        position: static;
    }

    #commandButtons.affix {
        position: fixed;
        top: 10px;
        right: 0;
    }

    #commandButtonsTL.affix-top {
        position: static;
    }

    #commandButtonsTL.affix {
        position: fixed;
        top: 10px;
        right: 0;
    }

    #commandButtonsTF.affix-top {
        position: static;
    }

    #commandButtonsTF.affix {
        position: fixed;
        top: 10px;
        right: 0;
    }
}

/*@keyframes slide {
  0% {
    margin-left: 0%;
  }
  50% {
    margin-left: 15%;
  }
  100% {
    margin-left: 30%;
  }
}*/

/* Overriding bootstrap */
.form-group {
    margin-bottom: 4px;
}

.checkbox-inline {
    margin-right: 15px;
}

    .checkbox-inline input[type="checkbox"] {
        margin-top: 0px;
    }

.btn-default2 {
    /*color: #ffffff;
    background-color: #C7C7C7;
    border-color: #C2C2C2;*/
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

    .btn-default2:hover,
    .btn-default2:focus,
    .btn-default2:active,
    .btn-default2.active,
    .open .dropdown-toggle.btn-default2 {
        color: #ffffff;
        /*background-color: #9E9E9E;*/
        background-color: #9c68ff;
        border-color: #C2C2C2;
        /*color: #333;*/
        /*background-color: #ebebeb;*/
        /*border-color: #adadad;*/
    }

    .btn-default2:active,
    .btn-default2.active,
    .open .dropdown-toggle.btn-default2 {
        background-image: none;
    }

    .btn-default2.disabled,
    .btn-default2[disabled],
    fieldset[disabled] .btn-default2,
    .btn-default2.disabled:hover,
    .btn-default2[disabled]:hover,
    fieldset[disabled] .btn-default2:hover,
    .btn-default2.disabled:focus,
    .btn-default2[disabled]:focus,
    fieldset[disabled] .btn-default2:focus,
    .btn-default2.disabled:active,
    .btn-default2[disabled]:active,
    fieldset[disabled] .btn-default2:active,
    .btn-default2.disabled.active,
    .btn-default2[disabled].active,
    fieldset[disabled] .btn-default2.active {
        /*background-color: #C7C7C7;*/
        background-color: #d8d8d8;
        border-color: #C2C2C2;
        /*background-color: #fff;*/
        /*border-color: #ccc;*/
        color: #ffffff;
    }

    .btn-default2 .badge {
        color: #C7C7C7;
        background-color: #ffffff;
    }

/* File status colors */
.table > tbody > tr > td.file-status.statusNew,
.table > tbody > tr > th.file-status.statusNew,
.table > tbody > tr.file-status.statusNew > td,
.table > tbody > tr.file-status.statusNew > th {
    background-color: #b5f0ff;
}

.table-hover > tbody > tr > td.file-status.statusNew:hover,
.table-hover > tbody > tr > th.file-status.statusNew:hover,
.table-hover > tbody > tr.file-status.statusNew:hover > td,
.table-hover > tbody > tr.file-status.statusNew:hover > th {
    background-color: #61deff;
}

.table > tbody > tr > td.file-status.statusTranslated,
.table > tbody > tr > th.file-status.statusTranslated,
.table > tbody > tr.file-status.statusTranslated > td,
.table > tbody > tr.file-status.statusTranslated > th {
    background-color: #b5ffd3;
}

.table-hover > tbody > tr > td.file-status.statusTranslated:hover,
.table-hover > tbody > tr > th.file-status.statusTranslated:hover,
.table-hover > tbody > tr.file-status.statusTranslated:hover > td,
.table-hover > tbody > tr.file-status.statusTranslated:hover > th {
    background-color: #62ffa1;
}

.table > tbody > tr > td.file-status.statusReservedForReview,
.table > tbody > tr > th.file-status.statusReservedForReview,
.table > tbody > tr.file-status.statusReservedForReview > td,
.table > tbody > tr.file-status.statusReservedForReview > th {
    background-color: #f4ffb5;
}

.table-hover > tbody > tr > td.file-status.statusReservedForReview:hover,
.table-hover > tbody > tr > th.file-status.statusReservedForReview:hover,
.table-hover > tbody > tr.file-status.statusReservedForReview:hover > td,
.table-hover > tbody > tr.file-status.statusReservedForReview:hover > th {
    background-color: #e8ff62;
}

.table > tbody > tr > td.file-status.statusReviewDone,
.table > tbody > tr > th.file-status.statusReviewDone,
.table > tbody > tr.file-status.statusReviewDone > td,
.table > tbody > tr.file-status.statusReviewDone > th {
    background-color: #ffdeb5;
}

.table-hover > tbody > tr > td.file-status.statusReviewDone:hover,
.table-hover > tbody > tr > th.file-status.statusReviewDone:hover,
.table-hover > tbody > tr.file-status.statusReviewDone:hover > td,
.table-hover > tbody > tr.file-status.statusReviewDone:hover > th {
    background-color: #ffb962;
}

.table > tbody > tr > td.file-status.statusRetranslating,
.table > tbody > tr > th.file-status.statusRetranslating,
.table > tbody > tr.file-status.statusRetranslating > td,
.table > tbody > tr.file-status.statusRetranslating > th {
    background-color: #c6ffb5;
}

.table-hover > tbody > tr > td.file-status.statusRetranslating:hover,
.table-hover > tbody > tr > th.file-status.statusRetranslating:hover,
.table-hover > tbody > tr.file-status.statusRetranslating:hover > td,
.table-hover > tbody > tr.file-status.statusRetranslating:hover > th {
    background-color: #86ff62;
}

.table > tbody > tr > td.file-status.statusRetranslated,
.table > tbody > tr > th.file-status.statusRetranslated,
.table > tbody > tr.file-status.statusRetranslated > td,
.table > tbody > tr.file-status.statusRetranslated > th {
    background-color: #d7ffb5;
}

.table-hover > tbody > tr > td.file-status.statusRetranslated:hover,
.table-hover > tbody > tr > th.file-status.statusRetranslated:hover,
.table-hover > tbody > tr.file-status.statusRetranslated:hover > td,
.table-hover > tbody > tr.file-status.statusRetranslated:hover > th {
    background-color: #b2ff61;
}

.table > tbody > tr > td.file-status.statusReviewAccepted,
.table > tbody > tr > th.file-status.statusReviewAccepted,
.table > tbody > tr.file-status.statusReviewAccepted > td,
.table > tbody > tr.file-status.statusReviewAccepted > th {
    background-color: #ffcdb5;
}

.table-hover > tbody > tr > td.file-status.statusReviewAccepted:hover,
.table-hover > tbody > tr > th.file-status.statusReviewAccepted:hover,
.table-hover > tbody > tr.file-status.statusReviewAccepted:hover > td,
.table-hover > tbody > tr.file-status.statusReviewAccepted:hover > th {
    background-color: #ff9562;
}

.table > tbody > tr > td.file-status.statusReviewNotAccepted,
.table > tbody > tr > th.file-status.statusReviewNotAccepted,
.table > tbody > tr.file-status.statusReviewNotAccepted > td,
.table > tbody > tr.file-status.statusReviewNotAccepted > th {
    background-color: #f7ff75;
}

.table-hover > tbody > tr > td.file-status.statusReviewNotAccepted:hover,
.table-hover > tbody > tr > th.file-status.statusReviewNotAccepted:hover,
.table-hover > tbody > tr.file-status.statusReviewNotAccepted:hover > td,
.table-hover > tbody > tr.file-status.statusReviewNotAccepted:hover > th {
    background-color: #c2ce00;
}

.table > tbody > tr > td.file-status.statusClosed,
.table > tbody > tr > th.file-status.statusClosed,
.table > tbody > tr.file-status.statusClosed > td,
.table > tbody > tr.file-status.statusClosed > th {
    background-color: #ffbb40;
}

.table-hover > tbody > tr > td.file-status.statusClosed:hover,
.table-hover > tbody > tr > th.file-status.statusClosed:hover,
.table-hover > tbody > tr.file-status.statusClosed:hover > td,
.table-hover > tbody > tr.file-status.statusClosed:hover > th {
    background-color: #ffa400;
}

.table > tbody > tr > td.file-status.statusReservedForFinalApproval,
.table > tbody > tr > th.file-status.statusReservedForFinalApproval,
.table > tbody > tr.file-status.statusReservedForFinalApproval > td,
.table > tbody > tr.file-status.statusReservedForFinalApproval > th {
    background-color: #ffb5c9;
}

.table-hover > tbody > tr > td.file-status.statusReservedForFinalApproval:hover,
.table-hover > tbody > tr > th.file-status.statusReservedForFinalApproval:hover,
.table-hover > tbody > tr.file-status.statusReservedForFinalApproval:hover > td,
.table-hover > tbody > tr.file-status.statusReservedForFinalApproval:hover > th {
    background-color: #ff628c;
}

.table > tbody > tr > td.file-status.statusFinalApprovalGiven,
.table > tbody > tr > th.file-status.statusFinalApprovalGiven,
.table > tbody > tr.file-status.statusFinalApprovalGiven > td,
.table > tbody > tr.file-status.statusFinalApprovalGiven > th {
    background-color: #40ff57;
}

.table-hover > tbody > tr > td.file-status.statusFinalApprovalGiven:hover,
.table-hover > tbody > tr > th.file-status.statusFinalApprovalGiven:hover,
.table-hover > tbody > tr.file-status.statusFinalApprovalGiven:hover > td,
.table-hover > tbody > tr.file-status.statusFinalApprovalGiven:hover > th {
    background-color: #00ff1f;
}

.table > tbody > tr > td.file-status.statusFinalApprovalNotGiven,
.table > tbody > tr > th.file-status.statusFinalApprovalNotGiven,
.table > tbody > tr.file-status.statusFinalApprovalNotGiven > td,
.table > tbody > tr.file-status.statusFinalApprovalNotGiven > th {
    background-color: #ff6161;
    color: #d9edf7;
}

.table-hover > tbody > tr > td.file-status.statusFinalApprovalNotGiven:hover,
.table-hover > tbody > tr > th.file-status.statusFinalApprovalNotGiven:hover,
.table-hover > tbody > tr.file-status.statusFinalApprovalNotGiven:hover > td,
.table-hover > tbody > tr.file-status.statusFinalApprovalNotGiven:hover > th {
    background-color: #ff0000;
    color: #d9edf7;
}

.table > tbody > tr > td.file-status.deadline,
.table > tbody > tr > th.file-status.deadline,
.table > tbody > tr.file-status.deadline > td,
.table > tbody > tr.file-status.deadline > th {
    background-color: #9d3c3c;
    color: #d9edf7;
}

.table-hover > tbody > tr > td.file-status.deadline:hover,
.table-hover > tbody > tr > th.file-status.deadline:hover,
.table-hover > tbody > tr.file-status.deadline:hover > td,
.table-hover > tbody > tr.file-status.deadline:hover > th {
    background-color: #9d0000;
    color: #d9edf7;
}

.table > tbody > tr > td.file-status.deleted,
.table > tbody > tr > th.file-status.deleted,
.table > tbody > tr.file-status.deleted > td,
.table > tbody > tr.file-status.deleted > th {
    background-color: #6c6c6c;
    color: #333333;
}

.table-hover > tbody > tr > td.file-status.deleted:hover,
.table-hover > tbody > tr > th.file-status.deleted:hover,
.table-hover > tbody > tr.file-status.deleted:hover > td,
.table-hover > tbody > tr.file-status.deleted:hover > th {
    background-color: #808080;
    color: #333333;
}

.table > tbody > tr > td.file-status.active,
.table > tbody > tr > th.file-status.active,
.table > tbody > tr.file-status.active > td,
.table > tbody > tr.file-status.active > th {
    background-color: #4441ff;
    color: #d9edf7;
}

.table-hover > tbody > tr > td.file-status.active:hover,
.table-hover > tbody > tr > th.file-status.active:hover,
.table-hover > tbody > tr.file-status.active:hover > td,
.table-hover > tbody > tr.file-status.active:hover > th {
    background-color: #0400ff;
    color: #d9edf7;
}

#tblEditor > tbody > tr > td.odd-segment,
#tblEditor > tbody > tr > th.odd-segment,
#tblEditor > tbody > tr.odd-segment > td,
#tblEditor > tbody > tr.odd-segment > th {
    background-color: #e1faff;
}

    #tblEditor > tbody > tr > td.odd-segment:hover,
    #tblEditor > tbody > tr > th.odd-segment:hover,
    #tblEditor > tbody > tr.odd-segment:hover > td,
    #tblEditor > tbody > tr.odd-segment:hover > th {
        background-color: #d5ecf1;
    }

    #tblEditor > tbody > tr > td.odd-segment.cell-modified,
    #tblEditor > tbody > tr > th.odd-segment.cell-modified,
    #tblEditor > tbody > tr.odd-segment > td.cell-modified,
    #tblEditor > tbody > tr.odd-segment > th.cell-modified {
        background-color: #86ff62;
    }

#tblEditor > tbody.secondary-color > tr > td.odd-segment.cell-modified,
#tblEditor > tbody.secondary-color > tr > th.odd-segment.cell-modified,
#tblEditor > tbody.secondary-color > tr.odd-segment > td.cell-modified,
#tblEditor > tbody.secondary-color > tr.odd-segment > th.cell-modified {
    background-color: #ffa400;
}

/*#tblEditor > tbody > tr > td.even-segment,
#tblEditor > tbody > tr > th.even-segment,
#tblEditor > tbody > tr.even-segment > td,
#tblEditor > tbody > tr.even-segment > th {
    background-color: #d7ffb5;
}*/

#tblEditor > tbody > tr > td.even-segment:hover,
#tblEditor > tbody > tr > th.even-segment:hover,
#tblEditor > tbody > tr.even-segment:hover > td,
#tblEditor > tbody > tr.even-segment:hover > th {
    background-color: #f5f5f5;
}

#tblEditor > tbody > tr > td.even-segment.cell-modified,
#tblEditor > tbody > tr > th.even-segment.cell-modified,
#tblEditor > tbody > tr.even-segment > td.cell-modified,
#tblEditor > tbody > tr.even-segment > th.cell-modified {
    background-color: #b2ff61;
}

#tblEditor > tbody.secondary-color > tr > td.even-segment.cell-modified,
#tblEditor > tbody.secondary-color > tr > th.even-segment.cell-modified,
#tblEditor > tbody.secondary-color > tr.even-segment > td.cell-modified,
#tblEditor > tbody.secondary-color > tr.even-segment > th.cell-modified {
    background-color: #ffbb40;
}

#tblEditor > thead > tr > th.no-padding,
#tblEditor > tbody > tr > th.no-padding,
#tblEditor > tfoot > tr > th.no-padding,
#tblEditor > thead > tr > td.no-padding,
#tblEditor > tbody > tr > td.no-padding,
#tblEditor > tfoot > tr > td.no-padding {
    padding: 0px;
}

/* Overriding the datatable.bootstrap.css*/
.table tbody tr.active a.btn {
    color: #4441ff;
}

.table-hover tbody tr.active a.btn {
    color: #0400ff;
}

.table thead tr {
    background-color: #e7e7e7;
}

.table thead th {
    text-align: center;
}

.table thead th {
    border-bottom: 1px solid darkgray !important;
}


/* Overriding SmartWizard */
.swMain {
    /*width: 1180px;*/
    width: 100%;
}

    .swMain div.DTTT .btn {
        color: #fff !important;
        font-size: 12px;
    }

    .swMain .stepContainer {
        height: 560px; /*!important;*/
        overflow-y: initial;
        overflow-x: initial;
    }

        .swMain .stepContainer div.content {
            /*width: 1200px;*/
            width: 100%;
            height: 560px;
            background-color: inherit;
            border: none;
        }

        .swMain .stepContainer #step-1 {
            z-index: 89;
        }

        .swMain .stepContainer #step-4 {
            overflow-x: hidden;
        }

#clientWizard.swMain .stepContainer div.content {
    overflow-x: hidden;
}

.swMain.new-project .stepContainer {
    height: 570px; /*!important;*/
    overflow-y: initial;
}

    .swMain.new-project .stepContainer div.content {
        /*width: 1200px;*/
        width: 100%;
        height: 570px;
        background-color: inherit;
        border: none;
    }

.swMain ul.anchor li a {
    width: 298px;
}

    .swMain ul.anchor li a .stepDesc {
        padding: 5px 0 5px 5px;
    }

        .swMain ul.anchor li a .stepDesc small {
            font: normal 16px Verdana, Arial, Helvetica, sans-serif;
            /*font-weight: bold;*/
        }

    .swMain ul.anchor li a.selected {
        color: #F8F8F8;
        background: #428bca; /* EA8511 */
        border: 1px solid #357ebd;
    }

        .swMain ul.anchor li a.selected:hover {
            color: #F8F8F8;
            background: #3276b1;
            border-color: #285e8e;
        }

    .swMain ul.anchor li a.done {
        color: #FFF;
        /*background: #5cb85c;
            border: 1px solid #4cae4c;*/
        /*background: #70c9dd;*/
        background: #76d5ea;
        border: 1px solid #51bdbd;
    }

        .swMain ul.anchor li a.done:hover {
            color: #FFF;
            /*background: #47a447;
                border: 1px solid #398439;*/
            background: #5ab7cc;
            border: 1px solid #3eaeae;
        }

    .swMain ul.anchor li a.disabled {
        color: #CCCCCC;
        background: #F8F8F8;
        border: 1px solid #CCC;
    }

        .swMain ul.anchor li a.disabled:hover {
            color: #CCCCCC;
            background: #F8F8F8;
        }

    .swMain ul.anchor li a.error {
        color: #6c6c6c !important;
        background: #fcf8e3 !important;
        border: 1px solid #fb3500 !important;
    }

        .swMain ul.anchor li a.error:hover {
            color: #000 !important;
        }

.swMain .loader {
    color: #31708f;
    background: #FFF url(jquery/smartwizard/loader.gif) no-repeat 5px;
    background-color: #d9edf7;
    border-color: #bce8f1;
    border: 1px solid;
    border-radius: 4px;
}

.swMain .msgBox {
    margin: 3px 0 0 5px;
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    /*color: #31708f;
        background-color: #d9edf7;
        border-color: #bce8f1;*/
    /*border: 1px solid transparent;*/
    border: 1px solid;
    border-radius: 4px;
}

    .swMain .msgBox .content {
        padding: 4px 0 0 4px;
    }

    .swMain .msgBox .close {
        border: none;
        color: #000;
        text-shadow: 0 1px 0 #fff;
        filter: alpha(opacity=20);
        opacity: .2;
    }

        .swMain .msgBox .close:hover {
            border: none;
            color: #000;
            text-decoration: none;
            cursor: pointer;
            filter: alpha(opacity=50);
            opacity: .5;
        }

.swMain .row {
    margin-left: 0px;
    margin-right: 0px;
}

/*table.dataTable th,
table.dataTable td {
    white-space: nowrap;
}*/

.datepicker {
    z-index: 1151 !important;
}

.imporsmaller {
    padding: 16px;
}

.no-margin {
    margin: 0;
}

.no-padding {
    padding: 0;
}

.no-floating {
    float: none;
}

input.input-validation-error {
    border: 1px solid #e80c4d;
}

select.input-validation-error + div.btn-group button:first-of-type {
    border: 1px solid #e80c4d;
}

.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 11px;
}


.column-edit {
    width: 85px;
}

.column-no-edit {
    width: 60px;
}

#pnlSaveButtons button.btn-block + button.btn-block {
    margin-top: 0px;
}

#pnlSaveButtons label {
    margin-bottom: 0px;
    font-size: 12px;
}

    #pnlSaveButtons label input {
        margin-top: 0px;
    }

#pop-remark {
    max-width: 500px;
}

    #pop-remark .form-control {
        font-size: 12px;
    }

    #pop-remark input.form-control {
        padding-top: 3px;
        padding-bottom: 3px;
        height: 22px;
    }

textarea.popover-content.readonly-selectable {
    cursor: auto;
    max-width: 490px;
}

div.popover.e-mail-log textarea {
    width: 100%;
}

td.segment-buttons div.popover {
    width: 300px;
    max-width: 300px;
}

    td.segment-buttons div.popover div.old-comments div.old-remark {
        margin: 5px;
        display: flex;
        align-items: center;
    }

    td.segment-buttons div.popover div.old-comments textarea {
        width: 100%;
        resize: none;
    }

    td.segment-buttons div.popover div.old-comments div.old-remark span.remark {
        flex-grow: 1;
    }

    td.segment-buttons div.popover div.old-comments div.old-remark span.remark-user {
        font-weight: bold;
    }

    td.segment-buttons div.popover div.old-comments div.old-remark span.remark-dt {
        font-style: italic;
    }

    td.segment-buttons div.popover div.old-comments div.old-remark span.remark-message {
        word-break: break-word;
    }

    td.segment-buttons div.popover div.old-comments div.old-remark span.remark-button {
        min-width: 22px;
    }

    td.segment-buttons div.popover div.input-group {
        width: 100%;
        display: flex;
        align-items: center;
    }

        td.segment-buttons div.popover div.input-group > div.content-parent {
            width: 100%;
            display: inline-grid;
        }

            td.segment-buttons div.popover div.input-group > div.content-parent::after {
                content: attr(data-value) ' ';
                visibility: hidden;
                white-space: pre-wrap;
                padding: 10px 15px;
            }

            td.segment-buttons div.popover div.input-group > div.content-parent::after, td.segment-buttons div.popover div.input-group > div.content-parent > textarea {
                grid-area: 2 / 1;
            }

            td.segment-buttons div.popover div.input-group > div.content-parent > textarea {
                width: 100%;
                resize: none;
                overflow-y: hidden;
            }

    td.segment-buttons div.popover button.delete-remark {
        float: right;
        background-color: red;
        color: white;
    }

#pop-message {
    /*width: 350px;*/
    max-width: 500px;
}

    #pop-message button.close {
        margin-left: 5px;
    }

    #pop-message .form-control {
        font-size: 12px;
    }

    #pop-message input.form-control {
        padding-top: 3px;
        padding-bottom: 3px;
        height: 22px;
    }

    #pop-message textarea.popover-content.readonly-selectable {
        cursor: auto;
        max-width: 490px;
        width: 100%;
    }

#pnlBasicSettings {
    overflow: visible;
}

#pop-pwd-info {
    min-width: 300px;
}

input.pwd-strength {
    padding: 6px 3px;
    min-width: 20px;
}

.checkbox-normal {
    height: auto;
    width: auto;
}

.segment-button {
    padding: 0px 3px 0px 3px;
}

.segment-icon {
    padding: 0px 5px 0px 5px;
}

.segment-icon-red {
    color: red;
}

.segment-span {
    padding: 4px 3px 2px 3px;
}

.segment-span-width-1 {
    padding: 4px 12px 2px 12px;
}

.segment-span-width-2 {
    padding: 4px 9px 2px 9px;
}

.segment-span-width-3 {
    padding: 4px 6px 2px 6px;
    width: 24px;
}

.segment-span-width-4 {
    padding: 4px 3px 2px 3px;
    width: 24px;
}

#tblEditor td.segment-buttons {
    padding: 8px 1px;
}

.table-header-pulled-right {
    margin-top: 4px;
    margin-left: 4px;
}

.table-header-pulled-right-wo-left-margin {
    margin-top: 4px;
    margin-left: 0px;
}

.table-header-pulled-right-wo-top-margin {
    margin-top: 0px;
    margin-left: 4px;
}

.quick-filter label {
    margin-top: 4px;
}

/*div.dataTables_paginate + div .table-header-pulled-right {*/
div.dataTables_paginate + div div.pull-right:first-child {
    margin-right: 8px;
}

label.filter-label {
    margin-top: 6px;
}

.modal-body fieldset:not(:last-of-type) {
    margin-bottom: 25px;
}

.modal-body .radio-inline, .modal-body .checkbox-inline {
    font-weight: bold;
}

.insertedText {
    color: #ff0000;
}
tbody.secondary-color .insertedText {
    color: #0000ff;
}

.deletedText {
    color: #ff0000;
    text-decoration: line-through;
}
tbody.secondary-color .deletedText {
    color: #0000ff;
}

p.fa-reapproval {
    margin-top: 7px;
    margin-bottom: 7px;
    text-align: center;
}

#dlgChangeFAFile p.header-text {
    font-weight: bold;
    text-align: center;
}

#dlgSignOff p.form-control-static {
    padding: 7px;
}

p.difference-detail {
    margin-top: 7px;
    margin-bottom: 7px;
    text-align: right;
}

#divQASaveForStudioTU {
    border-bottom: 1px solid #e5e5e5;
    padding: 5px 5px 10px 5px;
}

#divDetails textarea.mes {
    height: 34px;
}

textarea.code {
    font-family: Courier;
    font-size: 12px;
}

.modal.modal-wide .modal-dialog {
    width: 90%;
}

@media (min-width: 768px) {
    .modal-md {
        width: 450px;
    }
}

@media (min-width: 842px) {
    .modal-md-lg {
        width: 750px;
    }

    .modal-md-lg-lg {
        width: 800px;
    }

    .modal-md-lg-lg-lg {
        width: 800px;
    }
}

@media (min-width: 992px) {
    .modal-lg-lg {
        width: 1150px;
    }

    .modal-lg-lg-lg {
        width: 1350px;
    }
}

.modal-wide .modal-body {
    overflow-y: auto;
}

.sweet-alert {
    border: 1px lightgray solid;
}

.table-container.fix-height {
    display: block;
    overflow-y: scroll;
    max-height: 200px;
}

#tblPossibleReferenceFiles_wrapper {
    width: 97%;
}

#dlgSegmentLog .modal-body {
    max-height: 560px;
    overflow-y: auto;
}

#dlgCreateNewClient .modal-body, #dlgEditClient .modal-body {
    max-height: 560px;
    overflow-y: auto;
}

#dlgUploadArchivedFile .modal-body {
    max-height: 560px;
}

#dlgDQFMapper .modal-body {
    max-height: 560px;
    overflow-y: auto;
}

#tblPrintPreview tr td:first-child {
    text-align: center;
}

#tblPrintPreview th:not(:first-child) {
    width: 33%;
}

#tblPrintPreview td {
    word-break: break-word;

}

.modal legend {
    font-size: 16px;
    font-weight: 500;
}

.modal div.row legend {
    margin-left: 15px;
    margin-right: 15px;
}

.modal div.row div.row legend {
    margin-left: 30px;
    margin-right: 30px;
}

#dlgQASaveForStuido .insertedText {
    color: #006400;
}

#dlgQASaveForStuido p.header-text {
    font-weight: bold;
    text-align: center;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

#dlgSampling div.samples-list label {
    text-align: right;
}

#sampling-model {
    margin-top: 20px;
}

    #sampling-model .input-group[class*="col-"] {
        padding-left: 15px;
        padding-right: 15px;
    }

#sampling-accordion {
    margin-top: 10px;
    margin-bottom: 0px;
}

#dlgSampling div.progress {
    height: 34px;
    padding: 0px;
    margin-bottom: 0px;
}

#dlgReviewerNotSeen div.progress {
    height: 50px;
}

#tblTranslationFiles_paginate ul {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 3px;
}

/*Diagrams*/
.diagramBox {
    border: 1px solid lightgray;
    border-radius: 5px;
    display: inline-block;
    margin: 4px;
    vertical-align: top;
}

    .diagramBox span {
        background-color: whitesmoke;
        border-radius: 5px 5px 0 0;
        display: block;
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 8px;
        padding: 8px;
        text-align: center;
    }

    .diagramBox .diagramBoxContent {
        padding: 8px;
    }

.projectDetailsBox .projectDetailsBoxContent {
    padding: 8px;
}

.diagramBox table, .diagramBox td {
    border: 1px solid whitesmoke;
    border-collapse: collapse;
    font-size: 9px;
    padding: 0;
}

.diagramColorBox {
    border: 1px solid gray;
    display: inline-block;
    height: 10px;
    margin-right: 2px;
    width: 10px;
}

.diagramBox tr td:not(:first-child) {
    text-align: center;
}

.diagramBox td.info-header {
    padding: 2px;
    text-align: center;
    font-weight: bold;
}

.diagramBox td.info {
    padding-left: 2px;
    padding-right: 2px;
}

#legQAForm {
    margin-top: 20px;
}

label.right-align {
    text-align: right;
}

input.center-align {
    text-align: center;
}

input.wider {
    min-width: 260px;
}

.pwd-invalid {
    /*background:url(../images/invalid.png) no-repeat 0 50%;*/
    padding-left: 22px;
    line-height: 24px;
    color: #ec3f41;
}

.pwd-valid {
    /*background:url(../images/valid.png) no-repeat 0 50%;*/
    padding-left: 22px;
    line-height: 24px;
    color: #3a7d34;
}

/*#pnlDashboard .groupTitle {
    background-color: lightgray;
    border-radius: 4px;
    margin: 8px 0 12px;
    padding: 12px 0 4px 8px;
}
#pnlProjectDetails {
    margin: 12px 0 0;
}*/
.diagramBoxContainer {
}

.diagramBoxContent {
    overflow: auto;
}

.projectDetailsBox table {
    margin: 0 0 0 16px;
}

.projectDetailsBox td {
    padding: 4px 8px 0 0;
}

.projectDetailsBox .projectDetailsGroup {
    display: block;
    font-weight: bold;
    margin-top: 8px;
}
/*Help page*/
#body.help-page, header.help-page {
    padding-left: 15px;
    padding-right: 15px;
}

/*GS Export */
#cmbUploadByStatus {
    margin-left: 5px;
    margin-right: 20px;
}

#frmGSSettings div.form-group {
    margin-right: 10px;
}

#tblProjectCategories_wrapper {
    margin-top: -6px;
}

#tblAuditLog td {
    vertical-align: middle;
}

/*#tblAuditLog tr td:nth-child(1),
#tblAuditLog tr td:nth-child(2),
#tblAuditLog tr td:nth-child(4),
#tblAuditLog tr td:nth-child(5),
#tblAuditLog tr td:nth-child(8) {*/
#tblAuditLog tr td {
    text-align: center;
}

/* Expanding/collapsing datatable rows - not the responsive type */
table.dataTable > tbody > tr > td.expander-cell,
table.dataTable > tbody > tr > th.expander-cell {
    position: relative;
    cursor: pointer;
}

    table.dataTable > tbody > tr > td.expander-cell:before,
    table.dataTable > tbody > tr > th.expander-cell:before {
        top: 50%;
        left: 50%;
        height: 16px;
        width: 16px;
        margin-top: -10px;
        margin-left: -10px;
        display: block;
        position: absolute;
        color: white;
        border: 2px solid white;
        border-radius: 16px;
        text-align: center;
        line-height: 14px;
        box-shadow: 0 0 3px #444;
        box-sizing: content-box;
        content: '+';
        background-color: #31b131;
    }

table.dataTable > tbody > tr.shown td.expander-cell:before,
table.dataTable > tbody > tr.shown th.expander-cell:before {
    content: '-';
    background-color: #d33333;
}

#dlgAuditLog .modal-body {
    max-height: 660px;
    overflow-y: auto;
}

td.text-center {
    text-align: center;
}

i.file-top-left {
    transform: scaleX(-1) scale(0.75) translate(3px, 2px);
    position: absolute;
}

i.file-bottom-right {
    transform: scaleX(-1) scale(0.75) translate(-3px, 2px);
    background: rgb(51, 51, 51);
    color: ButtonFace;
}

.legend-with-margin {
    margin-top: 30px;
}

.legend-with-side-margin {
    margin-left: 15px;
    margin-right: 15px;
}

.extra-form-group-padding {
    padding-left: 15px;
    padding-right: 15px;
}

span.comment {
    text-decoration: underline;
    text-decoration-style: double;
    color: skyblue;
}

span.comment-new {
    text-decoration: underline;
    text-decoration-style: double;
    color: blueviolet;
}

#txtWSToken {
    cursor: default;
}

#divWsLanguagePairs {
    padding-top: 25px;
}

table.dataTable div.bootstrap-datetimepicker-widget table.table-condensed > thead > tr > th {
    padding: 5px;
}

table.dataTable div.bootstrap-datetimepicker-widget table.table-condensed thead tr {
    background-color: inherit;
}

table.dataTable div.bootstrap-datetimepicker-widget table.table-condensed thead th {
    border-bottom: inherit !important;
}

/* QA categories */
#txtEnumItemName, #txtEnumItemValue {
    width: auto;
}

#txtEnumItemValue {
    border-left: 0px;
}

label.label-with-6-margin {
    margin-top: 6px;
}

label.label-with-9-margin {
    margin-top: 9px;
}

/* Global */
span.center {
    display: table;
    margin: 0 auto;
}

input.checkbox-center-vertically {
    margin-top: 4px !important;
}

#tableColumnSettingsContainer, #pnlContainingGroups {
    margin-top: 5px;
}

input[type="checkbox"] {
    box-shadow: none;
}

#dlgCreateOrEditConnection div.modal-body {
    max-height: 600px;
    overflow: auto;
}

.term-control {
    width: 180px !important;
}

.td-wrap {
    overflow-wrap: anywhere;
}

#pnlRigiProjectSelector .ui-autocomplete {
    border: 1px solid lightgray;
    list-style-type: none;
    padding-inline-start: 0;
}

#pnlRigiProjectSelector .ui-helper-hidden-accessible {
    display: none;
}

#pnlRigiProjectSelector .ui-autocomplete li a {
    color: inherit;
    text-decoration: none;
    margin-left: 20px;
    cursor: pointer;

}

#pnlRigiProjectSelector .ui-autocomplete li:hover {
    background-color: lightblue;
}

.rigi-import-result {
    text-align: left;
    width: 600px;
}