.data_mapping_table .modal-table .border-none {
    border: none;
}

.data_mapping_table .modal-table.table .table {
    margin-bottom: 0px;
}

.data_mapping_table .modal-table .col-12,
.data_mapping_table .modal-table .col-346 {
    padding: 0px;
}

.data_mapping_table th, .data_mapping_table td {
    border: 1px solid #ddd;
    padding: 8px;
    vertical-align: middle !important;
}

.data_mapping_table .leftPost tbody .tr:last-child .td,
.data_mapping_table .overflow_normal .col-2 {
    padding: 5px 8px;
}

.data_mapping_table .leftPost .td,
.data_mapping_table .overflow_normal td {
    min-height: 51px;
    height: 51px;
}

.data_mapping_table .darkMapping th,
.data_mapping_table .darkMapping td:first-child,
.data_mapping_table .header .dark_color {
    background-color: #e6e6e6 !important;
    font-weight: bold;
}

.data_mapping_table .header th {
    border: 1px solid #ddd !important;
}

.data_mapping_table .table.leftPost {
    border: none;
}

.data_mapping_table .selectric-wrapper {
    margin: 0px;
}

.data_mapping_table .selectric-open .selectric-items ul {
    /* We Change the below code - Pragnesh*/
    /*position: fixed;*/
    border: 1px solid #C4C4C4;
    border-top: none;
    border-radius: 0 0 5px 5px !important;
    -webkit-border-radius: 0 0 5px 5px !important;
}

    .data_mapping_table .selectric-open .selectric-items ul:before {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        bottom: 0;
        width: 3px;
        background-color: #406eb3;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
    }

.data_mapping_table .selectric-items {
    border: none;
}

.data_mapping_table .overflow_normal > .table {
    border: none;
    width: 75%;
}

.data_mapping_table .overflow_normal .modal-table .col-12 {
    width: 40%;
    min-width: 340px;
}

    .data_mapping_table .overflow_normal .modal-table .col-12 .col-1 {
        width: 50%;
    }

    .data_mapping_table .overflow_normal .modal-table .col-12 .col-2 {
        width: 50%;
    }

.data_mapping_table .overflow_normal .modal-table .col-346 {
    width: 60%;
}

    .data_mapping_table .overflow_normal .modal-table .col-346 .col-34 {
        width: 66.6%;
        min-width: 340px;
    }

    .data_mapping_table .overflow_normal .modal-table .col-346 .col-6 {
        width: 33.4%;
    }

.moreCells .modal-table {
    border: none;
    width: inherit;
}

.moreCells .overflow_normal .modal-table > thead > tr > td {
    float: left;
}

.moreCells .overflow_normal .table {
    width: 100%;
}

.moreCells .overflow_normal .modal-table .col-12 {
    width: 360px;
    min-width: 360px;
}

.moreCells .overflow_normal .modal-table .col-346 .col-34 {
    min-width: 360px;
}

.moreCells .overflow_normal .modal-table .col-346 .col-6 {
    width: 180px;
    min-width: 180px;
}

.moreCells .header .clear {
    border: none !important;
}

.moreCells .modal-table .col-1 {
    min-width: 184px;
}

.moreCells th, .moreCells td {
    min-width: 180px;
    width: 180px;
}

.moreCells .modal-table .clear {
    display: none;
}

.moreCells .selectric-wrapper {
    /* width: 113px; */
    width: 100%;
}

.f-modal-left {
    text-align: left;
}

.btn-notification {
    background-color: transparent;
}

    .btn-notification:focus {
        box-shadow: none;
    }

.minCells .modal-table .col-1 {
    min-width: 170px;
    width: 170px;
}

.minCells .modal-table .col-34 {
    width: 420px;
    min-width: 340px;
}

.minCells .leftPost .td,
.minCells .leftPost tr:last-child .td:first-child {
    padding: 13px 8px;
}

.minCells .modal-table .col-2,
.minCells .modal-table .col-3,
.minCells .modal-table .col-4,
.minCells .modal-table .col-5,
.minCells .modal-table .col-6 {
    min-width: 170px;
    width: 210px;
}

.minCells .modal-table .minCellsColumn .col-1 {
    width: 15%;
}

.minCells .modal-table .minCellsColumn .col-2 {
    width: 15%;
}

.minCells .modal-table .minCellsColumn .col-3 {
    width: 15%;
}

.minCells .modal-table .minCellsColumn .col-4 {
    width: 15%;
}

.minCells .modal-table .minCellsColumn .col-5 {
    width: 15%;
}

.minCells .modal-table .minCellsColumn .col-6 {
    width: 15%;
}

.minCells .selectric-wrapper {
    width: 100%;
}

.data_mapping_table .leftPost .td .selectric-open .selectric-items .selectric-scroll {
    overflow-y: scroll;
    overflow-x: hidden;
}

.data_mapping_table .leftPost .td .selectric-open .selectric-items {
    top: inherit;
    bottom: 40px;
    height: 200px !important;
}

    .data_mapping_table .leftPost .td .selectric-open .selectric-items .selectric-scroll ul {
        position: relative;
    }

.dual-list .list-group {
    margin-top: 8px;
}

.list-arrows {
    padding-top: 100px;
}

.list-arrows button {
    margin-bottom: 20px;
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    border-color: white;
}

.input-group-addon {
    top: 0;
}

@media screen and (min-width: 992px) {
    .moreCells .overflow_normal {
        overflow-x: inherit;
    }

    .modal-lg {
        width: 95%;
    }

    .modal-lgFullScreen {
        width: 100%;
    }

    .modal-distlgFullScreen {
        width: 97%;
    }

    .modal-lgNetworkScreen {
        width: 45%;
        height: 1200px !important;
    }

    .modal-lgNetMidScreen {
        width: 75%;
        height: 80% !important;
    }

    .mapHeight {
        height: 600px !important;
    }

    .modal-lgNetMidScreen .table .th:first-child {
        padding-left: 15px;
    }

    .modal-lgNetMidScreen .modal-body {
        padding: 20px 31px 20px;
    }

    .modal-lgNetMidScreen .table > tbody > tr > td, .table > tbody > tr > th {
        padding: 20px 20px !important;
    }
}

@media (min-width: 993px) and (max-width: 1199px) {
    .mapHeight {
        height: 600px !important;
    }
}

@media screen and (min-width: 1024px) {
    .moreCells .overflow_normal .table {
        width: inherit;
    }
}

@media screen and (min-width: 1200px) {
    .modal-lg {
        width: 97%;
    }

    .modal-lgFullScreen {
        width: 100%;
    }

    .modal-distlgFullScreen {
        width: 97%;
    }

    .mapHeight {
        height: 640px !important;
    }
}

@media screen and (max-width: 1200px) {
    .data_mapping_table .overflow_normal .modal-table .col-3 {
        display: none;
    }
}

@media screen and (max-width: 992px) {
    .data_mapping_table .overflow_normal .modal-table > thead > tr > td {
        float: none !important;
    }
}