body {
    font-family: 'helveticalight', sans-serif;
    background-color: #000000;
    font-size: 16px;
}

	.k-grid .k-alt {
        background-color: rgba(255, 255, 255, 0.04);
    }
    col.k-sorted, th.k-sorted {
        background-color: rgba(255, 255, 255, 0.2);
    }

.form-control {
    color: #6c7293;
}
.form-control:focus {
    /*color: #495057;*/
    color: #fff;
    background-color: #191c24;
    border-color: #373d4b;
    outline: 0;
    box-shadow: none;
}
    .form-control.input-mini:focus {
        background-color: #ffffff;
    }
.form-control:disabled, .form-control[readonly] {
    background-color: #191c24;
    color: #6c7293;
    cursor: default;
}
    .form-control[readonly].input-mini {
        background-color: #ffffff;
    }
.bg-light-black {
    background-color: #191c24;
}
.btn-search {
    background-color: #00b1ff;
    color: #fff;
    /*width: 200px;*/
    width: 100%;
}
.btn-save {
    /*background-color: #58bd78;*/
    background-color: #2FDF7B;
    color: #fff;
    /*width: 200px;*/
    width: 100%;
}
.btn-clear {
    background-color: transparent;
    color: #fff;
    /*width: 200px;*/
    width: 100%;
    border: solid 1px #373d4b;
}
footer {
    padding: 15px;
}
.bg-input {
    border: solid 1px #373d4b;
    background-color: #191c24;
}
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow:0;
}
.bg-transparent {
    background-color: transparent;
}
.light-gray {
    color: #ededed;
}
.mh-80vh {
    min-height: 80vh;
}
.font-26 {
    font-size: 26px;
}
.font-24 {
    font-size: 24px;
}
.font-22 {
    font-size: 22px;
}
.font-18 {
    font-size: 18px;
}
.font-14 {
    font-size: 14px;
}
.font-12 {
    font-size: 12px;
}
.font-12-lighter {
    font-size: 12px;
    font-weight: 100;
}
.text-head-table {
    color: #ededed;
}
.result-text {
    padding: 6px 0px;
    margin-right: 15px;
}
.txt-aaa {
    color: #aaaaaa;
}
.txt-70 {
    color: #707070;
}
.gray {
    /*color: #aaaaaa;*/
    color: #cccccc;
}
.grayc {
    color: #cccccc;
}
.grayPurple {
    color: #6c7293;
}
.font-20 {
    font-size: 20px;
}
.blue {
    color: #00b1ff!important;
    
}
.px-5px {
    padding-left: 5px;
    padding-right: 5px;
}
.header {
    background-color: #000;
}
.mb-35px {
    margin-bottom: 35px;
}
.bg-drak-black {
    /*background-color: #2f3235;*/
    background-color: #191c24;
}
.w-login-black {
    width: 65%;
}
.w-login-white {
    width: 35%;
}
.logo {
    width: 200px;
}
.input-group.date .form-control.bg-input {
    border-right: 0px;
}
.input-group.date .input-group-addon {
    border: solid 1px #373d4b;
    background-color: #191c24;
    border-left: 0px;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
}
.input-group.date .input-group-addon img {
    padding: 5px;
    width: 26px;
    margin-top: 5px;
    margin-right: 5px;
}
.h-100vh {
    height: 100vh;
}
.login-img {
    position: absolute;
    left: 30%;
    top: 50%;
    /*width: 530px;*/
    width: 100%;
    transform: translate(-50%, -50%);
}
.login-form {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    transform: translate(0%, -50%);
}
.btn-submit {
    border-radius: 4px;
    background-color: #ff6400;
    color: #fff;
    font-weight: bold;
}
.input-login {
    border-radius: 4px;
    border: solid 1px #cccccc;
    background-color: #ffffff;
}
.footer-login {
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 15px;
    color: #fff;
    text-align: center;
    background-color: #2f3235
}
.nav-menu {
    background-color: #191c24;
}
.btn-filter-calenda {
    border-radius: 4px;
    border: solid 1px #373d4b;
    background-color: #191c24;
    color: #ffffff;
}
.btn-filter-calenda img {
    width: 21px;
    padding: 2px;
}
.navbar-filter ul.navbar-nav {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.card-dashboard {
    border-radius: 4px;
    background-color: #191c24;
    margin-bottom: 15px;
}
.dropdown a.link-dropdown , .link-dropdown{
    color: #00b1ff;
    cursor: pointer;
}
.dashboard-progress {
    border: solid 1px #373d4b;
    background-color: #000;
    height: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.progress.dashboard-progress .progress-bar {
    border-radius: 7px;
    background-color: #00b1ff;
}
.tab-dashboard .nav-item .nav-link, .mobile-tab-dashboard .nav-item .nav-link {
    border: solid 1px #393d40;
    margin-left: 5px;
    /*margin-right: 5px;*/
    color: #aaaaaa;
    background-repeat: no-repeat;
    background-size: 23px;
    background-position: 20px center;
    width: 175px;
    padding-left: 50px;
}
.tab-dashboard .nav-item .nav-link.active {
    border: solid 1px #191c24;
    margin-left: 5px;
    /*margin-right: 5px;*/
    background-color: #191c24;
}
.tab-dashboard .nav-item .nav-link.summary {
    background-image: url("../image/icon/pie-chart.png");
    background-position: 30px;
}
.tab-dashboard .nav-item .nav-link.delivered {
    background-image: url("../image/icon/smiling.png");
    background-position: 30px;
}
.tab-dashboard .nav-item .nav-link.reportdomain {
    background-image: url("../image/icon/website-icon.png");
}
.tab-dashboard .nav-item .nav-link.reportip {
    background-image: url("../image/icon/cloud-computing.png");
}
.tab-dashboard .nav-item .nav-link.reportsender {
    background-image: url("../image/icon/send-button.png");
}
.tab-dashboard .nav-item .nav-link.undelivered {
    background-image: url("../image/icon/sad.png");
    background-position: 20px;
}
.tab-dashboard .nav-item .nav-link.summary.active {
    background-image: url("../image/icon/pie-chart-active.png");
    background-position: 30px;
    color: #00b1ff;
}
.tab-dashboard .nav-item .nav-link.delivered.active {
    background-image: url("../image/icon/smiling_active.png");
    background-position: 30px;
    color: #2fdf7b;
}
.tab-dashboard .nav-item .nav-link.undelivered.active {
    background-image: url("../image/icon/sad_active.png");
    background-position: 20px;
    color: #ed5f83;
}
.mobile-tab-dashboard .nav-item .nav-link.summary.active {
    color: #00b1ff;
}
.mobile-tab-dashboard .nav-item .nav-link.delivered.active {
    color: #2fdf7b;
}
.mobile-tab-dashboard .nav-item .nav-link.undelivered.active {
    color: #ed5f83;
}
.tab-dashboard .nav-item .nav-link.reportdomain.active {
    background-image: url("../image/icon/website-icon-active.png");
    color: #ffeb00;
}
.tab-dashboard .nav-item .nav-link.reportip.active {
    background-image: url("../image/icon/cloud-computing-active.png");
    color: #00ddff;
}
.tab-dashboard .nav-item .nav-link.reportsender.active {
    background-image: url("../image/icon/send-button-active.png");
    color: #e69900;
}

.card-tab-content {
    border-radius: 4px;
    background-color: #191c24;
    padding: 15px;
    min-height: 175px;
}
.card-dashboard-body {
    background-color: #000000;
    border: 0;
}
.card-dashboard-body .card-header {
    border-bottom: 1px solid #393d40;
}
.card-dashboard-body .card-body , .card-dashboard-body .card-header {
    padding:10px;
}
.card-dashboard-body .card-header div.dashboard-img {
    width: 27px;
    margin-right: 10px;
}
.card-dashboard-body .card-header .tl-summary , .card-dashboard-body .card-body .tl-summary {
    color: #00b1ff;
    margin-bottom: 0px;
}
.card-dashboard-body .card-header .tl-delivered , .card-dashboard-body .card-body .tl-delivered {
    color: #2fdf7b;
    margin-bottom: 0px;
}
.card-dashboard-body .card-header .tl-undelivered , .card-dashboard-body .card-body .tl-undelivered {
    color: #fc424a;
    margin-bottom: 0px;
}
.tl-delivered {
    color: #2fdf7b;
}
.tl-undelivered {
    color: #fc424a;
}
.progress-deliveredandunelivered {
    height: 10px;
    border-radius: 0px;
    margin-bottom: 20px;
}
.select-filter {
    border-radius: 4px;
    border: solid 1px #373d4b;
    background-color: #191c24;
    color: #ffffff;
    /*width: 120px;*/
    width: 100%;
    cursor: pointer;
}
.progress-deliveredandunelivered .deli {
    background-color: #2fdf7b;
}
.progress-deliveredandunelivered .uneli {
    background-color: #fc424a;
}
.Undelivered-list-group .list-group-item {
    background-color: transparent;
    padding-bottom: 0px;
    border-bottom: 1px solid #2c2e33;
    border-top: 0;
}
.dropdown-ipdn {
    color: #00b1ff;
    cursor: pointer;
    border: 0;
    background-color: transparent;
}
.dropdown-ipdn option {
    color: #393d40;
}
.dropdown-ipdn option:hover {
    background-color: #e8e8e8;
}

.tab-full-container .tab-dashboard li.nav-item {
    width: 33.33%;
}

.tab-full-container .tab-dashboard li.nav-item a.nav-link {
    text-align: center;
}

.table-custom-report {
    min-width: 925px !important;
}

    .table-custom-report thead > tr > th {
        background-color: #2f333b !important;
    }

.table.table-report {
    width: 100%;
    margin-bottom: 0px;
}
.table-report tr th {
    /*border: solid 1px #2c2e33;*/
    background-color: #393d40;
    text-align: center;
    vertical-align: middle;
    color: #ededed;
    font-weight: lighter;
    padding: 5px 4px;
}
.table-report.delivered-report tr td, .table-report.table-top100 tr td, .table-report.table-summaryReport tr td {
    /*border: solid 1px #2c2e33;*/
    font-size: 15px;
    border-top: 0px solid #2c2e33;
    border-right: 1px solid #2c2e33;
    border-bottom: 1px solid #2c2e33;
}
.table-report.table-summaryReport tr th {
    border-right: 0px solid #2c2e33;
    border-bottom: 1px solid #2c2e33;
}
.table-report.delivered-report tr th, .table-report.table-top100 tr th {
    border-right: 1px solid #2c2e33;
    border-bottom: 1px solid #2c2e33;
}
    .table-report.delivered-report tr th:first-child,
    .table-report.delivered-report tr td:first-child,
    .table-report.table-top100 tr th:first-child,
    .table-report.table-top100 tr td:first-child,
    .table-report.table-summaryReport tr th:first-child,
    .table-report.table-summaryReport tr td:first-child {
        border-left: 1px solid #2c2e33;
    }
.table-report.delivered-report tr th, .table-report.table-top100 tr th, .table-report.table-summaryReport tr th {
    border-top: 0px solid #2c2e33;
}
.table-report.table-summaryReport tr:nth-child(2) th,
.table-report.table-summaryReport tr:first-child th {
    border-right: 1px solid #2c2e33;
}
.table-report.table-summaryReport tr:nth-child(2) th:first-child {
    border-left: 0px;
}
.table-report.table-summaryReport tr:first-child th {
    border-top: 1px solid #2c2e33;
}
.table-report.table-summaryReport tr:first-child th:last-child {
    border-right: 1px solid #2c2e33;
}
.table-report tbody tr.report-body-website {
    cursor: pointer;
}
.table-report tbody tr.report-body-website td{
    background-color: #44484b;
    color: #ededed;
    text-align: center;
}
.table-report tbody tr.report-body-ip td {
    background-color: #191c24;
    color: #aaaaaa;
    text-align: center;
}
.table-report tbody tr td:first-child {
    text-align: left;
    padding-left: 35px;
}
.table-report.table-top100 tbody tr td:first-child {
    text-align: center;
    padding-left: 12px;
}
.table-report.table-top100 tbody tr td:nth-child(2) {
    text-align: center;
}
.table-report.table-top100 tbody tr td:nth-child(4) {
    text-align: center;
}
.table-report.table-top100 tbody tr td:last-child {
    text-align: center;
    /*padding-right: 35px;*/
}
.table-report.delivered-report tbody tr td:first-child {
    text-align: center;
}
.table-report tbody tr.report-body-website td:first-child {
    position: relative;
    background-image: url(../image/icon/down-arrow-table.png);
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: 10px center;
    text-align: left;
    padding-left: 35px;
}
#Domain .table-report thead tr:first-child th:first-child {
    background-color: #ffeb00;
    color: #000000;
    width: 200px;
}
#Domain .table-report thead tr:first-child th:nth-child(2),
#ReportIP .table-report thead tr:first-child th:nth-child(2),
#ReportSender .table-report thead tr:first-child th:nth-child(2) {
    background-color: #707070;
    color: #ededed;
}
#Domain .table-report thead tr:first-child th:nth-child(3),
#Domain .table-report thead tr:nth-child(2) th:first-child,
#ReportIP .table-report thead tr:first-child th:nth-child(3),
#ReportIP .table-report thead tr:nth-child(2) th:first-child,
#ReportSender .table-report thead tr:first-child th:nth-child(3),
#ReportSender .table-report thead tr:nth-child(2) th:first-child {
    background-color: #1bd36a;
    color: #ededed;
}
#Domain .table-report thead tr:first-child th:last-child,
#Domain .table-report thead tr:nth-child(2) th,
#ReportIP .table-report thead tr:first-child th:last-child,
#ReportIP .table-report thead tr:nth-child(2) th,
#ReportSender .table-report thead tr:first-child th:last-child,
#ReportSender .table-report thead tr:nth-child(2) th {
    background-color: #fc424a;
    color: #ededed;
}
#ReportIP .table-report thead tr:first-child th:first-child {
    background-color: #00ddff;
    color: #000000;
    width: 200px;
}
#ReportSender .table-report thead tr:first-child th:first-child {
    background-color: #e69900;
    color: #000000;
    width: 200px;
}
#ReportSender .table-report tbody tr td {
    color: #e69900;
}
#ReportIP .table-report tbody tr.report-body-website td {
    color: #00ddff;
    background-color: #232730;
}
#Domain .table-report tbody tr.report-body-website td {
    color: #ffeb00;
    background-color: #232730;
}
#Domain .table-report tbody tr.report-body-website td:nth-child(2),
#ReportIP .table-report tbody tr.report-body-website td:nth-child(2),
#ReportSender .table-report.table-summaryReport tbody tr td:nth-child(2) {
    color: #ffffff;
}
#Domain .table-report tbody tr.report-body-website td:nth-child(3),
#ReportIP .table-report tbody tr.report-body-website td:nth-child(3),
#ReportSender .table-report.table-summaryReport tbody tr td:nth-child(3) {
    color: #1bd36a;
}
#Domain .table-report tbody tr.report-body-website td:nth-child(1n+4),
#ReportIP .table-report tbody tr.report-body-website td:nth-child(1n+4),
#ReportSender .table-report.table-summaryReport tbody tr td:nth-child(1n+4) {
    color: #ff5e65;
}
.export-csv img , .export-pdf img {
    width: 20px;
}
.export-csv {
    background-color: #71ab18;
    color: #ffffff;
    width: 100%;
    border-radius: 3px;
    padding-left: 20px;
    padding-right: 20px;
    /*margin-right: 15px;*/
    position: relative;
    box-shadow: inset 0 0 0 0 rgb(255 255 255 / 28%);
    -webkit-transition: ease-out 0.5s;
    -moz-transition: ease-out 0.5s;
    transition: ease-out 0.5s;
}
.export-csv:hover {
    box-shadow: inset 400px 0 0 0 #71ab18;
}
.export-pdf {
    color: #ea3023;
    border-radius: 3px;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    box-shadow: inset 0 0 0 0 rgb(128 126 126 / 18%);
    -webkit-transition: ease-out 0.5s;
    -moz-transition: ease-out 0.5s;
    transition: ease-out 0.5s;
}
.table-report .set-boder-rigth {
    border-right: 0px;
}
.table-report .set-boder-left {
    border-left: 0px;
}
.table-report .set-boder {
    border-left: 0px;
    border-right: 0px;
}
.export-pdf:hover {
    box-shadow: inset 400px 0 0 0 #fff;
}
.table-report.top100 tr td {
    background-color: #191c24;
}
.table-report.top100 tr th {
    padding: 15px;
    background-color: #2f333b;
}
.table-report.delivered-report tr th {
    background-color: #373d4b;
}
.table-report.delivered-report tr td {
    color: #aaaaaa;
}
.table-report.delivered-report tr > .tooltipColumn {
    position: relative;
}
.table-report.delivered-report, .table-report.table-top100, .table-report.table-summaryReport {
    border-collapse: separate;
    border-spacing: 0;
}
    .table-report.delivered-report tr:last-child td:first-child,
    .table-report.table-top100 tr:last-child td:first-child,
    .table-report.table-summaryReport tr:last-child td:first-child {
        border-bottom-left-radius: 4px;
    }

    .table-report.delivered-report tr:last-child td:last-child,
    .table-report.table-top100 tr:last-child td:last-child,
    .table-report.table-summaryReport tr:last-child td:last-child {
        border-bottom-right-radius: 4px;
    }
    .table-report.delivered-report tr:first-child th:first-child,
    .table-report.table-top100 tr:first-child th:first-child,
    .table-report.table-summaryReport tr:first-child th:first-child {
        border-top-left-radius: 4px;
    }
    .table-report.delivered-report tr:first-child th:last-child,
    .table-report.table-top100 tr:first-child th:last-child,
    .table-report.table-summaryReport tr:first-child th:last-child {
        border-top-right-radius: 4px;
    }
.table-report.delivered-report tr > .tooltipColumn > .tooltipBox {
    display: none;
}
    .table-report.delivered-report tr > .tooltipColumn:hover > .tooltipBox {
        position: absolute;
        display: block !important;
        width: auto;
        height: auto;
        max-width: 320px;
        max-height: 45px;
        background-color: #ffffff;
        overflow: auto;
        padding: 6px 12px;
        border-radius: 6px;
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
        left: -175px;
        white-space: pre;
        top: -30px;
        color: #707070;
    }
        .table-report.delivered-report tr > .tooltipColumn:hover > .tooltipBox > a {
            color: #1968ee;
            text-decoration: none;
        }
.br-radius {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}
.img-calendar {
    width: 20px;
    height: 20px;
}
.pagination.page-pagint .page-item .page-link {
    background-color: transparent;
    border: 0px;
    padding: 5px;
    font-size: 16px;
    color: #aaaaaa;
}
.pagination.page-pagint .page-item .page-link img {
    width: 9px;
    margin-top: -3px;
}
.pagination.page-pagint .page-item .page-link img.prev , .pagination.page-pagint .page-item .page-link img.next {
    width: 6px;
}
.refresh-btn img {
    width: 100%;
}
.refresh-btn {
    width: 20px;
    padding: 0;
    background-color: transparent;
    margin-top: -6px;
}
select.example_length {
    border-radius: 4px;
    border: solid 1px #aaaaaa;
    background-color: #393d40;
    color: #aaaaaa;
    padding: 5px 10px;
    margin-right: 10px;
    margin-left: 10px;
    text-align: center;
    width: 70px;
}
.flip {
    transform: rotate(-1080deg);
}
.img-refresh {
    -moz-transition: transform 100ms;
    -webkit-transition: transform 100ms;
    transition: transform 100ms;
 }
 .delivered-report.top100.table tr td:first-child {
     padding-left: 15px;
 }
 .collaps-card {
     border-radius: 0px;
     border: 0;
 }
 .collaps-card img {
     width: 15px;
     margin-right: 15px;
 }
 .collaps-card.btn:focus {
     box-shadow: none;
     border: 0;
 }
 .collapse .card-dashboard {
    border: 0;
    border-radius: 0;
    margin-top: 0px;
 }
/* .border-bottom {
    border-bottom: 1px solid #575757!important;
}
.border-top {
    border-top: 1px solid #575757!important;
} */
/* ------------------------------------------
------------- Responsive --------------------
--------------------------------------------- */

/* ------------- Max-width 575px ------------- */
@media(max-width:575px) {
    .font-24 {
        font-size: 18px;
    }
    .font-20 {
        font-size: 16px;
    }
    .tab-dashboard .nav-item .nav-link {
        border: solid 1px #393d40;
        margin-left: 0 !important;
        margin-right: 0 !important;
        color: #6c7293;
        background-repeat: no-repeat;
        background-size: 20px;
        background-position: 20px center;
        width: auto;
        padding-left: 25px;
        font-size: 16px;
    }
    .mobile-tab-dashboard .nav-item .nav-link {
        border: solid 1px #393d40;
        margin-left: 5px;
        /*margin-right: 5px;*/
        color: #6c7293;
        background-repeat: no-repeat;
        background-size: 20px;
        background-position: 20px center;
        width: auto;
        padding-left: 16px;
        font-size: 16px;
    }
    .tab-dashboard li.nav-item {
        width: 33.33%;
    }
    .mobile-tab-dashboard li.nav-item {
        width: 100%;
    }
    .card-dashboard-body {
        margin-bottom: 15px;
    }
    .max-575-d-none {
        display: none;
    }
    .mobile-tab-dashboard .nav-item .nav-link.active {
        margin-left: 0;
        margin-right: 0;
    }
    .mobile-tab-dashboard .nav-item.dropdown .dropdown-menu.show {
        width: 100%;
    }
    .max-575-plr-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .UserLoginSection > .dropdown > .username > span {
        display: none;
    }
    .max-575-mx-auto {
        margin: auto;
    }
    .nav-tabs-dropdown, .nav-tabs-dropdown-day, .nav-tabs-dropdown-summaryReport {
        display: block;
        width: 100%;
    }
    .expanded-dropdown-mobile {
        padding: 19px 20px 19px 20px;
        margin-bottom: 20px;
        background-color: #000;
        border: 1px solid transparent;
        border-color: rgba(255,255,255,.1);
        border-radius: 4px;
        position: absolute;
        width: 100%;
        z-index: 1000;
    }
    .expanded-dropdown-mobile > li {
        width: 100% !important;
    }
    #nav-tabs-wrapper .nav-item:first-child, #nav-tabs-wrapper .nav-item:nth-child(2) {
        margin-bottom: 1px;
    }
    #nav-tabs-wrapper {
        right: 5px;
        width: calc(100% - 10px);
    }
    #nav-tabs-wrapper-day {
        top: 50px;
        right: 0px;
    }
    #navtab-summary-report {
        width: calc(100% - 30px);
    }
    #nav-tabs-wrapper-day .nav-item:first-child .nav-link {
        margin-top: -10px;
    }
    .UserLoginSection .dropdown-menu {
        left: -52px !important;
    }
    #navtab-day {
        padding-left: 0;
        padding-right: 0;
    }
    .tab-dashboard .nav-item .nav-link.summary, .tab-dashboard .nav-item .nav-link.summary.active,
    .tab-dashboard .nav-item .nav-link.delivered, .tab-dashboard .nav-item .nav-link.delivered.active,
    .tab-dashboard .nav-item .nav-link.undelivered, .tab-dashboard .nav-item .nav-link.undelivered.active,
    .tab-dashboard .nav-item .nav-link.reportdomain, .tab-dashboard .nav-item .nav-link.reportdomain.active,
    .tab-dashboard .nav-item .nav-link.reportip, .tab-dashboard .nav-item .nav-link.reportip.active,
    .tab-dashboard .nav-item .nav-link.reportsender, .tab-dashboard .nav-item .nav-link.reportsender.active {
        background-image: none !important;
    }

    .tab-dashboard .nav-item .nav-link.summary::before {
        content: "";
        display: inline-block;
        background-image: url("../image/icon/pie-chart.png");
        position: relative;
        width: 18px;
        height: 18px;
        background-size: 19px;
        background-repeat: no-repeat;
        top: 4px;
        left: -9px;
    }
    .tab-dashboard .nav-item .nav-link.summary.active::before {
        content: "";
        display: inline-block;
        background-image: url("../image/icon/pie-chart-active.png");
        position: relative;
        width: 18px;
        height: 18px;
        background-size: 19px;
        background-repeat: no-repeat;
        top: 4px;
        left: -9px;
        color: #00b1ff;
    }
    .tab-dashboard .nav-item .nav-link.delivered::before {
        content: "";
        display: inline-block;
        background-image: url("../image/icon/smiling.png");
        position: relative;
        width: 18px;
        height: 18px;
        background-size: 19px;
        background-repeat: no-repeat;
        top: 4px;
        left: -9px;
    }
    .tab-dashboard .nav-item .nav-link.delivered.active::before {
        content: "";
        display: inline-block;
        background-image: url("../image/icon/smiling_active.png");
        position: relative;
        width: 18px;
        height: 18px;
        background-size: 19px;
        background-repeat: no-repeat;
        top: 4px;
        left: -9px;
        color: #00b1ff;
    }
    .tab-dashboard .nav-item .nav-link.undelivered::before {
        content: "";
        display: inline-block;
        background-image: url("../image/icon/sad.png");
        position: relative;
        width: 18px;
        height: 18px;
        background-size: 19px;
        background-repeat: no-repeat;
        top: 4px;
        left: -9px;
    }
    .tab-dashboard .nav-item .nav-link.undelivered.active::before {
        content: "";
        display: inline-block;
        background-image: url("../image/icon/sad_active.png");
        position: relative;
        width: 18px;
        height: 18px;
        background-size: 19px;
        background-repeat: no-repeat;
        top: 4px;
        left: -9px;
        color: #00b1ff;
    }
    .tab-dashboard .nav-item .nav-link.reportdomain::before {
        content: "";
        display: inline-block;
        background-image: url(../image/icon/website-icon.png);
        position: relative;
        width: 18px;
        height: 18px;
        background-size: 19px;
        background-repeat: no-repeat;
        top: 4px;
        left: -9px;
    }
    .tab-dashboard .nav-item .nav-link.reportdomain.active::before {
        content: "";
        display: inline-block;
        background-image: url(../image/icon/website-icon-active.png);
        position: relative;
        width: 18px;
        height: 18px;
        background-size: 19px;
        background-repeat: no-repeat;
        top: 4px;
        left: -9px;
        color: #00b1ff;
    }
    .tab-dashboard .nav-item .nav-link.reportip::before {
        content: "";
        display: inline-block;
        background-image: url(../image/icon/cloud-computing.png);
        position: relative;
        width: 18px;
        height: 18px;
        background-size: 19px;
        background-repeat: no-repeat;
        top: 4px;
        left: -9px;
    }

    .tab-dashboard .nav-item .nav-link.reportip.active::before {
        content: "";
        display: inline-block;
        background-image: url(../image/icon/cloud-computing-active.png);
        position: relative;
        width: 18px;
        height: 18px;
        background-size: 19px;
        background-repeat: no-repeat;
        top: 4px;
        left: -9px;
        color: #00b1ff;
    }
    .tab-dashboard .nav-item .nav-link.reportsender::before {
        content: "";
        display: inline-block;
        background-image: url(../image/icon/send-button.png);
        position: relative;
        width: 18px;
        height: 18px;
        background-size: 19px;
        background-repeat: no-repeat;
        top: 4px;
        left: -9px;
    }
    .tab-dashboard .nav-item .nav-link.reportsender.active::before {
        content: "";
        display: inline-block;
        background-image: url(../image/icon/send-button-active.png);
        position: relative;
        width: 18px;
        height: 18px;
        background-size: 19px;
        background-repeat: no-repeat;
        top: 4px;
        left: -9px;
        color: #00b1ff;
    }
    .daterangepicker {
        width: auto !important;
        left: 15px !important;
        right: 15px !important;
    }
    .max575-mx-auto {
        margin: auto;
    }
    .daterangepicker .ranges li {
        float: left;
        width: 50%;
    }
    .daterangepicker_input {
        clear: both !important;
    }
    .pagination.page-pagint ~ .form-group.gray {
        display: none !important;
    }
    section:last-child .text-right > span {
        display: none !important;
    }
    /*.brandSection {
        width: 100%;
        text-align: center;
    }
    .UserLoginSection {
        width: 100%;
        text-align: center;
    }*/
}
/* -----------END Max-width 575px ------------- */
@media (min-width: 563px) {
    .min564-mt-60 {
        margin-top: 60px !important;
    }
}

@media (max-width: 450px) {
    .daterangepicker.show-calendar .ranges ul li {
        width: 50% !important;
    }

}

/* ------------- Max-width 575px ------------- */
@media(max-width:350px) {
    .logo {
        width: 175px !important;
    }

    /*.UserLoginSection {
        margin-left: -15px !important;
    }*/
}

/* -------------END Max-width 575px ------------- */

/* ------------- Min-width 576px ------------- */
@media(min-width:576px) {
    .card-dashboard-body {
        background-color: #000000;
        border: 0;
        margin-bottom: 15px;
    }
    .tab-dashboard li.nav-item {
        width: 33%;
    }    
    .tab-dashboard .nav-item .nav-link {
        border: solid 1px #393d40;
        color: #6c7293;
        background-repeat: no-repeat;
        background-size: 23px;
        background-position: 20px center;
        width: auto;
        padding-left: 45px;
        font-size: 18px;
    }
    .min-576-d-none {
        display: none;
    }
    #nav-tabs-wrapper, #nav-tabs-wrapper-day, #navtab-summary-report {
        display: flex !important;
    }
    #navtab-summary-report {
        margin-left: -5px;
    }
    .pagination.page-pagint ~ .form-group.gray > label {
        white-space: nowrap;
    }
}
/* ------------- END Min-width 576px ------------- */
@media (min-width: 451px) and (max-width: 575px) {
    .daterangepicker {
        left: auto !important;
        right: 15px !important;
    }
}

@media (max-width: 563px) {
    .daterangepicker .calendar-table .table-condensed th, 
    .daterangepicker .calendar-table .table-condensed td {
        padding: 6px;
    }

    .daterangepicker .drp-calendar.left {
        padding-left: 0 !important;
    }

    .daterangepicker .drp-calendar.right {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}

@media (min-width: 564px) {
    .daterangepicker {
        max-width: 440px !important;
    }
        .daterangepicker .ranges {
            float: none !important;
        }
}

/* ------------- Min-width 768px ------------- */
@media(min-width:768px) {
    .tab-dashboard li.nav-item {
        width: 28%;
    }
    .btn-clear-padding {
        padding-left: 8px;
        padding-right: 12px;
    }
    .btn-search-padding {
        padding-left: 4px;
        padding-right: 16px;
    }
    .min768-mt-18 {
        margin-top: 18px;
    }
}
/* ------------- END Min-width 768px ------------- */

/* Edit by Another Front-End Developer */
@media (min-width: 576px) and (max-width: 767px) {
    .btn-clear-padding {
        padding-right: 8px;
    }

    .btn-search-padding {
        padding-left: 8px;
    }

    .tab-dashboard .nav-item .nav-link.reportdomain {
        background-position: 22%;
    }

    .tab-dashboard .nav-item .nav-link.reportip {
        background-position: 40%;
    }

    .tab-dashboard .nav-item .nav-link.reportsender {
        background-position: 25%;
    }
}

@media (min-width: 576px) and (max-width: 991px) {
    .m576-m991-mt-30 {
        margin-top: 30px;
    }

    .result-position {
        position: absolute;
        top: -5px;
        right: 42%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {  
    .tab-dashboard .nav-item .nav-link.reportdomain {
        background-position: 30%;
    }

    .tab-dashboard .nav-item .nav-link.reportip {
        background-position: 40%;
    }

    .tab-dashboard .nav-item .nav-link.reportsender {
        background-position: 30%;
    }

    .report-filter-select {
        width: 217px !important;
    }
}

@media (max-width: 991px) {
    .w-login-black {
        width: 100% !important;
    }

    .login-white {
        display: none !important;
    }
}

@media (min-width: 992px) {
    .min992-ml-minus-3 {
        margin-left: -3px;
    }

    .tab-dashboard .nav-item .nav-link.reportip {
        background-position: 35%;
    }

    .report-filter-select {
        width: 236px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .position-calenda-img {
        position: relative;
        right: -30px;
    }

    .m992-m1199-ml-15 {
        margin-left: 15px;
    }
}

@media (max-width: 1199px) {
    
}

@media (min-width: 1200px) {
    .logo-login {
        margin-left: 177px;
        padding: 5px;
        width: 210px;
    }

    .report-filter-select {
        width: 300px;
    }
}

.icon-satisfy-position, .icon-unsatisfy-position {
    position: relative;
    top: -5px;
}

.navbar-filter .navbar-nav .nav-item > .nav-link {
    color: #6c7293;
}

    .navbar-filter .navbar-nav .nav-item.active > .nav-link {
        color: #fff;
    }

.home-hr {
    border: 1px solid #2f3235;
}

.navbar-expand-md .navbar-collapse .navbar-nav .nav-item > .nav-link {
    color: #fff;
}

.navbar-expand-md .navbar-collapse .navbar-nav .nav-item.active > .nav-link {
    color: #ff6400;
}

    .navbar-expand-md .navbar-collapse .navbar-nav .nav-item > .nav-link > img {
        filter: brightness(0) invert(1);
    }

    .navbar-expand-md .navbar-collapse .navbar-nav .nav-item.active > .nav-link > img {
        filter: none;
    }

.UserLoginSection .dropdown-toggle.username {
    background-color: #000;
    color: #fff;
}

.opacity-08 {
    opacity: 0.8;
}

.mobile-tab-dashboard .nav-item.dropdown .nav-link.active {
    text-align: center;
}

.nav-tabs-dropdown.summary::before {
    content: "";
    display: inline-block;
    background-image: url("../image/icon/pie-chart-active.png");
    position: relative;
    width: 19px;
    height: 19px;
    background-size: 19px;
    background-repeat: no-repeat;
    top: 4px;
    left: -9px;
    color: #00b1ff;
}

.nav-tabs-dropdown.summary, .nav-tabs-dropdown.summary:hover {
    color: #00b1ff;
}

 .nav-tabs-dropdown.delivered::before {
    content: "";
    display: inline-block;
    background-image: url("../image/icon/smiling_active.png");
    position: relative;
    width: 19px;
    height: 19px;
    background-size: 19px;
    background-repeat: no-repeat;
    top: 4px;
    left: -9px;
    color: #2fdf7b;
}

.nav-tabs-dropdown.delivered, .nav-tabs-dropdown.delivered:hover {
    color: #2fdf7b;
}

.nav-tabs-dropdown.undelivered::before {
    content: "";
    display: inline-block;
    background-image: url("../image/icon/sad_active.png");
    position: relative;
    width: 19px;
    height: 19px;
    background-size: 19px;
    background-repeat: no-repeat;
    top: 4px;
    left: -9px;
    color: #ed5f83;
}

.nav-tabs-dropdown.undelivered, .nav-tabs-dropdown.undelivered:hover {
    color: #ed5f83;
}

.nav-tabs-dropdown, .nav-tabs-dropdown:hover, .nav-tabs-dropdown-summaryReport, .nav-tabs-dropdown-summaryReport:hover {
    text-decoration: none;
    text-transform: capitalize;
    border: solid 1px #393d40;
    border-radius: 4px;
    padding: 8px 16px 8px 16px;
}

.nav-tabs-dropdown-day, .nav-tabs-dropdown-day:hover {
    text-decoration: none;
    color: #fff;
    border: solid 1px #393d40;
    border-radius: 4px;
    padding: 8px 16px 8px 16px;
}

.nav-tabs-dropdown-summaryReport.domain::before {
    content: "";
    display: inline-block;
    background-image: url(../image/icon/website-icon-active.png);
    position: relative;
    width: 19px;
    height: 19px;
    background-size: 19px;
    background-repeat: no-repeat;
    top: 4px;
    left: -9px;    
}

.nav-tabs-dropdown-summaryReport.domain, .nav-tabs-dropdown-summaryReport.domain:hover {
    color: #ffeb00;
}

.nav-tabs-dropdown-summaryReport.ip::before {
    content: "";
    display: inline-block;
    background-image: url(../image/icon/cloud-computing-active.png);
    position: relative;
    width: 19px;
    height: 19px;
    background-size: 19px;
    background-repeat: no-repeat;
    top: 4px;
    left: -9px;
}

.nav-tabs-dropdown-summaryReport.ip, .nav-tabs-dropdown-summaryReport.ip:hover {
    color: #00ddff;
}

.nav-tabs-dropdown-summaryReport.sender::before {
    content: "";
    display: inline-block;
    background-image: url(../image/icon/send-button-active.png);
    position: relative;
    width: 19px;
    height: 19px;
    background-size: 19px;
    background-repeat: no-repeat;
    top: 4px;
    left: -9px;
}

.nav-tabs-dropdown-summaryReport.sender, .nav-tabs-dropdown-summaryReport.sender:hover {
    color: #e69900;
}


.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.table-report > thead > tr > th {
    background-color: #191c24;
}

.collaps-onclick .collaps-card .rotate-click {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
}

.collaps-onclick .collaps-card.collapsed .rotate-click {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.cog-setting-icon {
    margin-top: -5px;
}

.text-ed {
    color: #ededed;
}

.text-note-results {
    color: #6c7293;
}

.table-report.table-summaryReport {
    min-width: 1110px;
}

.table-report.top100 {
    min-width: 925px;
}

.table-report.delivered-report {
    min-width: 1110px;
}
/* Custom Radio css */
/* The container */
.container-radio {
    display: inline-block;
    position: relative;
    padding-left: 22px;
    /*margin-bottom: 12px;*/
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default radio button */
    .container-radio input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

/* Create a custom radio button */
.checkmark-radio {
    position: absolute;
    top: 5px;
    left: 0;
    height: 14px;
    width: 14px;
    background-color: #000;
    border-radius: 50%;
    border: 1px solid #707070;
}

/* On mouse-over, add a grey background color */
.container-radio:hover input ~ .checkmark-radio {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container-radio input:checked ~ .checkmark-radio {
    background-color: #000;
    border-color: #ededed;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark-radio:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.container-radio input:checked ~ .checkmark-radio:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.container-radio .checkmark-radio:after {
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}
/* End Custom Radio Css */

/* Telerik Table Css */
/* table thead .k-header[data-title="Domain"] {
    background-color: #ffeb00;
} */

table thead .k-header[data-title="Sending<br ></th>Volumn"] {
    background-color: #707070;  
}

table thead .k-header[data-title="IP"] {
    background-color: #00ddff;
}

/* table thead .k-header[data-title="Sender"] {
    background-color: #e69900;
} */

/* table thead .k-header[data-title="Sending<br ></th>Volumn"] > .k-link,
table thead .k-header[data-title="Success"] > .k-link,
table thead .k-header[data-title="Connection<br ></th>failed"] > .k-link,
table thead .k-header[data-title="Inactive<br ></th>recipients"] > .k-link,
table thead .k-header[data-title="Invalid<br ></th>domains"] > .k-link,
table thead .k-header[data-title="Invalid<br ></th>recipients"] > .k-link,
table thead .k-header[data-title="Message<br ></th>rejected"] > .k-link,
table thead .k-header[data-title="Mailbox<br ></th>full"] > .k-link,
table thead .k-header[data-title="Queue<br ></th>expired"] > .k-link,
table thead .k-header[data-title="Unknown"] > .k-link,
table thead .k-header[data-title="Total"] > .k-link {
    color: #ededed;
} */

table thead .k-header[data-title="Delivered"] {
    background-color: #1bd36a;
    color: #ededed;
}

table thead .k-header[data-title="Success"] {
    background-color: #1bd36a;
}

table thead .k-header[data-title="Undelivered"] {
    background-color: #fc424a;
    color: #ededed;
}

/* table thead .k-header[data-title="Connection<br ></th>failed"],
table thead .k-header[data-title="Inactive<br ></th>recipients"],
table thead .k-header[data-title="Invalid<br ></th>domains"],
table thead .k-header[data-title="Invalid<br ></th>recipients"],
table thead .k-header[data-title="Message<br ></th>rejected"],
table thead .k-header[data-title="Mailbox<br ></th>full"],
table thead .k-header[data-title="Queue<br ></th>expired"],
table thead .k-header[data-title="Unknown"],
table thead .k-header[data-title="Total"] {
    background-color: #fc424a;
} */

.k-grid-header th.k-header {
    vertical-align: middle !important;
}

.k-header, .k-grid-header-wrap, .k-grid .k-grouping-header, .k-grid-header, .k-pager-wrap, .k-pager-wrap .k-textbox, .k-pager-wrap .k-link, .k-grouping-header .k-group-indicator, .k-gantt-toolbar .k-state-default {
    border-color: #2c2e33 !important;
}

    .k-block, .k-widget, .k-input, .k-textbox, .k-group, .k-content, .k-header, .k-filter-row > th, .k-editable-area, .k-separator, .k-colorpicker .k-i-arrow-s, .k-textbox > input, .k-autocomplete, .k-dropdown-wrap, .k-toolbar, .k-group-footer td, .k-grid-footer, .k-footer-template td, .k-state-default, .k-state-default .k-select, .k-state-disabled, .k-grid-header, .k-grid-header-wrap, .k-grid-header-locked, .k-grid-footer-locked, .k-grid-content-locked, .k-grid td, .k-grid td.k-state-selected, .k-grid-footer-wrap, .k-pager-wrap, .k-pager-wrap .k-link, .k-pager-refresh, .k-grouping-header, .k-grouping-header .k-group-indicator, .k-panelbar > .k-item > .k-link, .k-panel > .k-item > .k-link, .k-panelbar .k-panel, .k-panelbar .k-content, .k-treemap-tile, .k-calendar th, .k-slider-track, .k-splitbar, .k-dropzone-active, .k-tiles, .k-toolbar, .k-tooltip, .k-button-group .k-tool, .k-upload-files {
        border-color: #2c2e33 !important;
    }

    .k-grouping-header {
        display: none;
    }

.k-grid-header th.k-header, .k-filter-row th {
    text-align: center !important;
}

.k-header, .k-grid-header, .k-toolbar, .k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap, .k-grouping-header, .k-pager-wrap, .k-textbox, .k-button, .k-progressbar, .k-draghandle, .k-autocomplete, .k-state-highlight, .k-tabstrip-items .k-item, .k-panelbar .k-tabstrip-items .k-item, .km-pane-wrapper > .km-pane > .km-view > .km-content {
    background-image: none !important;
}   

    .k-grid-header th.k-header:first-child {
        border-left: 1px solid !important;
    }

    .grid-domain .k-grouping-row > td {
        background-color: #232730;
        color: #ffeb00;
    }

    .grid-ip .k-grouping-row > td {
        background-color: #232730;
        color: #00ddff;
    }

    .grid-sender .k-grouping-row > td {
        background-color: #232730;
        color: #e69900;
    }

.k-grouping-row > td > p {
    font-weight: normal;
}

/* table tbody tr:not(:first-child), .k-grid .k-alt {
    background-color: #191C24;
}

    table tbody tr:not(:first-child) > td {
        color: #aaaaaa;
        text-align: center;
    } */

    table tbody .k-grouping-row > td[aria-expanded] {
        text-align: left !important;
    }

/* div.k-grid-header, div.k-grid-footer {
    padding-right: 0px !important;
} */

.k-group-footer td {
    background-color: #232730 !important;
}

.k-group-footer > td {
    background-color: #232730;
}

.k-group-footer > td:nth-child(3) {
    color: #ffffff;
}

.k-group-footer > td:nth-child(4) {
    color: #1bd36a;
}

.k-group-footer > td:nth-child(n+5) {
    color: #ff5e65;
}

.k-pager-wrap.k-grid-pager.k-widget.k-floatwrap {
    //display: none;
	background-color: #191C24;
    color: #c8c8c8;
}

#gridSummary {
    height: auto;
}

.grid-sender table tbody > tr > td {
    text-align: center;
    background-color: #191C24;
    color: #aaaaaa;
}

#gridSummary .k-grid-content {
    max-height: 415px;
    overflow-y: auto;
}

    /* Modal Css */
    #ModalSave .modal-header {
        background-color: #2fdf7b;
        color: #fff;
        padding-top: .75rem;
        padding-bottom: .75rem;
    }

#ModalSave .form-control {
    border-color: #aaaaaa;
    /*color: #aaaaaa;*/
    color: #707070;
}

#ModalSave .form-control:focus {
    background-color: #fff;
}

#ModalSave .btn-modalOK {
    background-color: #707070;
    color: #fff;
    width: 100%;
    transition: all .5s;
}

#ModalSave .btn-modalOK:hover {
    background-color: #fff;
    color: #707070;    
    border: 1px solid #707070;
}

#ModalSave .btn-modalCancel {
    background-color: #fff;
    color: #707070;
    border: 1px solid #707070;
    width: 100%;
    transition: all .5s;
}

#ModalSave .btn-modalCancel:hover {
    background-color: #707070;
    color: #fff;
}

/* End Modal Css */

/* Select2 Css */
/*.select2 .selection .select2-selection--multiple {
    overflow-y: auto;
    max-height: 38px;
    height: auto;
}*/

.select2-container--default .select2-selection--multiple {
    border: solid 1px #373d4b;
    background-color: #191c24;
    padding-right: 30px !important;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    border: solid 1px #373d4b;
    background-color: #191c24;
}

    .select2-container--default.select2-container--disabled .select2-selection--multiple .select2-search input {
        color: #6c7293;
    }

    .select2-container--default .select2-selection--multiple::after {
        content: "";
        position: absolute;
        right: 10px;
        top: 40%;
        border: solid #ededed;
        border-width: 0 2px 2px 0;
        padding: 2px;
        transform: rotate( 45deg );
        -webkit-transform: rotate( 45deg );
    }

    .select2-container--default.select2-container--disabled .select2-selection--multiple::after {
        display: none;
    }

    .select2-search input {
        color: #fff;
    }

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #0E1015;
    border: 1px solid #1E212A;
    color: #ededed;
    padding-left: 3px;
    font-size: 14px;
    /*opacity: 0.4;*/
}

.select2-container--default.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
    border: solid 1px #1D2129;
    background-color: #191C24;
    color: #6c7293;
    font-size: 14px;
}

    .select2-container--default.select2-container--disabled .select2-selection--multiple .select2-selection__choice:nth-last-child(2) {
        background-color: #21242A;
    }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #6c7293;
    float: right;
    /*margin-right: 0;*/
    margin-left: 5px;
}
/* End Select2 Css */

/* End Modal Css */
.table-responsive .k-grid{
	min-width: 1000px;
}
.k-grid-content table tbody tr:nth-child(odd){
  background-color: #191c24;
}
.k-grid-content table tbody tr:nth-child(even){
	background-color: #1e212c;
	}
.k-grid-content table tbody tr td{
  color : #c8c8c8;
  font-size: 14px;
}
 .k-grid-content table tbody tr td{
	text-align: center;
}
.k-grid-content table tbody tr td:first-child{text-align: left;}


#gridSummary {
min-width: 1500px;
}
#gridSummary .k-grid-content table tbody tr:nth-child(odd){
  background-color: #191c24;
}
#gridSummary .k-grid-content table tbody tr:nth-child(even){
	background-color: #1e212c;
	}
#gridSummary .k-grid-content table tbody tr td{
  color : #c8c8c8;
  font-size: 14px;
}
#gridSummary .k-grid-content table tbody tr td{
	text-align: center;
}
#gridSummary .k-grid-content table tbody tr td:first-child{text-align: left;}

#gridSummarySender{
min-width: 1500px;
}
#gridSummarySender .k-grid-content table tbody tr:nth-child(odd){
  background-color: #191c24;
}
#gridSummarySender .k-grid-content table tbody tr:nth-child(even){
        background-color: #1e212c;
        }
#gridSummarySender .k-grid-content table tbody tr td{
  color : #c8c8c8;
  font-size: 14px;
}
#gridSummarySender .k-grid-content table tbody tr td{
        text-align: center;
}
#gridSummarySender .k-grid-content table tbody tr td:first-child{text-align: left;}


.k-grid-header table tr th {
    background: #2f333b;
    padding: 15px 10px!important;
}
.k-grid-header table tr th a{
	color : #fff!important;
	
}
.k-grid-header table tr.k-filter-row  th{
	padding: 10px 10px!important;
}

.k-grid-content tr.k-grouping-row td{
   background-color: #000;
}

.k-grouping-row td, td.k-group-cell, .k-resize-handle-inner {
    background-color: #1e212c;
}

/* Date range picker Css */
.daterangepicker .input-mini.active {
    border: 1px solid #08c;
    border-radius: 4px;
}

.daterangepicker .calendar-table .table-condensed th, .daterangepicker .calendar-table .table-condensed td {
    min-width: 27px;
    width: 27px;
}

.daterangepicker .input-mini {
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    height: 30px;
    line-height: 30px;
    display: block;
    vertical-align: middle;
    margin: 0 0 5px 0;
    padding: 0 10px 0 10px;
    width: 135px;
    text-align: center;
}

/*.daterangepicker input[name='daterangepicker_start'] {
    margin-left: auto;
}

.daterangepicker input[name='daterangepicker_end'] {
    margin-right: auto;
}*/

.daterangepicker .dash-start-end, .daterangepicker .daterangepicker_input .input-mini {
    display: none;
}

.daterangepicker.show-calendar .daterangepicker_input .input-mini {
    display: inline-block;
    color: #707070;
}

.daterangepicker.show-calendar .dash-start-end {
    /*float: left;*/
    position: relative;
    /*left: 3px;*/
    top: -2px;
    padding: 5px;
    display: inline-block;
    color: #707070;
}

.daterangepicker.show-calendar .ranges, .daterangepicker.show-calendar .ranges ul {
    width: 100%;
    overflow: hidden;
}

    .daterangepicker.show-calendar .ranges ul li {
        display: inline-block;
        color: #aaaaaa;
        font-size: 14px;
        border-bottom: 2px solid transparent;
    }

.daterangepicker.auto-apply .ranges ul li.active {
    background-color: #ff6400;
    border-bottom: 0;
    color: #ffffff;
}

.daterangepicker.auto-apply .ranges ul li:hover.active {
    background-color: #ff6400;
}

.daterangepicker.auto-apply .ranges ul li:hover {
    background-color: #f5f5f5;
}

.daterangepicker.auto-apply.show-calendar .ranges ul li.active {
    color: #707070;
    background-color: #ffffff;
    border-bottom: 2px solid #ff6400;
    font-weight: bold;
}

.daterangepicker .calendar-table .table-condensed .next span, 
.daterangepicker .calendar-table .table-condensed .prev span {
    border-color: #ff6400;
}

.daterangepicker th.month {
    color: #707070;
    font-size: 16px !important;
}

.daterangepicker .table-condensed td.start-date.end-date {
    border-radius: 25px;
}

.daterangepicker .table-condensed td.start-date {
    border-radius: 25px 0 0 25px;
}

.daterangepicker .table-condensed td.end-date {
    border-radius: 0 25px 25px 0;
}

.daterangepicker .table-condensed td.in-range {
    background-color: #ffa76e;
    color: #ffffff;
}

.daterangepicker .table-condensed td.available:hover, .daterangepicker .table-condensed th.available:hover {
    background-color: #ffa76e;
    color: #ffffff;
}

.daterangepicker .table-condensed td.active, .daterangepicker .table-condensed td.active:hover {
    background-color: #ff6400;
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
    border-left: 0 !important;
}

/*.daterangepicker .ranges ul li:last-child {
    order: 1;
}*/

/* End Date range picker Css */
/* End Another Front-End Developer */