.panel-body, .panel-bordered>.panel-body{
		padding: 15px 10px 20px 10px;
	}
	.page-copyright {
        margin-top: 30px;
    }
    /*.form-material .floating-label {color: #ffffff;}*/
    /*.login-form .form-material .form-control {
    background-image:none !important;
}*/
    .page-copyright p {
        margin-bottom: 0;
    }
    .page-copyright .social {
        margin-top: 15px;
    }
    .login-form .form-control {
        color: #2a2a2a;
    }
.login-form .btn-primary {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 16px;
    color: #01486f;
    padding: 10px 0;
    background-color: #8ac9ea;
    border-color: #94d0ef;
}
.login-form .btn-primary:hover {
    color: #fff;
    background-color: #408eb8;
    border-color: #4fa1cc;
}
table.table.table-striped.est-price {
    width: 100%;
    float: right;
    background: #01456a;
    color: #fff;
}
table.table.table-striped.est-price tr td:first-child {
    padding-left: 30px !important;
}
table.table.table-striped.est-price th {
    color: #fff;padding: 7px 10px !important;
}
table.table.table-striped.est-price tr{}
table.table.table-striped.est-price td {padding: 7px 10px !important;
    font-weight: 700;
    font-size:18px;
}
    .top-counter i {
        font-size: 35px;
        margin-right: 8px;
    }
    /* Change autocomplete styles in WebKit */
    .login-form input,
    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    input:-webkit-autofill,
    textarea:-webkit-autofill,
    textarea:-webkit-autofill:hover,
    textarea:-webkit-autofill:focus,
    select:-webkit-autofill,
    select:-webkit-autofill:hover,
    select:-webkit-autofill:focus {
        border-bottom: 1px solid rgba(255, 255, 255, 1) !important;
        /* -webkit-text-fill-color: rgba(255,255,255,1); */
        /* -webkit-box-shadow: 0 0 0px 1000px rgba(0,0,0,0) inset; */
        transition: background-color 5000s ease-in-out 0s !important;
    }
    body .site-menubar {
        background: #920c0d;
    }
    .after-run .site-menubar-unfold .site-menu>.site-menu-item>a {
        padding: 0 30px;
        line-height: 46px;
        border-bottom: 1px solid #bd1314;
        color: #ffffff;
    }
    .after-run .site-menubar-unfold .site-menu>.site-menu-item.hover>a,
    .after-run .site-menubar-unfold .site-menu>.site-menu-item:hover>a {
        color: #fff;
        background-color: #bd1314;
    }
    .login-form input.empty {
        border: 0 !important;
    }
    .page-title {
        text-transform: uppercase;
        font-weight: 500;
        margin-bottom: 10px;
    }
    .site-navbar .navbar-header {
        background-color: #ffffff !important;
        background-color: #ffffff !important;
    }
    .navbar-header:before {
        background-image: url(../example-images/login-bg.jpg);
    }
    .site-navbar .navbar-header .navbar-toggle {
        color: #bd1314 !important;
    }
    .site-navbar .navbar-header .hamburger .hamburger-bar, .site-navbar .navbar-header .hamburger:after, .site-navbar .navbar-header .hamburger:before {
        background-color: #c3292a !important;
    }
    .page-header+.page-content {
        padding-top: 0px;
    }
    .counter .counter-label {
        display: block;
        font-weight: 400;
    }
    .navbar-brand.navbar-brand-center.site-gridmenu-toggle {
        padding: 5px 4px;
        float: none;
        text-align: center;
        background: #ffffff;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        max-width: 245px;
    }
    img.navbar-brand-logo {
        height: auto;
        margin-top: 0;
        max-width: 100%;
    }
    .navbar-right {
        margin-right: 0 !important;
    }
    .page-header {
        padding: 30px 30px 20px 30px;
    }
    .PageHeading {
        float: left;
        width: 100%;
        margin: 0 0 20px 0;
    }
    .PageHeading h2 {
        margin: 0;
        color: #464646;
        text-transform: uppercase;
    }
    /* .dashWrap {
        background: #fff;
        border-radius: 5px;
        padding: 15px;
    } */
    #exTab3 .nav-pills>li.active>a,
    #exTab3 .nav-pills>li.active>a:focus,
    #exTab3 .nav-pills>li.active>a:hover {
        background-color: transparent;
        color: #fff;
    }
    #exTab3 ul {
        border-bottom: 1px solid transparent;
    }
    #exTab3 .nav>li>a {
        border: 1px solid transparent;
        border-bottom: 0;
        color: #797979;
        font-weight: 500;
    }
    #exTab3 .nav-pills>li+li {
        margin-left: 10px;
    }
/* 
    .dashboardPage .page-content {
        padding: 20px 45px;
    } */
    .UpperStat .example-wrap {
        margin: 0;
    }
    .statBoxInnerV {
        height: 115px;
        width: 100%;
        margin: 10px auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
        border-radius: 3px;
    }
    .statBoxInnerV.well-warning .userIcon{
background-color:  #e29746;
    }
   .statBoxInnerV.bg-red-600 .userIcon{
background-color: #e86363;
   }
    .UpperStat {
        float: left;
        width: 100%;
        margin: auto 0 10px;
    }
    .UpperStat .example-wrap {
        margin: 0;
    }
    .userIcon {
        flex: 0 0 50px;
        height: 50px;
        border-radius: 100%;
        border: 1px solid transparent;
        background: #0DA0B2;
        align-self: center;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }
    .userIcon span {
        color: #fff;
        font-size: 30px;
    }
    .statBoxCount {
        flex: 0 0 calc(60% - 50px);
        padding: 0 0 0 10%;
    }
.reporting-box .statBoxCount { flex: 0;}
    .statBoxCount span {
        color: #fff;
        font-size: 40px;
    }
    .statBoxCaption {
        flex: 0 0 100%;
        text-align: center;
        font-size: 18px;
        color: #fff;
        margin: 10px 0 0 0;
    }
    .leanGreen {
        background: #B7CB14;
    }
    .leanGreen .userIcon {
        background: #9CAD11;
    }
    .graphStatBoxInner {
        border: 1px solid #c9c9c9;
        float: left;
        width: 100%;
        height: 150px;
        overflow: hidden;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        align-content: center;
    }
    .graphStatBoxInner .example {
        margin: 0;
    }
    .graphStatHead h4 {
        margin: 0;
        font-size: 24px;
    }
    .graphStatDate {
        float: left;
        width: 100%;
    }
    .graphStatDate span {
        display: block;
        float: left;
        width: auto;
        color: #989898;
        font-size: 12px;
    }
    .graphStatTableStyle {
        float: left;
        width: 100%;
        margin: 15px 0 0;
    }
    .graphStatStrip {
        float: left;
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        font-size: 13px;
        line-height: 20px;
        color: #333;
    }
    .GraphStatChart {
        float: left;
        width: 100%;
    }
    .GraphStatChartInner {
        float: left;
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }
    .GraphStatChartInner .gauge {
        /* flex: 0 0 100%; */
        align-self: center;
    }
    .GraphStatChartInner .gauge canvas {
        /* width: 100%; */
        height: 90px;
    }
    .GraphStatGB {
        flex: 0 0 100%;
        text-align: center;
        margin: 0px 0 15px 0;
    }
    .GraphStatGB span {
        display: block;
        float: left;
        width: 100%;
        font-size: 18px;
        font-weight: 500;
        /* color: #333; */
    }
    .GraphStatChartInner .pie-progress {
        float: left;
        width: 100%;
        padding: 5%;
    }
    .GraphStatChartInner .pie-progress-lg .pie-progress-content {
        font-size: 30px;
        color: #333;
        font-weight: 500;
    }
    .GraphStatChartInner .pie-progress path {
        stroke: #FA6869;
    }
    .GraphStatChartInner .pie-progress ellipse {
        stroke: #58C6D5;
    }
    .middleStatWrap.billingInfoWRap {
        /*float: left;*/
        width: 100%;
    }
    .middleStatWrap.billingInfoWRap .widget.widget-shadow {
        float: left;
        width: 100%;
        margin: 0;
        border: 1px solid #c9c9c9;
    }
    .middleStatWrap.billingInfoWRap .widget.widget-shadow-ind {
        /*float: left;*/
        width: 89%;
        margin: 0 0 0 15px;
        border: 1px solid #c9c9c9;
        height: 150px;
    }
    .middleStatWrap.billingInfoWRap .widget-content {
        float: left;
        width: 100%;
        border-radius: 0;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        padding: 3% 5%;
        align-items: center;
        align-content: center;
        height: 108px;
    }
    .biilingInfoHead {
        float: left;
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        align-content: center;
    }
    .biilingInfoHead h3 {
        float: left;
        width: auto;
        margin: 0;
        color: #fff;
    }
    .biilingInfoHead article {
        float: right;
        width: auto;
    }
    .billingInfoDetail {
        float: left;
        width: 100%;
        margin: 10px 0 0;
    }
    .biilingInfoHead h4 {
        float: left;
        width: auto;
        font-size: 24px;
        color: #fff;
        margin: 0;
    }
    .BillingdetailInside {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        float: left;
        width: 100%;
        font-size: 16px;
    }
    .billingInfoTotal {
        float: left;
        width: 100%;
        padding: 0% 5%;
        background: #46be8a;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        align-content: center;
        color: #fff;
        font-size: 18px;
        height: 40px;
    }
    .bulkUploadBtn {
        float: right !important;
        margin: -43px 21px 6px 0px !important;
    }
    .bulkUpload input {
        width: 23% !important;
        float: left !important;
        margin-right: 10px !important;
    }
    .bulkUpload label {
        float: left !important;
        margin-right: 10px !important;
    }
    .bulkUpload {
        margin-top: 10px !important;
    }
    .simDataMoniorWrap .panel-title {
        font-size: 24px;
        color: #333;
        text-transform: uppercase;
        padding: 20px 20px 10px;
    }
    .simDataMoniorWrap .panel-body {
        padding: 5px 20px;
    }
    .simDataMoniorWrap table.dataTable thead>tr>th, table.dataTable thead>tr>th {
        background: #2a2a2a;
        color: #fff;
        border-right: 1px solid #f0f0f0;
    }
    .simDataMoniorWrap table.dataTable tbody>tr>td {
        border-right: 1px solid #c9c9c9;
        color: #76838f;
        font-weight: 400;
        vertical-align: middle;
    }
    .simDataMoniorWrap table.dataTable,#myTable {
        margin: 20px 0 10px;
        position: relative;
        top: 10px;
    }
    .simDataMoniorWrap table.dataTable thead .sorting:after {
        content: "\f18c";
        opacity: 1;
    }
    .simDataMoniorWrap .table-striped>tbody>tr:nth-of-type(odd) {
        background-color: #ffffff;
    }
    .simDataMoniorWrap .table-striped>tbody>tr:nth-of-type(even) {
        background-color: #f2f2f2;
    }
    .map-wrap {
        float: left;
        width: 100%;
    }
    .panel-actions.bulk {
        top: 55px;
        float: right;
        right: 0px;
        color: #fff;
    }
    .map-wrap h4.map-title {
        font-size: 24px;
        color: #333;
        text-transform: uppercase;
        margin: 30px 0 20px 0;
    }
    .mapInner {
        float: left;
        width: 100%;
        height: 300px;
    }
    .mapInner div#simpleGmap,
    .mapInner div#deviceLocation,
    .mapInner div#classicPageMap {
        outline: 1px solid #c9c9c9;
        width: 100% !important;
        height: 100% !important;
    }
    .simDataMoniorWrap .progress-lg {
        position: relative;
        margin: 0;
        background: #46BE8A;
        width: 100%;
    }
    /*.simDataMoniorWrap .progress-lg .show-details {
        visibility: hidden;
        position: relative;margin: 0;background: #7B8900; width: 40%;
        width: 110px;
        text-align: center;
        border-radius: 6px;
        padding: 0px 0;
        position: absolute;
        z-index: 1;
        bottom: 2%;
        left: -57px;
        margin-left: -74px;
        margin: 0px auto;
    }*/
    .simDataMoniorWrap .progress-lg .span.show-details {
        float: right;
        margin-top: 0px;
        width: 109px;
        background: #7B8900;
        color: #fff;
    }
   /* .simDataMoniorWrap .progress-lg:hover .show-details {
        visibility: visible;
        position: relative;
        margin: 0;
        background: #46be8a;
        color: #fff;
        width: 40%;
    }*/
    .remainProgress {
        position: absolute;
        right: 10%;
        color: #000;
        width: 35%;
    }
    .simDataMoniorWrap .progress-lg .progress-bar {
        background: #2196f378;
        color: #000;
        cursor: pointer;
        padding: 0 0 0 10px;
    }
    .simDataMoniorWrap .progress.progress-lg {
        /*width: 96%;*/
        /* right: 4px; */
    }
    .refresh {
        float: right;
        margin-top: -2px;
        margin-right: 10px;
    }
    .simDataMoniorWrap .progress-lg .progress-bar .show-detail {
        /*visibility: hidden;
    background: #004767;
    color: #fff;
    margin-left: -21%;*/
        /*visibility: hidden;*/
        /*background: #004767;
        color: #fff;
        /*width: 120px;*/
        /*text-align: center;
        border-radius: 0px;
        padding: 0px 0;
        position: absolute;
        z-index: 1;
        bottom: 2%;
        left: 40%;
        margin-left: -74px;*/
    }
    /*.simDataMoniorWrap .progress-lg .progress-bar:hover .show-detail {
        visibility: visible;
        background: #004767;
        color: #fff;
    }*/
    .simDataMoniorWrap table.dataTable tbody>tr>td:first-child {
        text-align: center;
    }
    .simDataMoniorWrap .pagination>.active>a,
    .simDataMoniorWrap .pagination>.active>a:focus,
    .simDataMoniorWrap .pagination>.active>a:hover,
    .simDataMoniorWrap .pagination>.active>span,
    .simDataMoniorWrap .pagination>.active>span:focus,
    .simDataMoniorWrap .pagination>.active>span:hover {
        background-color: #146B86;
        border-color: #146B86;
    }
    .serviceDataUsageWrap.simDataMoniorWrap .panel-title {
        padding: 20px 0;
    }
    .simDataMoniorWrap.serviceDataUsageWrap {
        border: 0;
    }
    .serviceDataUsageWrap.simDataMoniorWrap .panel-body {
        background: #F9FAFC;
        border: 1px solid #c9c9c9;
        padding: 5px 10px;
    }
    .serviceDataFilter input[type="radio"] {
        position: absolute;
        left: -9999px;
    }
    .serviseDataCustomFilter {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        float: left;
        width: 46%;
    }
    .serviseDataCustomFilter label {
        flex: 0 0 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: center;
        align-items: center;
        padding: 0 5%;
        margin: 0;
    }
    span.radioCircle {
        float: left;
        width: 20px;
        height: 20px;
        border: 2px solid #ffffff;
        border-radius: 100%;
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
        transition: all linear 300ms;
    }
    span.radioCircle span {
        position: absolute;
        top: calc(50% - 5px);
        left: calc(50% - 5px);
        width: 10px;
        display: block;
        height: 10px;
        background: #757B79;
        align-self: center;
        border: 1px solid transparent;
        border-radius: 100%;
        opacity: 0;
    }
    .serviceDataFilter {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        align-content: center;
        background: #757B79;
        height: 45px;
        margin: 15px 0 30px;
    }
    span.radio-title {
        float: left;
        width: auto;
        padding: 0;
        color: #fff;
        font-size: 14px;
        line-height: 25px;
        flex: 0 0 25%;
        text-align: center;
    }
    .serviceDataDateFilter {
        flex: 0 0 calc(75% - 20px);
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-content: center;
        align-items: center;
        opacity: 0.5;
        pointer-events: none;
        transition: all linear 300ms;
    }
    .serviceDataFilter input[type="radio"]:checked+label .serviceDataDateFilter {
        opacity: 1;
        pointer-events: all;
        transition: all linear 300ms;
    }
    .dateFromTo {
        float: left;
        width: 48%;
        position: relative;
    }
    .dateFromTo input {
        float: left;
        width: 100%;
        margin: 0;
        border: 0;
        outline: 0;
        padding: 0 0 0 5%;
        cursor: pointer;
    }
    .form-group.datetime {
        display: flex;
        width: 70%;
    }
    .lastWeek {
        margin-left: auto;
        flex: 0 0 15%;
    }
    .serviceDataFilter label {
        margin: 0;
        cursor: pointer;
    }
    .lastWeek label {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: center;
        align-items: center;
        float: left;
        width: 100%;
    }
    .lastWeek.last24Hours {
        margin: 0;
    }
    .lastWeek label span.radio-title {
        flex: 0 0 calc(100% - 20px);
        text-align: left;
        padding: 0 0 0 5%;
    }
    .serviceDataFilter input[type="radio"]:checked+label>span>span {
        opacity: 1;
        transition: all linear 300ms;
    }
    .serviceDataFilter input[type="radio"]:checked+label>span.radioCircle {
        background: #fff;
        transition: all linear 300ms;
    }
    .dateFromTo i {
        position: absolute;
        right: 5px;
        top: calc(75% - 20px);
        font-size: 20px;
        pointer-events: none;
        cursor: pointer;
    }
    .zeroRatedWebsite .statBoxCount {
        flex: 1;
        padding: 0;
        text-align: center;
    }
    .zeroRatedWebsite .statBoxCaption {
        margin: 0;
        line-height: normal;
    }
    .zeroRatedWebsiteChart .ct-chart {
        height: 400px;
    }
    .simCount {
        float: left;
        width: 100%;
        /*border: 1px solid #c9c9c9;*/
		background:#fff;    
		-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);    height: 468px;
    }
    .simCountTitle {
        float: left;
        width: 100%;
        padding: 0 15px;
        margin: 15px 0 20px;
    }
    a.btn.btn-primary.bg-red-600.padding-horizontal-40.del {
        width: 105px;
    }
    #simCountChart,
    #exampleC3Donut {
        float: left;
        width: 100%;
        max-width: 100%;
    }
    #exampleC3Donut {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }
    #simCountChart svg {
        float: left;
        width: 100% !important;
        max-width: 100% !important;
    }
    #exampleC3Donut text.c3-chart-arcs-title {
        font-size: 16px;
        font-weight: 500;
    }
    .simCountTitle h4 {
        font-size: 20px;
        font-weight: 400;
        color: #454545;
        margin: 0;
        display: inline-block;
    }
    .notifications {
        float: left;
        width: 100%;
        padding: 0 15px;
    }
    .notificationInner {
        float: left;
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        background: #F3F3F3;
        margin: 10px 0 0;
        min-height: 60px;
        align-items: center;
        align-content: center;
        padding: 5px;
    }
    .notifications .notificationInner:first-child {
        margin: 0;
    }
    .notificationBody span {
        color: #454545;
        flex: 0 0 100%;
        display: inline-block;
        float: left;
        width: 100%;
        font-weight: 500;
        line-height: normal;
    }
    .notificationBody {
        flex: 0 0 100%;
    }
    .notificationDate {}
    .notificationDate {
        flex: 0 0 100%;
        font-size: 12px;
        margin: 3px 0;
    }
    .seeMoreNotification {
        float: left;
        width: 100%;
        margin: 8px 0;
        color: #454545;
    }
    .seeMoreNotification span {
        color: #22768E;
        font-weight: 400;
    }
    .dataSessionSelect {
        float: left;
        width: 100%;
        padding: 0 15px;margin-bottom: 25px;
    }
    .dataSessionSelect .form-group.form-material {
        margin: 0;
    }
    .dataSessionSelect label.floating-label {
        font-size: 29px;
    }
    .dataSessionSelect .form-material .form-control:not(.empty)~.floating-label {
        font-size: 14px;
    }
    .page-signin.layout-full .page {
        background-color: #F0F1F3;
    }
    form.signinForm {
        background: #02466B;
        padding: 30px 20px;
        height: 320px;
        width: 350px;
    }
    form.signinForm label.floating-label {
        color: #fff;
    }
    .rememForWrap {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        align-content: center;
        float: left;
        width: 100%;
    }
    .remem {
        flex: 0 0 50%;
    }
    .rememInner {
        float: left;
        width: auto;
    }
    .remem label {
        color: #fff;
        font-size: 14px;
        float: left;
        margin: 0 0 0 5%;
    }
    .forgotPass {
        flex: 0 0 50%;
        text-align: right;
    }
    .forgotPass a {
        display: block;
        float: left;
        width: 100%;
        text-align: right;
        color: #26739B;
        text-decoration: underline;
    }
    .submitLogin {
        float: left;
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin: 25px 0;
    }
    .submitLogin button.btn-login {
        background: #00AEEE;
        color: #fff;
        border-color: #00AEEE;
    }
    .page-signin.layout-full .page footer.site-footer {
        float: left;
        width: 100%;
        margin: 0;
        padding: 10px;
        text-align: left;
        background-color: transparent;
    }
    form.signinForm input {
        color: #fff;
    }
    .checkbox-custom.checkbox-primary {
        margin-top: 18px;
    }
    a.btn.btn-primary.bg-red-600.padding-horizontal-40.moffer {
        width: 90%;
    }
    .table a {
        cursor: pointer;
    }
    .form-material .floating-label {
        left: 0;
        /*color: #5a9cc0;*/
        color: #000000;
        pointer-events: none;
        -webkit-transition: .3s ease all;
        -o-transition: .3s ease all;
        transition: .3s ease all;
        margin-top: -25px;
        font-weight: 500;
    }
    .addClientWrapper .panel-body h4 {
        float: left;
        width: 100%;
        position: relative;
        font-size: 18px;
    }
    .form-material .form-control:focus~.floating-label::before,
    .form-material .form-control:focus~.floating-label:before {
        content: '';
        border-top: 1px solid transparent;
        position: absolute;
        left: 0;
        /* width: calc(100vw - 30vw); */
        height: 2px;
        top: -5px;
    }
    .page .form-control:focus~.floating-label {
        top: -7.2px;
        font-size: 11.2px;
        color: #000000;
    }
    .form-material.floating {
        margin-top: 43px;
        margin-bottom: 20px;
    }
    .loginWrapper.page .form-control:focus~.floating-label:before {
        border: 0;
        color: #fff;
    }
.total-sims {
    background: #85be46;
    padding: 20px;
    margin-bottom: 20px;
    color: #fff;
    font-weight: 500;
}
.total-sims .userIcon {
    width: 50px;
    background: rgba(255, 255, 255, 0.34);    margin: 0 auto 15px;
}
.total-sims span{float:right;}
.row.no-space {  line-height: 30px;}
.data-border{
    border-bottom: 2px solid #f1f4f5;
}
.bg-green-600,
.bg-blue-600{background:none !important; border-bottom: 2px solid #f1f4f5;}
.bg-grey-200{background:#fff !important;        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);}
.filter-option {
    background: #ffffff;
    /* padding: 5px 0px 5px 0px; */
	margin-bottom: 10px;
}
.filter-option .row.filter {
    padding: 2px 3px 0px 3px;
}
.filter-option .input-group-addon {padding: 6px 10px;}
.filter-option .form-control{padding:6px;}
#data-usage-form .form-control{padding:6px; margin-bottom: 15px;}
.filter-option .input-group, 
.filter-option  #custom_select,.filter-option  #session,
.filter-option input.btn.btn-block.btn-primary,
.filter-option select#select,#client_id{margin-bottom:15px;}
    @media only screen and (max-width: 736px) {
        .navbar-brand.navbar-brand-center.site-gridmenu-toggle {
            background: #ffffff;
            height: 66px;
        }
        .graphStatBoxInner {
            height: auto;
            padding: 50px 0 0;
        }
        .graphStatBoxInner .col-lg-5 {
            flex: 0 0 100%;
        }
        .panel-actions.bulk {
            top: 89px;
        }
        table,
        .table tbody,
        .table tr,
        .table td {
            display: block;
            float: left;
            width: 100%;
        }
        .table thead,
        .table tfoot {
            display: none;
        }
        .table>tbody>tr>td {
            float: left;
            width: 100%;
            text-align: right;
            position: relative;
            padding: 10px 10px 10px 80px;
        }
        .panel>.table-responsive>.table>tbody>tr>td:last-child, .panel>.table-responsive>.table>tbody>tr>th:last-child, .panel>.table-responsive>.table>tfoot>tr>td:last-child, .panel>.table-responsive>.table>tfoot>tr>th:last-child, .panel>.table-responsive>.table>thead>tr>td:last-child, .panel>.table-responsive>.table>thead>tr>th:last-child, .panel>.table-responsive>.table>tr>td:last-child, .panel>.table-responsive>.table>tr>th:last-child, .panel>.table>tbody>tr>td:last-child, .panel>.table>tbody>tr>th:last-child, .panel>.table>tfoot>tr>td:last-child, .panel>.table>tfoot>tr>th:last-child, .panel>.table>thead>tr>td:last-child, .panel>.table>thead>tr>th:last-child, .panel>.table>tr>td:last-child, .panel>.table>tr>th:last-child{
            padding: 10px;
        }
        .table>tbody>tr>td:before {
            content: attr(data-title);
            position: absolute;
            left: 10px;
            font-weight: 500;
        }
        * {
            box-sizing: border-box;
        }
        #DataTables_Table_0_wrapper div#DataTables_Table_0_length {
            display: none;
        }
        div#DataTables_Table_0_filter {
            width: 100%;
        }
        div#DataTables_Table_0_filter input,
        div#DataTables_Table_0_filter label {
            width: 100%;
            padding: 3px 0;
        }
        table,
        table * {
            box-sizing: border-box !important;
        }
        img.navbar-brand-logo {
            height: auto;
            margin-top: 8px;
            max-width: 100%;
        }
        .simDataMoniorWrap table.dataTable tbody>tr>td:first-child {
            text-align: right;
        }
        .form-group.datetime {
            display: block;
        }
        button.btu {
            float: right;
        }
    }
    @media only screen and (min-width: 768px) and (max-width: 992px) {
        .graphStatBoxInner {
            height: auto;
            padding: 50px 0 0;
        }
        .graphStatBoxInner .col-lg-5 {
            flex: 0 0 100%;
        }
        .navbar-brand>.navbar-brand-logo {
            display: inline-block;
            max-width: 100%;
        }
        .panel-actions.bulk {
            top: 59px;
        }
        table,
        .table tbody,
        .table tr,
        .table td {
            display: block;
            float: left;
            width: 100%;
        }
        .table thead,
        .table tfoot {
            display: none;
        }
        .table>tbody>tr>td {
            float: left;
            width: 100%;
            text-align: right;
            position: relative;
            padding: 10px 10px 10px 80px;
        }
        .form-group.datetime {
            display: flex;
            width: 38%;
        }
        button.btu {
            float: right;
        }
        .table>tbody>tr>td:before {
            content: attr(data-title);
            position: absolute;
            left: 10px;
        }
        * {
            box-sizing: border-box;
        }
        #DataTables_Table_0_wrapper div#DataTables_Table_0_length {
            display: none;
        }
        div#DataTables_Table_0_filter {
            width: 100%;
        }
        div#DataTables_Table_0_filter input,
        div#DataTables_Table_0_filter label {
            width: 100%;
            padding: 3px 0;
        }
        table,
        table * {
            box-sizing: border-box !important;
        }
    }
    .middleStatWrap.billingInfoWRap .widget.widget-shadow-ind {
        /*float: left;
            width: 93%;
            margin: 0 0 0 15px;
            border: 1px solid #c9c9c9;
            height: 150px;
            height: 150px;*/
            width: 100%;
            margin: 25px auto;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            align-content: center;
    }
    @media only screen and (max-width: 480px) {
        body { overflow-x: hidden;}
		.panel-actions.sims {
            right: 20px;
            top: 63px;
            left: 20px;
        }
		table.table.table-striped.est-price { width: 100%;}
	table.table.table-striped.est-price td { font-size: 17px;}
	div#TariffData svg { width: 100%; height: auto;}
    }
    @media only screen and (max-width: 420px) {
        .navbar-brand.navbar-brand-center.site-gridmenu-toggle {
            background: #ffffff;
            height: 66px;
        }
        .graphStatBoxInner {
            height: auto;
            padding: 30px 0 0;
        }
        .graphStatBoxInner .col-lg-5 {
            flex: 0 0 100%;
        }
        .panel-actions.bulk {
            top: 89px;
        }
        table,
        .table tbody,
        .table tr,
        .table td {
            display: block;
            float: left;
            width: 100%;
        }
        .table thead,
        .table tfoot {
            display: none;
        }
        .table>tbody>tr>td {
            float: left;
            width: 100%;
            text-align: right;
            position: relative;
            padding: 10px 10px 10px 80px;
        }
        .panel-body.bill {
            top: 17px;
        }
        .panel-actions.bp {
            top: 60px;
        }
        .table>tbody>tr>td:before {
            content: attr(data-title);
            position: absolute;
            left: 10px;
        }
        * {
            box-sizing: border-box;
        }
        #DataTables_Table_0_wrapper div#DataTables_Table_0_length {
            display: none;
        }
        div#DataTables_Table_0_filter {
            width: 100%;
        }
        div#DataTables_Table_0_filter input,
        div#DataTables_Table_0_filter label {
            width: 100%;
            padding: 3px 0;
        }
        table,
        table * {
            box-sizing: border-box !important;
        }
        img.navbar-brand-logo {
            height: auto;
            margin-top: 8px;
            max-width: 100%;
        }
        .simDataMoniorWrap table.dataTable tbody>tr>td:first-child {
            text-align: right;
        }
        .form-group.datetime {
            display: block;
            width: 110%;
        }
        button.btu {
            float: right;
        }
        .simDataMoniorWrap .panel-title {
            font-size: 18px;
        }
        .simDataMoniorWrap .panel-body {
            top: 30px;
        }
    }
    @media only screen and (max-width: 375px) {
        table,
        .table tbody,
        .table tr,
        .table td {
            display: block;
            float: left;
            width: 100%;
        }
        .panel-actions.bulk {
            top: 89px;
        }
        .panel-body.bill {
            top: 17px;
        }
        .panel-actions.bp {
            top: 60px;
        }
        .form-group.datetime {
            display: block;
        }
        button.btu {
            float: right;
        }
        .table thead,
        .table tfoot {
            display: none;
        }
        .table>tbody>tr>td {
            float: left;
            width: 100%;
            text-align: right;
            position: relative;
            padding: 10px 10px 10px 80px;
        }
        .table>tbody>tr>td:before {
            content: attr(data-title);
            position: absolute;
            left: 5px;
        }
        * {
            box-sizing: border-box;
        }
        #DataTables_Table_0_wrapper div#DataTables_Table_0_length {
            display: none;
        }
        div#DataTables_Table_0_filter {
            width: 100%;
        }
        div#DataTables_Table_0_filter input,
        div#DataTables_Table_0_filter label {
            width: 100%;
            padding: 3px 0;
        }
        table,
        table * {
            box-sizing: border-box !important;
        }
        .table a {
            cursor: pointer;
            /* padding: 0px 4px !important; */
        }
        a.btn.btn-primary.bg-primary-600 {
            padding: 5px 11px 5px 1px;
        }
        img.navbar-brand-logo {
            height: auto;
            margin-top: 10px;
            max-width: 100%;
        }
        .graphStatBoxInner {
            height: auto;
            padding: 20px 0 0;
        }
        .site-footer {
            height: 44px;
            padding: 10px 14px;
            background-color: rgba(0, 0, 0, .02);
            border-top: 1px solid #e4eaec;
        }
        .simDataMoniorWrap table.dataTable tbody>tr>td:first-child {
            text-align: right;
        }
        .simDataMoniorWrap .panel-title {
            font-size: 18px;
        }
        .simDataMoniorWrap .panel-body {
            top: 30px;
        }
    }
    @media only screen and (max-width: 360px) {
        .simDataMoniorWrap .progress-lg {
            width: 92%;
        }
        .panel-actions.sims {
            right: 14px;
            top: 61px;
            left: 20px;
        }
        .form-group.datetime {
            display: block;
        }
        button.btu {
            float: right;
        }
        .simDataMoniorWrap .panel-title {
            font-size: 18px;
        }
        .simDataMoniorWrap .panel-body {
            top: 30px;
        }
        .panel-actions.bulk {
            top: 89px;
        }
        .panel-body.bill {
            top: 17px;
        }
        .panel-actions.bp {
            top: 60px;
        }
        a.btn.btn-primary.bg-red-600.padding-horizontal-40.del {
            width: 50px;
        }
    }
    @media only screen and (max-width: 320px) {
        .site-footer {
            height: 44px;
            /*padding: 10px 50px 10px 10px;*/
            background-color: rgba(0, 0, 0, .02);
            border-top: 1px solid #e4eaec;
            text-align: center;
        }
        .site-footer-right {
            float: none;
        }
        .bulkUploadBtn {
            float: right;
            !important;
            margin: 0px;
        }
        .simDataMoniorWrap .progress-lg {
            width: 90%;
            float: left;
            /*margin-left: -7px;*/
        }
        .middleStatWrap.billingInfoWRap .widget.widget-shadow-ind {
            width: 88%;
        }
        .simDataMoniorWrap table.dataTable tbody>tr>td:first-child {
            text-align: right;
        }
        .simDataMoniorWrap .panel-title {
            font-size: 18px;
        }
        .simDataMoniorWrap .panel-body {
            top: 30px;
        }
        .panel-actions.sims {
            right: 14px;
            top: 61px;
            left: 6px;
        }
        .panel-actions.bulk {
            top: 89px;
        }
        .panel-body.bill {
            top: 7px;
            padding: 14px
        }
        .panel-actions.bp {
            top: 60px;
        }
        a.btn.btn-primary.bg-red-600.padding-horizontal-40.del {
            width: 50px;
        }
    }
    .page.login-page {
        margin: 0 auto;
    }
    a.btn {
        color: #fff;
        text-decoration: none;
        font-weight: 400;
    }
    div#addMoreontent {
        border-bottom: 1px solid #e4eaec;
        margin-bottom: 14px;
    }
    .text-white{
color: #fff;
    }
    h3.slab-base {
    border: 2px solid #920c0d;
    background: #920c0d;
    color: #fff;
    position: relative;
    padding: 7px;
    border-radius: 7px;
    margin-left: 15px;
}

a#addMore {
    margin-top: 14px;
}

button.btu.location {
    position: relative;
    top: -24px;
    left: 16px;
}

h4.padding-12 {
    padding: 12px;
}
.form-group.location {
    text-align: center;
    font-size: 16px;
    background-color: #01456a;
    color: white;
    height: 35px;
    padding: 5px;
    width: 100%;
    border-radius: 4px;
}
#TariffData svg text{
    fill:#37474f !important;
}
#TariffPlan svg text{
    fill:#37474f !important;
}
.simCountTitle a.btn.btn-block.btn-primary {
    width: 74px;
    float: right;
    /*margin-top: -25px;*/
}
input.btn.btn-block.btn-primary {
    margin-top: auto;
}
.form-group.session {
    text-align: center;
    font-size: 16px;
    background-color: #01456a;
    color: white;
    height: 35px;
    padding: 5px;
    width: 100%;
    border-radius: 4px;
    margin-top: 25px;
}
span.show-detail.sims {
    position: absolute;
}
.progress-bar.sims{
    text-align: left;
}
.row.filter {
    margin-top: 15px;
    padding: 2px 3px 0px 10px;
}
.panel-heading.report {
    border-bottom: none;
}

img.captcha_img {
    height: 36px;
    width: 149px;
    border: 1px solid #a9a4a4;
    margin-left: 10px;
}
.form-group.captcha {
    display: inline-flex;
}
a.report_title,p.report_title {
    font-size: 19px;
    font-family: Roboto,sans-serif;
    color: #fff;
}
.bg-light-blue-600 {
    background-color: #57c7d4;
}
.bg-dark-blue-600 {
    background-color: #0c699c!important;
}
a.rep {
    text-decoration: none;
    color: #fff;
}
input#password1 {
    margin-bottom: 10px;
}
input.col-xs-12.btn.btn-primary.btn-load.btn-lg {
    margin-top: 10px;
}
td.reqId {
    word-wrap: break-word;
}
.data-usage-info{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.data-usage-info div.usage-info-con{
    flex: 1 0 48%;
    margin: 0 1%;
}
@media only screen and (max-width: 425px) {
    .data-usage-info div.usage-info-con{
        flex: 0 100%;
    }
}
table.dataTable thead th, table.dataTable tfoot th {
    font-weight: 500;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 3px 10px !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
    color: #fff !important;
    border: none !important;
    background: #bd1314 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,.paginate_button.disabled:hover{
    color: #fff !important;
    background: #840505 !important;
    border-color: #840505 !important;
}
.site-menu>.site-menu-item.active {
    background: #bd1314 !important;
    border-top: 1px solid  #bd1314 !important;
    border-bottom: 1px solid #bd1314 !important;
}
/* #manageSims .refresh {
    float: right;
    margin-top: -22px;
    margin-right: 10px;
} */
/* #manageSims .refresh a{
    color: #ffffff;
} */
/* #manageSims .simDataMoniorWrap .progress.progress-lg{
    width: 90%;
} */
svg text {
    fill: #37474f !important;
    font-family: Roboto,sans-serif !important;
    font-size: 10px !important;
    font-weight: 500 !important;
}
.site-menu-item a {
    display: block;
    color: #fff !important;
}
.progress{
    position: relative;
    margin-bottom: 10px;
    background-color: #81C784;
}
.progress-label{
    position: absolute;
    color: #2a2a2a;
    left: 10px;
}
.progress-bar.p-sms{
    background:#FBC02D;
}
.progress-bar.p-data{
    background: #f5846d;
}
.progress-bar {
    line-height: 16px;
}
@media only screen and (min-width: 992px) {
table.dataTable tbody>tr>td[data-title="Action"],table.dataTable tbody>tr>td:nth-last-child(-n+2){
    text-align: center;
}
table.dataTable tbody>tr>td[data-title="Status"] {
    text-align: center;
}
table.dataTable thead>tr>th:last-child{
    text-align: center;
}
}
div#myTable_filter input[type="search"],input[type="search"]  {
    border: 1px solid #c4cdd0;
    padding: 4px 10px;
    border-radius: 4px;
}
table.dataTable thead .sorting:after,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_asc:after{
    /*content: '';*/
}
:focus {
    outline: none;
    outline-color: none;
    outline-style: auto;
    outline-width: 5px;
}
table.dataTable tbody>tr>td {
    border-right: 1px solid #f2f2f2;
    color: #76838f;
    font-weight: 400;
    vertical-align: middle;
    word-wrap: break-word;
}
.page-login .page-copyright a {
    color: #bf151c;
}
.checkbox-custom label::before {
    border: 1px solid #a9a4a4 !important;
}
.page-header .breadcrumb li a {
    color: #000000;
    font-weight: 500;
}
.breadcrumb>.active {
    color: #3e3e3e;
}
.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #ec2d2e;
    content: "/\00a0";
}

a.btn.btn-success{
    font-weight: 500;
    text-transform: uppercase;
}
button.btn.btn-primary,input[type="submit"] {
    color: #fff;
    background: #ed1d24;
    border-color: #ed1d24;
    font-weight: 500;
    text-transform: uppercase;
}
button.btn.btn-primary:hover, a.export:hover,input[type="submit"]:hover,button.btn.btn-primary:active,.input[type="submit"]:active,button.btn.btn-primary:focus,input[type="submit"]:focus,button.btn.btn-primary:active:focus,input[type="submit"]:active:focus {
    color: white;
    background: #c4161c;
    border-color: #c4161c;
}

button.btn.btn-info,a.btn.bulk {
    background: #babebf;
    border-color: #babebf;
    font-weight: 500;
    text-transform: uppercase;
}

button.btn.btn-info:hover,a.btn.bulk:hover, {
    background:  #8c8c8c;
    border-color: #8c8c8c;
}

table a.btn.btn-info{
        background-color: #46be8a;
        border-color: #46be8a;
}
table a.btn.btn-info:hover{
    background-color: #36ab7a;
    border-color: #36ab7a;
}
.progress{
    border-radius: 0px;
}
.refresh a i {
    /*color: #bd1314;*/
    color: #ffff;
    font-size: 12px;
}

div#alerts_table_log_length {
    margin-top: 8px;
}
#billing-panel .panel-body{
    padding: 20px 30px;
}
.widget,.simCount {
    border-radius: 3px;
}
@media only screen and (max-width: 1440px) and (min-width:1200px){
    #billing-panel  h4.panel-title,h3.panel-title{
        padding:15px !important;
        font-size:16px;
    }
}
#data-usage-form .input-group,#billing_his .input-group{
 display: block;
}
.connected-users h4 {
    color: #fff;
    margin: 0px;
}
.connected-users h4 span{
    font-weight: 500;
    font-size: 17px;
    background: white;
    color: #46be8a;
    border-radius: 15px;
    padding: 0px 6px;
    text-align: center;
    min-width: 20px;
    display: inline-block;
}
.page-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.das-header{
    padding: 30px 15px 0px;
}
@media only screen and (max-width: 992px){
#session_report{
    width: 100% !important;
}
}
a.export {
    background-color: black;
    border-color: black;
    font-weight: 500;
    text-transform: uppercase;
}
a.export:hover{
    color: white;
    background: black;
    border-color: black;
}
a.clients,a.users {
    text-decoration: none;
}
.BoxCount span {
    color: #920c0d;
    font-size: 23px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 34px;
}
.select2-container .select2-selection--single,.select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 34px;
}
.select2-container--default .select2-selection--single{
    border: 1px solid #ccc;
}

table.dataTable thead .sorting:after,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_asc:after {
    content: none;
}
 a.session_data:hover{
    text-decoration: none;
}
a.red {
    color: #fff;
    background-color: #bf1218;
    border-color: #bf1218;
}
a.red:hover {
    color: #fff;
    background-color: #bf1218;
    border-color: #bf1218;
}
a.navbar-avatar.dropdown-toggle {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

a.navbar-avatar.dropdown-toggle i {
    margin-right: 10px;
}
.navbar-avatar .avatar {
    width: auto;
}
.navbar-nav>li>a.navbar-avatar, .navbar-toolbar>li>a.navbar-avatar {
    padding-top: 22px;
    padding-bottom: 22px;
}
@media (max-width: 767px){
    .navbar-brand-center {
        position: absolute;
        left: 24%;
        -webkit-transform: translate(-12%,0);
        -ms-transform: translate(-12%,0);
        -o-transform: translate(-12%,0);
        transform: translate(-12%,0);
    }
    img.navbar-brand-logo {
        height: auto;
        margin-top: 0px;
        max-width: 76%;
    }
}
@media (max-width:768px){
    h1.page-title {
        font-size: 18px;
    }
}
@media (max-width:600px){
    h1.page-title {
        font-size: 16px;
    }
    ol.breadcrumb {
        display: none;
    }
}

.checkbox-inline+.checkbox-inline {
    margin-left: 0;
}
.role-checkbox {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}
img.loader{
    width: 50px;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #e8e6e6;
}
/* On mouse-over, add a grey background color */
.permissions:hover input ~ .checkmark {
  background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
.permissions input:checked ~ .checkmark {
  background-color: #2196F3;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the checkmark when checked */
.permissions input:checked ~ .checkmark:after {
  display: block;
}
/* Style the checkmark/indicator */
.permissions .checkmark:after{
  left: 9px;
  top: 3px;
  width: 7px;
  height: 15px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
label.checkbox-inline.permissions {
    padding-left: 30px;
    padding-top: 2px;
}