﻿
#pending-requests-grid table.dataTable.compact thead th {
    padding: 10px 18px;
}

#pending-requests-allgrid_length {
    margin-bottom: 12px !important
}

#pending-requests-grid_length {
    margin-bottom: 12px !important
}

#reportDetailsForm table tbody tr td label {
    font-weight: 100 !important;
}

#spnHostedEnvironment {
    color: #ff8308;
}

.form-control[disabled], fieldset[disabled] .form-control {
    cursor: auto;
}
/*modified record*/
.modified-rcd {
    min-height: 21px !important;
}

.max-data {
    text-align: justify;
    padding: 0 10px;
}

a.dt-button, a.dt-button:hover, a.dt-button:focus {
    background: none !important;
    border: none !important;
    padding: 0;
    margin: 0;
    overflow: visible;
}

.display-inline {
    display: inline;
}


#divToCreationDate .tooltip-inner, #divFromCreationDate .tooltip-inner,
#divToProductionYearMonth .tooltip-inner, #divFromProductionYearMonth .tooltip-inner {
    white-space: normal;
}

#divToCreationDate .tooltip.fade.top.in, #divFromCreationDate .tooltip.fade.top.in {
    top: 0px !important;
    left: 0px !important;
    margin-top: -50px !important;
}

#divToProductionYearMonth .tooltip.fade.top.in, #divFromProductionYearMonth .tooltip.fade.top.in {
    top: 0px !important;
    left: 0px !important;
    margin-top: -45px !important;
}

.strRRCNumber-tooltip .tooltip.fade.top.in {
    margin-top: -12px !important;
    margin-left: 5px !important;
    font-size: 10.5px !important;
}

#reportDetailsForm table tbody tr td:first-child {
    font-weight: 600 !important;
    padding-bottom: 5px;
}

.not-matching {
    background-color: yellow !important;
}

#includeDeleted.includeDeleted {
    margin-top: 2.5px !important;
}

input[type=checkbox]#filtercb {
    position: relative;
    top: 1.5px;
}

div.dt-buttons {
    position: relative;
    float: right;
}

.modal-dialog {
    width: 72%;
    /* margin: 30px auto; */
    margin: 0 !important;
    left: 14%;
    top: 30px;
}

/*#model-body-content {
    max-height: 500px;
    overflow-y: auto;
}*/
.model-dialog-msg {
    /* margin-left: 34%; */
    width: 33%;
    /* margin-top: 18% !important; */
    top: 18%;
    left: 50%;
    transform: translate(-50%, 0) !important;
    position: absolute;
}

.search-row {
    color: black;
}

.searchReportsDetails {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.panel {
    box-shadow: none;
    padding: 0 6px 6px 7px;
}
/* IE Issue*/
/*#search-reports-details-region input, #search-reports-details-region textarea {
    pointer-events: none;
}*/

table tr td {
    font-weight: 600;
    color: #2a3c4d !important;
}

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
    background-color: #ecf0f3 !important;
}

    table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd:hover {
        background-color: #d2dfe8 !important;
    }

table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1,
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
    background-color: #d2dfe8;
}

/*#search-reports-grid tr td:nth-child(7) {
    font-family: Verdana;
}*/
/*#error-report-details-grid tr th:nth-child(4), #error-report-details-grid tr td:nth-child(4) {
    width: 825px !important;
    display: inline-block;
        white-space: normal !important;
}*/
.table-responsive {
    overflow-x: hidden !important;
}

.dataTables_length select {
    padding: 0px 5px;
}


.panel .panel-body {
    padding: 0px 10px !important;
}


.dataTables_scrollBody::-webkit-scrollbar, #error-report-details-grid_wrapper::-webkit-scrollbar {
    width: 1em;
}

.dataTables_scrollBody::-webkit-scrollbar-track, #error-report-details-grid_wrapper::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

.dataTables_scrollBody::-webkit-scrollbar-thumb, #error-report-details-grid_wrapper::-webkit-scrollbar-thumb {
    background-color: #959ea6;
    outline: 1px solid slategrey;
    border-top: solid 1px #959ea6;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    min-height: 20em;
    border-bottom: 0px solid #cccccc;
}

.b-t-tab {
    border: 1px solid #f3f5f7;
}

.border-none {
    border: none !important;
}

/*table.dataTable thead th, table.dataTable thead td {
    padding: 15px 14px;
}*/

#filterrow input {
    color: #2a3c4d;
}
/*change    10px to 1px*/
/*#filterrow th {
    padding: 4px 1px;
}*/

#modal-reportingHistory {
    margin-top: 0%;
}

    #modal-reportingHistory .modal-header {
        padding: 2px 8px !important;
    }

    #modal-reportingHistory .modal-title {
        font-family: 'Open Sans Condensed', sans-serif;
        font-size: 22px !important;
    }

    #modal-reportingHistory .modal-body {
        text-align: center;
    }


    #modal-reportingHistory .modal-footer {
        border: none;
        padding-top: 0 !important;
    }

.fixed-navigation {
    position: fixed;
    width: 99.5%;
    z-index: 9;
    background: #ffffff;
    padding-top: 20px;
    margin-top: -14px;
    padding-bottom: 0px;
    border-top: 12px solid #f4f6f8;
    border-right: 13px solid #f4f6f8;
    /* border-left: 7px solid #f4f6f8; */
    padding-left: 20px;
    padding-right: 20px;
    margin-left: -10px;
}
/*.fixed-navigation {
    position: fixed;
    width: 100%;
    z-index: 9;
    background: #ffffff;
    padding-top: 11px;
    margin-top: -14px;
    padding-bottom: 0px;
    border-top: 15px solid #f4f6f8;
    border-right: 13px solid #f4f6f8;
    border-left: 7px solid #f4f6f8;
    padding-left: 10px;
    padding-right: 10px;
}*/
.notification-navigation{
    z-index: 9;
    background: #ffffff;
    padding-bottom: 0px;
    /* border-left: 7px solid #f4f6f8; */
    padding-left: 20px;
    padding-right: 20px;
    margin-left: -10px;
}
.notification-tab-content-border{
    margin: 0px 10px;
    border-left: 1px solid #dde1e4;
    border-right: 1px solid #dde1e4;
    border-bottom: 1px solid #dde1e4;
}
.tabCont {
    border-bottom: 1px solid #ededed;
    overflow: hidden;
}

.tab-content-border {
    top: 52px !important;
    position: relative;
    padding: 10px 0 0 1px;
    margin: 0px 10px;
    border-left: 1px solid #dde1e4;
    border-right: 1px solid #dde1e4;
    border-bottom: 1px solid #dde1e4;
}

.p-t-b-15 {
    padding: 15px 0px;
}

.m-l-r-5 {
    margin: 0px 5px;
}

.m-b-5 {
    margin-bottom: 5px !important;
}

.p-l-r-0 {
    padding-left: 0;
    padding-right: 0;
}

.p-l-0 {
    padding-left: 0px !important;
}

#batch-history-region {
    margin-top: 1px;
}

.border-left-right {
    border-left: 1px solid #959ea6;
    border-right: 1px solid #959ea6;
    border-bottom: 1px solid #959ea6;
    /*height: 345px;*/
    height: 351px;
}

.border-error-tab {
    /*height: 59vh;*/
    height: 452px;
    /*height: 67.9vh !important;*/
    border: 1px solid #959ea6;
    padding-top: 8px;
    /*overflow-y: auto;*/
}

#error-report-tab-region {
    overflow-y: auto;
    /*height: 410px;*/
}

.show-result-close {
    display: none;
    float: right;
    z-index: 9;
}

.footer {
    padding: 10px 30px !important;
    bottom: -81px;
    position: relative;
    clear: both;
}

.title-bold {
    font-weight: bold;
    color: #000000;
}

.invalid-error-data .m-b-0 {
    margin-bottom: 0px !important;
}

#search-reports-details-region {
    display: none;
}

table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
    background-color: #b0bed9;
}

#divShowCompletedMessage h2 {
    text-align: center;
}

.invalid-error-data .text-left, #error-report-detail-region .text-left {
}

.invalid-error-data label, #error-report-detail-region label {
    padding-left: 8px;
    text-align: left !important;
}

.form-horizontal .form-group {
    margin-left: 1px;
    margin-right: 1px;
}

table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
    background-color: #acbad4 !important;
}

button:visited, button:active, button:focus {
    opacity: 1;
}

button.error-report-tab:visited, button.error-report-tab:active, button.error-report-tab:focus,
button.invalid-record:visited, button.invalid-record:active, button.invalid-record:focus,
button.valid-record:visited, button.valid-record:active, button.valid-record:focus,
button.btnClsLineItem:visited, button.btnClsLineItem:active, button.btnClsLineItem:focus {
    opacity: 0.8 !important;
}

#search-form-region .search-title {
    padding: 5px !important;
}

    #search-form-region .search-title h2 {
        color: #fff;
        font-size: 18px;
        font-weight: 600;
    }

.dataTables_scrollHeadInner {
    background: #2a3c4d;
}

.export-icon {
    width: 30px;
    height: 27px;
    padding: 0px 5px;
    cursor: pointer;
}

.dt-buttons {
    text-align: right;
}

/*.white-box {
    min-height: 450px;
    padding-bottom: 5%; -------------- 26062017
}*/

.dataTables_scrollHead {
    background: #2a3c4d !important;
}

/*#page-wrapper {
    min-height: 540px; ---------- 26062017
}*/

#error-report-details-grid th:last-child, #error-report-details-grid td:last-child {
    white-space: normal;
}

button.error-report-tab-active {
    opacity: 0.8 !important;
}

button:visited, button:active, button:focus {
    opacity: 1 !important;
}

div#pending-requests-grid th, div#pending-requests-grid td,
div#batch-history-grid th, div#batch-history-grid td {
    white-space: nowrap;
}


.width96perc.panel.panel-info {
    padding-left: 0;
    padding-right: 0;
    border: 1px solid #dddddd;
}

/*#error-report-details-grid tr > th {
    padding: 16px 25px 16px 10px !important;
}*/

/*#search-reports-grid_wrapper tr th > div {
    padding-right: 2px !important; //change 25 to 0
}*/

#search-reports-grid_wrapper #filterrow th > div {
    padding-right: 0px !important; /*change 4 to 0*/
}

/*#search-reports-grid_wrapper #filterrow th > div input {
        width: 100%;
    }*/


.width96perc .panel-heading {
    padding: 5px 10px !important;
    line-height: 0px;
    background: #959ea6 !important;
    margin-bottom: 0;
}

    .width96perc .panel-heading h1 {
        font-size: 16px !important;
        font-weight: 600 !important;
        color: #ffffff !important;
    }

.width96perc .panel-body {
    padding: 15px 15px !important;
}

    .width96perc .panel-body span {
        padding-left: 4.5%;
    }

.width96perc {
    margin-left: 2%;
    margin-right: 2%;
    width: 96%;
}

.m-t-3perc {
    margin-top: 3% !important;
}


#glo2-valuation-accounting-grid th, #glo2-valuation-accounting-grid td {
    white-space: nowrap;
}

.preloader {
    margin: 0;
    padding: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    z-index: 1040;
    opacity: 1;
}

    .preloader .cssload-speeding-wheel {
        position: absolute;
        top: calc(50% - 3.5px);
        left: calc(50% - 3.5px);
        z-index: 1050;
        border-left: 5px solid #2a3c4d;
        border-top: 5px solid #2a3c4d;
    }

.dt-buttons::before, .fatal-error-export::before {
    content: "Export ";
    color: #2a3c4d;
    font-weight: 600;
    margin-right: 3px;
    line-height: 25px;
}

table.dataTable thead .sorting_asc {
    background-image: url(../images/sort_asc.png) !important;
    background-repeat: no-repeat !important;
    background-position-x: 100% !important;
    background-position-y: 45% !important;
}

table.dataTable thead .sorting_desc {
    background-image: url(../images/sort_desc.png) !important;
    background-repeat: no-repeat !important;
    background-position-x: 100% !important;
    background-position-y: 45% !important;
}

table.dataTable thead .sorting {
    background-image: url(../images/sort_both.png) !important;
    background-repeat: no-repeat !important;
    background-position-x: 100% !important;
    background-position-y: 45% !important;
}

table.dataTable thead th:hover {
    /*background: #222c35 !important;*/
    background-color: #58aee0 !important;
    background-image: url(../images/sort_both.png) !important;
    background-repeat: no-repeat !important;
    background-position-x: 100% !important;
    background-position-y: 45% !important;
}

#filterrow th:hover {
    background-color: none !important;
    background-image: none !important;
    background-repeat: no-repeat !important;
    background-position-x: initial !important;
    background-position-y: initial !important;
}

/*#filterrow th, #filterrow th > div {
    padding-right: 0px !important; //4px !important;
}*/
/*#filterrow th input {
    min-width: 20px;
}*/

#pending-requests-allgrid thead th:hover, #pending-requests-allgrid_wrapper table.dataTable thead th:hover {
    background-color: #58aee0 !important;
    background-image: none !important;
}

table.dataTable thead .sorting_asc:hover {
    background-image: url(../images/sort_asc.png) !important;
    background-repeat: no-repeat !important;
    background-position-x: 100% !important;
    background-position-y: 45% !important;
}

table.dataTable thead .sorting_desc:hover {
    background-image: url(../images/sort_desc.png) !important;
    background-repeat: no-repeat !important;
    background-position-x: 100% !important;
    background-position-y: 45% !important;
}

#glo2-production-volumes-grid {
    margin-right: 0 !important;
}


.voluntary-data {
    padding-top: 1%;
}

    .voluntary-data p {
        font-weight: 600;
    }

#error-report-details-grid_wrapper {
    /*overflow-y: auto;*/
    height: 240px;
}

.panel-bgColor {
    color: #2a3c4d;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 0;
    /*background: #2a3c4d;
    padding: 2% 2% 1% 1%;
    margin-top: 1%;
    margin-bottom: 1%;*/
}

.line-height-35 {
    line-height: 35px;
}

.upload-file-heading {
    /*background-color: #959ea6 !important;*/
    background-color: #ffffff !important;
    /*border-top:solid 1px #cccccc;*/
    border-bottom: solid 1px #cccccc;
    margin-bottom: 10px;
}

/*.upload-file-progress {
    background-image: url(../../../../content/images/progress-bar.gif);
    background-size: 100%;
}*/
.upload-file-progress {
    background-image: url(../../../../content/images/progress-bar.gif);
    width: 230px;
    height: 28px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 10px;
}

.panel-heading3 {
    background: #959ea6 !important;
    padding: 5px 1% !important;
}

    .upload-file-heading h3, .panel-heading3 h3 {
        color: #ffffff;
        font-weight: 600;
        font-size: 16px !important;
    }

.upload-file-heading p {
    color: #333333;
    margin-bottom: 0 !important;
}

.min-width12pers {
    min-width: 12%;
}

.p-l-2perc {
    padding-left: 2%;
}

.p-t-b-3perc {
    padding: 3% 12px;
}

.file-ready-upload {
    padding-top: 10px;
    padding-bottom: 5px;
}

    .file-ready-upload p {
        margin-bottom: 5px;
    }

/* pending request */
.update-record-wrapper .sub-title, .add-record-wrapper .sub-title, .delete-record-wrapper .sub-title {
    background: #cccccc;
    margin-left: -15px;
    margin-right: -15px;
}

    .update-record-wrapper .sub-title h3, .add-record-wrapper .sub-title h3, .delete-record-wrapper .sub-title h3 {
        font-weight: 600;
    }

.h-line {
    border-bottom: 1px solid #cccccc;
}

.updated-data, .added-data, .deleted-data {
    margin-top: 10px;
    border: 1px solid #cccccc;
    padding: 0 7px;
    border-radius: 5px;
}

    .updated-data h3, .added-data h3, .deleted-data h3 {
        font-size: 20px !important;
        font-weight: 600;
        color: #000000;
    }

.original-record, .modified-record, .add-record-left, .add-record-right, .delete-record-left, .delete-record-right {
    padding: 10px;
}

    .original-record tr td:first-child, .modified-record tr td:first-child,
    .add-record-left tr td:first-child, .add-record-right tr td:first-child,
    .delete-record-left tr td:first-child, .delete-record-right tr td:first-child {
        font-weight: 100;
        text-align: left;
        padding-right: 15px;
    }

    .original-record tr td:last-child, .modified-record tr td:last-child,
    .add-record-left tr td:last-child, .add-record-right tr td:last-child,
    .delete-record-left tr td:last-child, .delete-record-right tr td:last-child {
        text-align: left;
    }

    .original-record tr, .modified-record tr,
    .add-record-left tr, .add-record-right tr,
    .delete-record-left tr, .delete-record-right tr {
        line-height: 25px;
    }

.pending-comments {
    margin: 0px !important;
}

    .pending-comments textarea {
        width: 100%;
    }

.m-l-r--10 {
    margin-left: -10px;
    margin-right: -10px;
}

/*#divOverviewErrors label {
    font-weight: 100 !important;
}*/

.validRepostList, .paymentErrorList {
    border: 1px solid #959ea6;
    padding: 10px;
    height: 452px;
}

#result-valid-report-tabs, #result-invalid-report-tabs, #payment-invalid-report-tab {
    /*height: 445px;*/
    overflow-y: auto;
    margin-bottom: 5px;
}

.p-l-1perc {
    padding-left: 1%;
}

.border-ph3 {
    /*border: 1px solid #cccccc;*/
    padding: 0;
    min-height: 432px;
}

.user-management-border {
    margin: 20px 10px 10px 10px;
    padding: 10px;
    border: 1px solid #dde1e4;
    min-height: 68.5vh;
    border-radius: 0 !important;
}

.p-l-3perc {
    padding-left: 3% !important;
}

.add-report-caption {
    float: right;
    color: #cccccc;
    font-size: 12px;
}

.p-b-4perc {
    padding-bottom: 4%;
}

.report-control-button {
    width: 13%;
    padding: 8px;
}

.fatal-error-export {
    display: none;
    padding-right: 6px;
}

th input[type=text]::-ms-clear {
    display: none;
}

.fa.fa-remove {
    font-size: 16px;
}

.tab-min-height {
    min-height: 64vh;
}

.contact-glo-wrapper, .manage-profile-wrapper {
    margin: 20px 10px;
    padding: 10px;
    border: 1px solid #dde1e4;
    min-height: 69vh;
    border-radius: 0 !important;
}

.tooltip {
    z-index: 8;
}

.top-right-part {
    color: #fff;
    float: right;
    line-height: 48px;
    padding-right: 1%;
}

    .top-right-part .user-welcome {
        padding: 0px 5px;
    }

    .top-right-part .logout, .top-right-part .logout:hover {
        padding: 0px 15px;
        color: #ffffff;
        cursor: pointer;
    }

.generated-code-title {
    background: #2a3c4d;
    padding-bottom: 2%;
}

    .generated-code-title h3 {
        color: #ffffff;
        text-align: center !important;
        font-size: 20px !important;
        padding-top: 2%;
    }

.generated-code-content {
    margin-top: 1px;
    background: #2a3c4d;
    color: #ffffff;
    padding: 4%;
}

.m-10 {
    margin: 10px !important;
}

.royality-reporting-export-icon {
    line-height: 35px;
}

    .royality-reporting-export-icon .fatal-error-export {
        visibility: hidden;
    }

.royality-reporting-border3 {
    border-left: 1px solid #959ea6;
    border-right: 1px solid #959ea6;
    border-bottom: 1px solid #959ea6;
    height: 410px;
}

#result-invalid-report-grid_wrapper {
    padding: 0 7.5px;
}

.border-top-1 {
    border-top: 1px solid #cccccc;
}

.border-b-0 {
    border-bottom: none;
}

.upload-file-progress label {
    font-size: 16px;
    color: #2a3c4d;
    margin-bottom: 0;
    line-height: 30px;
}

.royality-wrapper-padding {
    padding-left: 15px !important;
    padding-right: 15px !important;
    /*padding-top: 5px !important;*/
}

.result-error-tab {
    padding-left: 6px !important;
    padding-top: 8px !important;
}

.result-detail-tab {
    padding-top: 8px;
    padding-left: 0px;
    padding-right: 6px;
}

.p-l-r-b-15 {
    padding: 5px 15px 13px 15px;
}

.p-r-12 {
    padding-right: 12px;
}

.p-r-5 {
    padding-right: 5px;
}

.royality-landing-page {
    /*padding-left: 13px !important;
    padding-right: 13px !important;
    padding-top: 5px !important;*/
    margin: 10px;
}

/*#pending-requests-allgrid_wrapper .dataTables_scrollHeadInner thead tr th,
#pending-requests-grid_wrapper .dataTables_scrollHeadInner thead tr th {
    padding: 8px 14px !important;
}*/

.green {
    color: green;
}

.red {
    color: red;
}

#payment-invalid-report-grid_wrapper tr th:last-child, #payment-invalid-report-grid_wrapper tr td:last-child,
#fatal-errors-grid_wrapper tr th:last-child, #fatal-errors-grid_wrapper tr td:last-child {
    white-space: normal;
}

#search-reports-grid_wrapper div.dataTables_scroll div.dataTables_scrollBody {
    max-height: 58.6vh;
}

#reporting-controls-grid_wrapper div.dataTables_scroll div.dataTables_scrollBody {
    max-height: 58.8vh;
}

#batch-history-grid_wrapper div.dataTables_scroll div.dataTables_scrollBody {
    max-height: 56.2vh;
}

@media only screen and (min-width : 320px) and (max-width : 767px) {
    .p-fontSize {
        font-size: 11px;
    }

    .top-right-part {
        padding-top: 50px;
        position: absolute;
        right: 0;
        font-size: 12px;
        padding-right: 0 !important;
    }

    #divToCreationDate .tooltip.fade.top.in, #divFromCreationDate .tooltip.fade.top.in {
        margin-top: -35px !important;
    }

    #divToProductionYearMonth .tooltip.fade.top.in, #divFromProductionYearMonth .tooltip.fade.top.in {
        margin-top: -37px !important;
    }

    /*#reportvalue {
        height: 85vh;
    }*/

    .clear-xs {
        clear: both;
    }

    .border-error-tab {
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 7px;
    }

    .border-none-mb {
        border: none !important;
    }

    .clear-xs .panel {
        padding: 0 0 5px 0 !important;
    }

    .p-l-0-767 {
        padding-left: 0 !important;
    }

    .p-l-r-7-mb {
        padding-left: 7.5px !important;
        padding-right: 7.5px !important;
    }

    .contact-glo-wrapper, .manage-profile-wrapper {
        margin: 2%;
        padding: 2%;
        width: 96%;
    }

    .modified-record, .add-record-right, .delete-record-right {
        padding-top: 0 !important;
    }

    .original-record, .add-record-left, .delete-record-left {
        padding-bottom: 0 !important;
    }

    .royality-reporting-border3 {
        height: 485px !important;
    }

    .border-left-right {
        height: 480px !important;
    }

    #report-error-details-grid_wrapper div.dataTables_scrollBody {
        height: 240px;
    }
    /*#error-report-detail-region .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
        height: 265px !important;
    }*/
    #error-report-details-grid_wrapper div.dataTables_scrollBody {
        height: 320px !important;
    }
}
/* I-Pad Media query*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation: portrait) {
    .p-fontSize {
        font-size: 11px;
    }

    #modal-reportingHistory {
        margin-top: 40%;
        margin-left: 22%;
    }

    .fixed-navigation {
        padding-top: 30px;
        margin-top: -30px;
        width: 94.8%;
    }

    .width96perc.panel.panel-info {
        margin-top: 0%;
    }

    .navbar-default {
        background-color: #2a3c4d;
    }

    .contact-glo-wrapper, .manage-profile-wrapper {
        margin: 1.5%;
        padding: 1.5%;
        width: 97%;
    }
}

@media only screen and (min-width : 768px) and (max-width : 1023px) {
    #error-report-tab-region {
        height: 385px;
    }
}

@media only screen and (min-width : 897px) and (max-width : 947px) {
    #error-report-details-grid_wrapper div.dataTables_scrollBody {
        height: 250px;
    }
}


/* I-Phone Media query*/
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
    #modal-reportingHistory {
        width: 84% !important;
        margin-top: 70%;
        margin-left: 10%;
    }

    .b-t-tab {
        padding-top: 110px;
    }

    #close-prev-next-button #btn-close, #close-prev-next-button #btn-previous, #close-prev-next-button #btn-next {
        width: 32.33% !important;
    }

    .fixed-navigation {
        padding-top: 50px;
        margin-top: -50px;
        /*width: 91.5%;*/
    }

    .tab-content-border {
        top: -15px !important;
    }

    .width96perc.panel.panel-info {
        margin-top: 12%;
    }

    .border-error-tab {
        margin-left: 0px;
        margin-right: 0px;
        height: 210px;
    }

    .form-group label {
        padding-top: 7px;
    }

    .s-p-t-5 {
        padding-top: 5px !important;
    }

    .s-p-t-10 {
        padding-top: 10px !important;
    }

    .s-p-t-12 {
        padding-top: 12px !important;
    }

    .s-m-l-r-0 {
        margin-left: 1px;
        margin-right: 1px;
    }

    .s-p-l-10 {
        padding-left: 10px !important;
    }

    .s-p-l-0 {
        padding-left: 0px !important;
    }

    .s-p-t-0 {
        padding-top: 0px !important;
    }

    .border-left-right {
        min-height: 250px;
    }

    .clear-xs {
        clear: both;
    }

    #glo3-royalty-payment-region .panel-body {
        padding: 0px !important;
    }

    /*#payment-invalid-report-grid_wrapper div.dataTables_scrollBody {
        height: 212px !important;
    }*/
}

@media only screen and (min-width : 320px) and (max-width : 767px) {
    #result-valid-overview-grid_wrapper div.dataTables_scrollBody {
        height: 15.5vh !important;
    }

    #result-individual-invalid-report-grid_wrapper div.dataTables_scrollBody {
        height: 250px;
    }

    /*#result-valid-overview-grid_wrapper div.dataTables_scrollBody,
    #royalty-report-result-grid-region div.dataTables_scrollBody {
        height: 116px !important;
    }

    #invalid-report-grid_wrapper div.dataTables_scrollBody {
        height: 150px !important;
    }

    #payment-invalid-report-grid_wrapper div.dataTables_scrollBody {
        height: 230px !important;
    }*/
}

@media only screen and (max-width: 378px) {
    #result-individual-invalid-report-grid_wrapper div.dataTables_scrollBody {
        height: 225px;
    }
}

/* I-Phone Media query landscape*/
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation: landscape) {
    .b-t-tab {
        padding-top: 105px;
    }

    #close-prev-next-button #btn-close, #close-prev-next-button #btn-previous, #close-prev-next-button #btn-next {
        width: 32.8% !important;
    }
}


/* media query for height Footer Fixes*/
/*@media screen and (height:768px) {
    .white-box {
        min-height: 579px;
    }
}

@media screen and (height:1024px) {
    .white-box {
        min-height: 835px;
    }
}

@media screen and (height:900px) {
    .white-box {
        min-height: 711px;
    }

    .border-error-tab {
        height: 475px !important;
    }

    .border-left-right {
        height: 435px !important;
    }
}*/

/* resize below screen 768*/
@media only screen and (min-width : 320px) and (max-width : 767px) {
    .original-record tr td:last-child, .modified-record tr td:last-child,
    .add-record-left tr td:last-child, .add-record-right tr td:last-child,
    .delete-record-left tr td:last-child, .delete-record-right tr td:last-child {
        padding-left: 20%;
    }

    .tool-tip-m-t-60 {
        margin-top: 0px !important;
    }

    .s-p-l-10 {
        padding-left: 10px !important;
    }

    .tab-content.b-t-tab.tab-content-border {
        margin-bottom: 2%;
    }

    .tab-min-height {
        margin-bottom: 5px !important;
    }

    #result-invalid-report-grid_wrapper div.dataTables_scrollBody {
        height: 269px !important;
    }

    #payment-invalid-report-grid_wrapper div.dataTables_scrollBody {
        height: 325px !important;
    }
}

@media only screen and (max-width: 410px) and (min-width: 320px) {
    .fixed-navigation {
        width: 98.3%;
    }
}

@media only screen and (max-width: 552px) and (min-width: 411px) {
    .fixed-navigation {
        width: 98.6%;
    }
}
/* 200 ZOOM */
@media only screen and (max-width: 767px) and (min-width: 553px) {
    .fixed-navigation {
        width: 98.93%;
    }
}

@media only screen and (max-width: 945px) and (min-width: 768px) {
    .fixed-navigation {
        width: 99.1%;
    }
}

@media only screen and (max-width: 1317px) and (min-width: 946px) {
    .fixed-navigation {
        width: 99.4%;
    }
}

@media only screen and (min-width : 808px) and (max-width : 977px) {
    #divToCreationDate .tooltip.fade.top.in, #divFromCreationDate .tooltip.fade.top.in {
        margin-top: -80px !important;
    }

    #divToProductionYearMonth .tooltip.fade.top.in, #divFromProductionYearMonth .tooltip.fade.top.in {
        margin-top: -95px !important;
    }
}

@media only screen and (min-width : 768px) and (max-width : 807px) {
    #divToCreationDate .tooltip.fade.top.in, #divFromCreationDate .tooltip.fade.top.in {
        margin-top: -105px !important;
    }

    #divToProductionYearMonth .tooltip.fade.top.in, #divFromProductionYearMonth .tooltip.fade.top.in {
        margin-top: -110px !important;
    }
}

@media only screen and (min-width : 768px) and (max-width : 1280px) {
    .tab-content.b-t-tab.tab-content-border {
        margin-bottom: 1%;
    }

    /*#report-error-details-grid_wrapper div.dataTables_scrollBody {
        height: 230px;
    }*/

    /*#result-invalid-report-grid_wrapper div.dataTables_scrollBody {
        height: 205px !important;
    }*/
    /*#royalty-report-result-grid-region .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
        height: 165px !important;
    }*/
}

@media only screen and (min-width : 768px) and (max-width : 991px) {
    /*#royalty-report-result-grid-region .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
        height: 165px !important;
    }*/
    #result-valid-overview-grid_wrapper div.dataTables_scrollBody {
        height: 17.1vh !important;
    }

    #invalid-report-grid_wrapper div.dataTables_scrollBody {
        height: 180px !important;
    }

    #report-error-details-grid_wrapper div.dataTables_scrollBody {
        height: 235px;
    }

    #result-individual-invalid-report-grid_wrapper div.dataTables_scrollBody {
        height: 245px;
    }

    /*#payment-invalid-report-grid_wrapper div.dataTables_scrollBody {
        height: 285px !important;
    }*/
}

@media only screen and (max-width: 792px) and (min-width: 768px) {
    #result-individual-invalid-report-grid_wrapper div.dataTables_scrollBody {
        height: 225px;
    }
}

@media only screen and (min-width : 768px) and (max-width : 860px) {
    #payment-invalid-report-tab .btnClsLineItem {
        font-size: 12px;
    }

    #resultvalidreporttab, #resultinvalidreporttab {
        font-size: 10.5px;
    }
}

@media only screen and (min-width : 768px) and (max-width : 1101px) {
    #payment-invalid-report-tab {
        height: 385px;
    }
}

@media only screen and (min-width : 768px) and (max-width : 920px) {
    #error-report-details-grid_wrapper div.dataTables_scrollBody {
        height: 260px;
    }

    #payment-invalid-report-grid_wrapper div.dataTables_scrollBody {
        height: 285px;
    }
}

@media only screen and (min-width : 992px) and (max-width : 1059px) {
    #report-error-details-grid_wrapper div.dataTables_scrollBody {
        height: 250px;
    }
}

#report-error-details-grid_wrapper div.dataTables_scrollBody {
    z-index: 1;
}

@media only screen and (min-width : 992px) and (max-width : 1230px) {
    /*#royalty-report-result-grid-region .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
        height: 197px !important;
    }*/
    #invalid-report-grid_wrapper div.dataTables_scrollBody {
        height: 208px !important;
    }

    #result-valid-overview-grid_wrapper div.dataTables_scrollBody {
        height: 135px !important;
    }
    /*#error-report-detail-region .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody{height: 250px !important;}*/
}

@media only screen and (min-width : 992px) and (max-width : 1244px) {
    #resultvalidreporttab, #resultinvalidreporttab {
        font-size: 10px;
    }
}

@media only screen and (min-width : 850px) and (max-width : 1025px) {
    .tab-min-height {
        margin-bottom: 2% !important;
    }
}

@media only screen and (min-width : 768px) and (max-width : 849px) {
    .tab-min-height {
        margin-bottom: 3% !important;
    }
}

@media only screen and (min-width : 768px) and (max-width : 1365px) {
    .border-left-right {
        height: 387px;
    }
}

@media only screen and (width : 1074px) {
    .form-control {
        text-indent: 0px !important;
    }
}

@media only screen and (min-width : 1499px) {
    .border-left-right {
        height: 387px;
    }
}



/* IE CSS */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    input[readonly="readonly"] {
        pointer-events: none;
    }
    /*input[type="radio"]{
        position:relative;
         top:2px;}*/
    input[type=text]:focus, input:focus, textarea:focus, input[type=radio]:focus, input[type=checkbox]:focus, select:focus, button:focus, a:focus {
        box-shadow: 0 0 10px #0099ff !important;
    }

    .strRRCNumber-tooltip div.tooltip {
        top: -50px !important;
        left: -120px !important;
    }
}

.border-red {
    border: red solid 1px !important;
}

/*select 2 css*/
/*.select2-container .select2-choice .select2-arrow{
        background-color: none !important`;
    border-left: none !important;
}*/
.select2-container .select2-choice .select2-arrow b {
    background: url(../images/select2.png) no-repeat 0 1px;
}

.select2-search input {
    background: url(../images/select2.png) no-repeat 100% -22px,linear-gradient(to bottom,#fff 85%,#eee 99%) 0 0;
}

.select2-container.form-control.companyId {
    width: 100% !important;
}

#search-reports-grid td.dataTables_empty {
    text-align: left;
}


/*#batch-history-grid_wrapper div.dataTables_scrollBody {
    max-height:371.2px;
}*/

.dataTables_scrollBody #pending-requests-allgrid tbody td,
.dataTables_scrollBody #pending-requests-grid tbody td {
    padding: 4px 10px !important;
}

/*.validRepostList .tab-title, .paymentErrorList .tab-title*/
.tab-title {
    color: #2a3c4d;
    background: #ddd;
    border: 1px solid #e4e4e4;
    padding: 6px 0 2px 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
/*.validRepostList .invalid-tab-title*/
.invalid-tab-title {
    color: #2a3c4d;
    background-color: #ddd;
    border: 1px solid #e4e4e4;
    padding: 6px 0 2px 0;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}


/*#reporting-controls-grid tr td:nth-child(1) {
    word-break: break-all !important;
    white-space: normal !important;
}*/
.tdwrapping {
    white-space: normal !important;
    /* width: 16% !important; */
    min-width: 16% !important;
}

#pending-requests-allgrid tbody td a, #pending-requests-allgrid tbody td a:hover {
    color: #2a3c4d !important;
    text-decoration: none;
}

i.fa.fa-caret-right, i.fa.fa-caret-down {
    font-size: 22px;
    position: relative;
    top: 2px;
    padding: 0 2px;
}

@media only screen and (min-width : 1064px) {
    .tooltip.fade.top.in {
        top: -45px !important;
        left: -100px !important;
    }

    .custom-tooltip.tooltip.fade.top.in {
        top: -32px !important;
        left: 0px !important;
    }

    .custom-tooltip.tooltip.fade.bottom.in {
        top: 32px !important;
        left: -100px !important;
    }
}

@media only screen and (min-width : 768px) and (max-width : 1063px) {
    .tooltip.fade.top.in {
        top: -52px !important;
        left: -100px !important;
    }

    .custom-tooltip.tooltip.fade.top.in {
        top: -38px !important;
        left: 0px !important;
    }

    .custom-tooltip.tooltip.fade.bottom.in {
        top: 32px !important;
        left: -100px !important;
    }
}

@media only screen and (min-width : 320px) and (max-width : 767px) {
    .tooltip.fade.top.in {
        top: -50px !important;
        left: -100px !important;
    }

    .custom-tooltip.tooltip.fade.top.in {
        top: -35px !important;
        left: 0px !important;
    }

    .custom-tooltip.tooltip.fade.bottom.in {
        top: 32px !important;
        left: -100px !important;
    }
}

/*@media only screen and (min-width : 320px) and (max-width : 539px) {
    .tooltip.fade.top.in {
        top: -52px !important;
        left: -100px !important;
    }

    .custom-tooltip.tooltip.fade.top.in {
        top: -38px !important;
        left: 0px !important;
    }

    .custom-tooltip.tooltip.fade.bottom.in {
        top: 32px !important;
        left: -100px !important;
    }
}*/
/*@media only screen and (min-width : 1240px) {
    .strRRCNumber-tooltip div.tooltip {
        top: -40px !important;
        left: -120px !important;
    }

    .drillingPermitNumber-tooltip div.tooltip {
        top: -45px !important;
    }
}

@media only screen and (min-width : 768px) and (max-width : 1239px) {
    .strRRCNumber-tooltip div.tooltip {
        top: -55px !important;
        left: -120px !important;
    }

    .drillingPermitNumber-tooltip div.tooltip {
        top: -45px !important;
    }
}

@media only screen and (min-width : 320px) and (max-width : 539px) {
    .strRRCNumber-tooltip div.tooltip {
        top: -68px !important;
        left: -100px !important;
    }

    .drillingPermitNumber-tooltip div.tooltip {
        top: -45px !important;
    }
}

@media only screen and (min-width : 540px) and (max-width : 767px) {
    .strRRCNumber-tooltip div.tooltip {
        top: -60px !important;
        left: -100px !important;
    }

    .drillingPermitNumber-tooltip div.tooltip {
        top: -45px !important;
    }
}*/

#pending-requests-allgrid_length {
    margin-bottom: 5px;
}

@media screen and (max-height: 1024px) and (max-width: 400px) and (min-height: 901px) and (min-width: 320px) {
    .p-fontSize {
        font-size: 7px !important;
    }

    #result-valid-overview-grid_wrapper div.dataTables_scrollBody {
        height: 11.5vh !important;
    }
}

.tool-tip-m-t-60 {
    margin-top: 15px;
}

@media only screen and (min-width: 320px) and (max-width: 450px){
    .dataTables_scroll tbody tr{
        height: 49px;
    }
}

#reporting-controls-history-grid_wrapper table.dataTable thead th:hover {
    /*background: #222c35 !important;*/
    background-color: #58aee0 !important;
    background-image: none !important;
    background-repeat: no-repeat !important;
    background-position-x: 100% !important;
    background-position-y: 45% !important;
}
.op04{
    opacity:0.4 !important;
}

.form-control-comment{
    border-radius: 0;
    border-color: rgb(169, 169, 169) !important;
}

.form-control-comment-report{
    margin-top: 5px;
}

#pending-requests-grid .dataTables_scrollBody{
    overflow: auto;
    padding-bottom: 150px;
    margin-bottom: -150px;
}

#reporting-controls-grid .dataTables_scrollBody{
    overflow: auto;
    padding-bottom: 60px;
    margin-bottom: -60px;
}

#reporting-controls-grid_info{
    margin-top: 60px;
}

#reporting-controls-grid_paginate{
    margin-top: 60px;
}

#pending-requests-grid_paginate,#pending-requests-allgrid_paginate{
    position: absolute;
    right:0;
}
td.unitNumbergrid{
    white-space: normal !important;
    word-break: break-all;
}

.redpoint{
    min-width:10px;
    border-radius:10px;
    padding: 3px 7px;
    display:inline-block;
    text-align:center;
    vertical-align: middle;
    white-space: nowrap;
    line-height: 10px;
    font-size:13px;
    font-weight: 700;
    color:#fff;
    background:#f44336;
    position: absolute;
    top: -3px;
    right: -3px;
}

.redpoint-intable{
    display: inline;
    margin-left: 10px;
    line-height: 1;
    min-width: 10px;
    border-radius: 10px;
    padding: 0 7px;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
    color: #fff;
    background: #f44336;
}

.badge-visible{
    overflow: visible !important;
}

.dropdown-menu-right{
    top:0 !important;
    left:100% !important;
    z-index: 100;
}

.clickspan{
    cursor: pointer;
}

.notification-title{
    font-family: sans-serif !important;
    font-weight: 700 !important;
    font-size: 16px !important;
}

.notification-item{
    background-color: #f9f9f9;
    border-radius: 10px;
    padding: 10px 20px;
    margin-bottom: 15px;
}

.notification-item-header span,.notification-item-header label{
    font-size: 12px !important;
    font-weight: 300 !important;
    color: #999;
}

.notification-item-header label:hover{
    cursor: pointer;
}

.notification-item-content p{
    margin: 0;
    font-size: 12px;
    font-weight: 400;
}

.toggle-switch {
    display: inline-block;
    position: relative;
    width: 48px;
    height: 24px;
    border-radius: 5px;
    margin-right: 10px;
}
.toggle-switch input[type="checkbox"] {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0px;
    filter: alpha(opacity=0);
    opacity: 0;
}
.toggle-switch input[type="checkbox"]:checked + .toggle-switch-content {
    border: 1px #959A9D solid;
}
.toggle-switch input[type="checkbox"]:checked + .toggle-switch-content .switch-true {
    display: none;
}
.toggle-switch input[type="checkbox"]:checked + .toggle-switch-content .switch-false {
    display: block;
    background: #959A9D;
}
.toggle-switch-content {
    border: 1px #48a0df solid;
    border-radius: 5px;
    width: 100%;
    height: 100%;
    display: table;
}
.switch-true,
.switch-false {
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
}
.switch-true {
    float: left;
    background: #48a0df;
}
.switch-false {
    float: right;
    background: #959A9D;
    display: none;
}

.comments-table{
    height: 150px;
    overflow: auto;
}
.comment-chat{
    margin: 0;
    padding: 0;
    list-style: none;
}

.comment-chat li {
    padding: 2px;
    display: flex;
}
.comment-chat li:first-child{
    margin-top:5px;
}
.comment-chat li.chat-right{
    flex-direction: row-reverse;
}
.comment-chat li:last-child{
    margin-bottom: 5px;
}
.bg-glocomment{
    background-color: #2a3c4d !important;
    color: #fff;
    border-radius: 5px;
    padding: 5px;
    word-break: break-word;
    max-width: 90%;
}
.bg-customercomment{
    background-color: #008efa !important;
    color: #fff;
    border-radius: 5px;
    padding: 5px;
    word-break: break-word;
    max-width: 90%;
}
.notification-tab{
    overflow: visible !important;
}
.notification-tab:after{
	content:"";
	display: block;
	clear: both;
}

.filter-tr input{
    color: #2a3c4d;
}


#exclusions-grid tbody tr td.name_reason,#emails-grid tbody tr td.name_reason{
    max-width: 300px;
    min-width: 300px;
    width: 300px;
    white-space: normal;
    word-break: break-word;
}

.width15p{
    width: 15% !important;
}

.lh-35{
    line-height: 35px;
}

#transfer-company-dropdown .form-control{
    height: auto !important;
}
