@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600');
@import url('https://fonts.googleapis.com/css?family=Varela&display=swap');
body {
    font-family: 'Varela', sans-serif;
    background: #f2edf3;
    color: #000;
    margin: 0;
    padding: 0;
}

.navbar:before,
.navbar:after {
    content: '';
    display: table;
}

.navbar:after {
    clear: both;
}

.navbar-cls-top {
    background: #fff;
    border-bottom: none;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    padding: 15px 20px;
}

.navbar-header,
.navbar-left {
    float: left;
}

.navbar-cls-top .navbar-brand {
    color: #fff;
    text-align: center;
    height: 75px;
    font-size: 25px;
    letter-spacing: 1px;
    padding: 19px 20px;
}

.navbar-brand img {
    max-width: 100%;
    height: 50px;
    margin: 0 auto;
    margin-top: -5px;
}

.team-name {
    margin-top: 30px;
}

.team-name h3 {
    margin: 0;
    font-weight: 500;
    color: #007493;
}

.main-container {
    width: 95%;
    margin: 3em auto;
}

.main-container h2 {
    font-size: 20px;
    margin: 0;
}

.main-container-header {
    margin-top: 30px;
    padding: 20px 0px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.main-container-header h2 {
    font-size: 20px;
    font-weight: 600;
    color: #434343;
}

.custom-table-view {
    background: #fff;
    box-shadow: 0 0 2px 0 rgba(48, 48, 48, 0.1);
    -webkit-box-shadow: 0 0 2px 0 rgba(48, 48, 48, 0.1);
    -moz-box-shadow: 0 0 2px 0 rgba(48, 48, 48, 0.1);
    -o-box-shadow: 0 0 2px 0 rgba(48, 48, 48, 0.1);
    -ms-box-shadow: 0 0 2px 0 rgba(48, 48, 48, 0.1);
    padding: 20px;
}

.custom-table-view table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
}

.custom-table-view table thead {
    /* border-bottom: 1px solid #ececec; */
}

.custom-table-view table th {
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: rgba(255, 255, 255, 0.95);
    padding: 15px 15px !important;
    text-align: left;
    background: #607d8b;
    outline: none;
    border-left: 1px solid #597786;
    border-bottom: 1px solid #597786;
}

.custom-table-view table th.border-top-none {
    border-top: none;
}

.custom-table-view table td {
    font-size: 14px;
    color: #757575;
    padding: 18px 15px !important;
    text-align: left;
    vertical-align: middle !important;
    border: 1px solid rgba(0, 0, 0, 0.04);
    border-top: none;
    border-left: none;
}

.custom-table-view tr td .locationupdates-status {
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #828282;
}

.custom-table-view tr td .locationupdates-status::before {
    content: "";
    display: inline-flex;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-right: 8px;
    vertical-align: middle;
    position: relative;
    top: -2px;
}

.locationupdates-status.enabled::before {
    background-image: url("../images/success.svg");
}

.locationupdates-status.disabled::before {
    background-image: url("../images/error.svg");
}

.custom-table-view tbody tr:nth-child(even) {
    background: #fbfbfb;
}

.custom-table-view tbody tr td:first-child {
    background: rgba(33, 150, 243, 0.05);
    color: #404040;
    border-bottom: 1px solid rgba(33, 150, 243, 0.12);
    border-right: 1px solid #e2f1fd;
}


/* Summary Section */

.onboarding_region_summary {
    /* background: #FFF;
   box-shadow: 0px 0px 3px 0.5px rgba(220, 220, 220, 0.55);
   -webkit-box-shadow: 0px 0px 3px 0.5px rgba(220, 220, 220, 0.55);
   -moz-box-shadow: 0px 0px 3px 0.5px rgba(220, 220, 220, 0.55);
   -o-box-shadow: 0px 0px 3px 0.5px rgba(220, 220, 220, 0.55);
   -ms-box-shadow: 0px 0px 3px 0.5px rgba(220, 220, 220, 0.55);
   padding: 20px;
   border-radius: 5px; */
    width: 32%;
    display: inline-block;
    margin-left: 50px;
}

.onboarding_region_summary:first-child {
    margin-left: 0;
}

.onboarding_region_summary h2 {
    margin-top: 0;
    margin-bottom: 20px !important;
    color: #565656;
    font-size: 18px;
}

.onboarding_region_summary ul {
    padding: 0;
    margin: 0;
    /* display: -ms-flexbox;
   display: -webkit-flex;
   display: flex; */
}

.onboarding_region_summary ul li {
    list-style: none;
    /* width: 50%; */
    min-height: 185px;
    color: #fff;
    position: relative;
    margin-left: 15px;
}

.onboarding_region_summary ul li:first-child {
    margin-left: 0;
}

.count_number {
    position: relative;
}

.onboarding_region_summary ul li span {
    font-size: 80px;
    font-weight: 600;
    display: block;
    padding-top: 20px;
    min-height: 130px;
}

.onboarding_region_summary ul li i {
    /* position: absolute;
   bottom: 15px;
   left: 20px; */
    font-size: 16px;
    font-style: normal;
    color: rgba(255, 255, 255, 0.85);
}

.onboarding_region_summary ul li .count_number {
    position: relative;
    min-height: 100px;
    margin-top: 15px;
}

.onboarding_region_summary ul li .count_number:first-child {
    margin-top: 0;
}

.onboarding_region_summary ul li .count_number span {
    font-size: 45px;
}

.onboarding_region_summary .bg_01,
.onboarding_region_summary .bg_02,
.onboarding_region_summary .bg_03 {
    box-shadow: 0 0.46875rem 2.1875rem rgba(90, 97, 105, 0.1), 0 0.9375rem 1.40625rem rgba(90, 97, 105, 0.1), 0 0.25rem 0.53125rem rgba(90, 97, 105, 0.12), 0 0.125rem 0.1875rem rgba(90, 97, 105, 0.1);
    -webkit-box-shadow: 0 0.46875rem 2.1875rem rgba(90, 97, 105, 0.1), 0 0.9375rem 1.40625rem rgba(90, 97, 105, 0.1), 0 0.25rem 0.53125rem rgba(90, 97, 105, 0.12), 0 0.125rem 0.1875rem rgba(90, 97, 105, 0.1);
    -moz-box-shadow: 0 0.46875rem 2.1875rem rgba(90, 97, 105, 0.1), 0 0.9375rem 1.40625rem rgba(90, 97, 105, 0.1), 0 0.25rem 0.53125rem rgba(90, 97, 105, 0.12), 0 0.125rem 0.1875rem rgba(90, 97, 105, 0.1);
    -o-box-shadow: 0 0.46875rem 2.1875rem rgba(90, 97, 105, 0.1), 0 0.9375rem 1.40625rem rgba(90, 97, 105, 0.1), 0 0.25rem 0.53125rem rgba(90, 97, 105, 0.12), 0 0.125rem 0.1875rem rgba(90, 97, 105, 0.1);
    -ms-box-shadow: 0 0.46875rem 2.1875rem rgba(90, 97, 105, 0.1), 0 0.9375rem 1.40625rem rgba(90, 97, 105, 0.1), 0 0.25rem 0.53125rem rgba(90, 97, 105, 0.12), 0 0.125rem 0.1875rem rgba(90, 97, 105, 0.1);
    border-radius: 3px;
    overflow: hidden;
}

.onboarding_region_summary .bg_01 {
    background: linear-gradient(135deg, #289cf5 0%, #84c0ec 100%) !important;
}

.onboarding_region_summary .bg_02 {
    background: linear-gradient(135deg, #23bdb8 0%, #43e794 100%) !important;
}

.onboarding_region_summary .bg_03 {
    background: linear-gradient(135deg, #9a56ff 0%, #e36cd9 100%) !important;
}

.onboarding_region_summary .bg_01:after,
.onboarding_region_summary .bg_02::after,
.onboarding_region_summary .bg_03::after {
    /* content: ""; */
    display: block;
    width: 100%;
    height: 85px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center right;
    opacity: 0.1;
    position: absolute;
}

.onboarding_region_summary .bg_01:after {
    background-image: url("/AINetwork/assets/images/total_customers.svg");
    background-position: left center;
    left: -5px;
    bottom: -20px;
    height: 100px;
}

.onboarding_region_summary .bg_02:after {
    background-image: url("/AINetwork/assets/images/active_customers.svg");
    top: -10px;
    left: 10px;
}

.onboarding_region_summary .bg_03:after {
    background-image: url("/AINetwork/assets/images/inactive_customers.svg");
    top: -12px;
    left: 35px;
}

.onboarding_summary {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 30px;
}


/* Stats */

.stats-container {}

.stats-container>ul {
    padding: 0;
    display: flex;
    margin: 0;
}

.stats-container>ul>li {
    list-style: none;
    width: 35%;
}

.stats-container>ul>li h2 {
    margin-left: 25px;
    text-align: center;
}

.stats-container>ul>li.first_item h2 {
    margin-left: 0;
    text-align: center;
}


/*
.stats-container>ul>li.first_item{
 width:15%;
}
*/

.stats-container>ul>li.first_item .stats-table {
    margin-left: 0;
}

.stats-table {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    padding: 5px 10px;
    background: #fff;
    min-height: 100px;
    margin: 15px 25px 20px;
    margin-right: 0;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 3px 0.5px rgba(220, 220, 220, 0.55);
    -moz-box-shadow: 0px 0px 3px 0.5px rgba(220, 220, 220, 0.55);
    box-shadow: 0px 0px 3px 0.5px rgba(220, 220, 220, 0.55);
    min-height: 160px;
}

.icon-container img {
    display: block;
}

.stats-counters {
    padding-left: 15px;
}

.stats-count span {
    color: #414f5f;
    font-size: 45px;
    display: block;
}

.stats-name {
    color: #414f5f;
    font-size: 16px;
}

.stats-table-OTT {
    min-width: 150px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

.divider {
    height: 100px;
    background: #eaeaea;
    width: 2px;
    margin: 0px 15px;
}

.stats-table-OTT-items {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    min-width: 200px;
}

.stats-table-OTT-items li {
    width: 50%;
    padding: 10px;
    box-sizing: border-box;
    line-height: 1.6em;
    text-align: center;
}

.stats-table-OTT-items li span {
    display: block;
    font-size: 30px;
    color: #404c5a;
}

.stats-table-OTT-items li label {
    font-size: 14px;
    color: #888888;
    font-weight: normal;
    margin-top: 5px;
    margin-bottom: 0;
    white-space: nowrap;
}

.bg-color-1 {
    background: #fe7096;
}

.bg-color-2 {
    background: #047edf;
}

.bg-color-3 {
    background: #07cdae;
}

.bg-color-4 {
    background: #9a55ff;
}

.bg-color-5 {
    background: #00bcd4;
}

div[class*="bg-color"] * {
    color: #fff !important;
    text-align: center;
}

div[class*="bg-color"] div.divider {
    background: rgba(255, 255, 255, 0.2);
}

span.icon-label:before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-right: 8px;
}

span.total_onboarded:before {
    background-image: url("../images/total_onboarding.svg");
}


/* span.total_sites:before {
  background-image: url("../images/sites.svg");
 } */

span.total_countries:before {
    background-image: url("../images/globe.svg");
}

span.connected:before {
    background-image: url("../images/connected-up.svg");
}

span.not_connected:before {
    background-image: url("../images/connected-down.svg");
}

span.pending:before {
    background-image: url("../images/pending2.svg");
}

span.sync:before {
    background-image: url("../images/sync.svg");
}

span.sync_pending:before {
    background-image: url("../images/pending2.svg");
}

span.out_of_sync:before {
    background-image: url("../images/sync_pending.svg");
}

span.wired:before {
    background-image: url("../images/switches-icon2.png");
    width: 50px;
    height: 30px;
    vertical-align: middle;
}

span.wireless:before {
    background-image: url("../images/access-point-icon2.png");
    width: 50px;
    height: 35px;
    vertical-align: middle;
}

.stats-table-OTT-items span.icon-label:before {
    width: 18px;
    height: 18px;
}

.custom-table-view table thead th.nosorting {
    pointer-events: none;
}

.custom-table-view table thead th.nosorting:after {
    display: none;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
    font-size: 12px;
    bottom: 15px;
}

.custom-table-view table.dataTable thead th.sort_icon:after {
    bottom: 32px;
}

.account-type,
.filterbydate,
#reportrange {
    display: inline-block;
}

.filterbydate {
    margin-left: 25px;
}

.account-type span,
.filterbydate span {
    font-weight: 300;
    color: #545454;
}

.account-select,
#reportrange {
    -webkit-appearance: none;
    border: 1px solid #b9b9b9;
    padding: 6px 12px;
    font-family: inherit;
    font-size: 14px;
    outline: none;
    border-radius: 2em;
    cursor: pointer;
    background: #ffffff url("../images/select_arrow.svg") no-repeat;
    background-size: 10px;
    background-position: 94% center;
    padding-right: 45px;
    margin-left: 5px;
}

.account-select:hover,
.account-select:focus,
#reportrange:hover,
#reportrange:focus {
    border-color: #049fd9;
}

.daterangepicker {
    font-family: inherit;
    border: none;
    box-shadow: 0 2px 7px 2px rgba(0, 0, 0, .25);
    -webkit-box-shadow: 0 2px 7px 2px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 2px 7px 2px rgba(0, 0, 0, .25);
    -o-box-shadow: 0 2px 7px 2px rgba(0, 0, 0, .25);
    -ms-box-shadow: 0 2px 7px 2px rgba(0, 0, 0, .25);
}

.calendar-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/calendar.svg") no-repeat;
    background-position: center;
    background-size: contain;
    vertical-align: sub;
    margin-right: 5px;
    opacity: 0.4;
}

.skeleton-placeholder {
    position: relative;
    overflow: hidden;
    height: 25px;
    background: #ececec;
    border-radius: 2em;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    -o-border-radius: 2em;
    -ms-border-radius: 2em;
}

.skeleton-placeholder::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient( 90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 80%);
    animation: progress 1s ease-in-out infinite;
}

@keyframes progress {
    0% {
        transform: translate3d(-100%, 0, 0);
    }
    100% {
        transform: translate3d(100%, 0, 0);
    }
}

.progressbar .skeleton-placeholder {
    height: 10px;
    width: 50%;
    margin: 0 auto;
}

.no-data-available {
    text-align: center;
    padding: 15vh 0;
    display: none;
}

.no-data-available img {
    width: 150px;
}

.no-data-available h4 {
    font-weight: 300;
    font-size: 20px;
    color: #949494;
}

td.details-control {
    text-align: center !important;
}

td.details-control a {
    background: #009688;
    color: #fff;
    font-size: 14px;
    padding: 6px 20px;
    border-radius: 2px;
    text-decoration: none;
    cursor: pointer;
}

td.details-control a:hover {
    opacity: 0.8;
}

td.details-control {
    background: url("../images/show.svg") no-repeat center center;
    background-size: 24px;
    cursor: pointer;
}

tr.shown td.details-control {
    background: url("../images/hide.svg") no-repeat center center;
    background-size: 24px;
}

.custom-table-view .popup-table tr {
    background: #fff !important;
}

.custom-table-view .popup-table th {
    color: #fff;
    font-weight: normal;
    background: #607d8b;
    font-size: 14px;
}

.custom-table-view .popup-table td {
    font-weight: normal !important;
    padding: 10px !important;
    font-size: 14px;
    white-space: nowrap;
}

.custom-table-view .popup-table td .more {
    white-space: normal;
}

.connect-status {
    color: #fff;
    padding: 6px 10px;
    border-radius: 2px;
    font-size: 12px;
    text-transform: uppercase;
}

.connect-status.pending {
    background: #ff9800;
}

.connect-status.connected {
    background: #4caf50;
}

.connect-status.not-connected {
    background: #f44336;
}

.details_link {
    font-weight: bold;
    cursor: pointer;
    white-space: nowrap;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    text-align: center;
    font-size: 13px;
    justify-content: center;
    align-items: center;
    margin: 8px 0;
}


/* Modal Popup */

.modalPopup {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
}

.modalPopup .modalOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1000;
}

.modalPopup>.modalContent {
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    width: 80%;
    margin: 0 auto;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    z-index: 1001;
    max-height: 90%;
    overflow-y: auto;
}

.modalPopup-md .modalContent {
    width: 60%;
}

.modalPopup-sm .modalContent {
    width: 500px;
}

.modalPopup .modalBody {
    background-color: #fff;
    padding: 0;
    max-height: 650px;
    overflow-y: auto;
}


/* Custom Modal Popup */

.custom-table-modal .modalHeader {
    height: auto;
    padding: 10px 25px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
    -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
    border-bottom: 2px solid #eaeaea;
}

.modalHeader_actions {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
}

.anomalies-filterdata_count {
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #828282;
}

.header_searchaction ul {
    list-style: none;
    line-height: 0;
}

.header_searchaction ul li {
    display: inline-block;
    margin-left: 25px;
    position: relative;
}

.header_searchaction ul a {
    display: block;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px;
}

.header_searchaction ul li:first-child {
    margin-left: 0;
}


/*.header_searchaction li a.action_icons.modal_search_icon{
background-image: url('../images/failed_white.svg');
}*/

.header_searchaction li a.action_icons.modal_close {
    background-image: url('../images/close.svg');
}

.flt-right {
    float: right;
    margin-top: 18px;
}

.last-updated {
    text-align: right;
    font-size: 15px;
    display: inline-block;
}

.last-updated span {
    font-weight: bold;
}

.connection_status {
    width: 100%;
    justify-content: space-around;
}

.connection_status .stats-counters {
    padding-left: 0;
}

#more_popup .custom-table-view table td:first-child,
#audit_popup .custom-table-view table td:first-child {
    min-width: 250px;
}

#more_popup .custom-table-view table td,
#audit_popup .custom-table-view table td {
    word-break: break-all;
}

.map-view iframe {
    width: 100%;
    height: 500px;
    border: none;
}

.connected-bg {
    background: rgba(0, 128, 0, 0.2);
}

.pending-bg {
    background: rgba(255, 165, 0, 0.2);
}

.not-connected-bg {
    background: rgba(255, 0, 0, 0.2);
}

.flt-right button {
    background: #fff;
    outline: none;
    -webkit-appearance: none;
    font-family: inherit;
    font-size: 15px;
    padding: 8px 15px;
    border-radius: 2em;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    cursor: pointer;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
}

.flt-right .map-btn {
    border: 2px solid #059fd9;
    color: #059fd9;
}

.flt-right .graph-btn {
    border: 2px solid #9c27b0;
    color: #9c27b0;
}

.flt-right .acc-graph-btn {
    border: 2px solid #ff5722;
    color: #ff5722;
}

.flt-right .map-btn:hover {
    background: #059fd9;
    color: #fff;
}

.flt-right .graph-btn:hover {
    background: #9c27b0;
    color: #fff;
}

.flt-right .acc-graph-btn:hover {
    background: #ff5722;
    color: #fff;
}

th.connected-bg:before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background: green;
    border-radius: 2em;
    margin-right: 5px;
    border: 1px solid rgba(255, 255, 255, 0.5);
}

th.pending-bg:before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background: orange;
    border-radius: 2em;
    margin-right: 4px;
    border: 1px solid rgba(255, 255, 255, 0.5);
}

th.not-connected-bg:before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background: red;
    border-radius: 2em;
    margin-right: 4px;
    border: 1px solid rgba(255, 255, 255, 0.5);
}

.days-type {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    width: 100%;
    padding-right: 15px;
    padding-top: 20px;
    justify-content: flex-end;
}

.days-select {
    -webkit-appearance: none;
    border: 1px solid #b9b9b9;
    padding: 6px 45px 6px 12px;
    font-family: inherit;
    font-size: 14px;
    outline: 0;
    border-radius: 2em;
    cursor: pointer;
    background: url("../images/down-arrow.svg") 92% center/13px no-repeat #fff;
    margin-left: 5px;
}

.morecontent span {
    display: none;
}

.grid_circle {
    position: absolute;
    top: 0px;
    right: 0;
    height: 100%;
}

.partner-app ul {
    padding: 0;
    margin: 0;
}

.partner-app ul li {
    list-style: none;
    text-align: center;
}

.partner-app ul li label {
    display: block;
    font-weight: normal;
    color: #969696;
    margin: 0;
}

.partner-app ul li span {
    font-weight: 600;
    font-size: 16px;
    margin-top: 10px;
    display: block;
}

.partner-app .partner-name ul li span,
.partner-app .partner-customer-count ul li span {
    font-size: 18px;
}

.health-check h4 {
    text-align: center;
    margin-top: 0;
    font-size: 15px;
    margin-bottom: 20px;
    color: #969696;
}

.health-check ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}

.health-check ul li {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

.health-check ul li label {
    margin-right: 5px;
}

.health-check ul li span {
    margin-top: 0;
}

.health-check ul li span.connect-status {
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 2px;
    background: rgba(0, 0, 0, 0.25);
}

.health-check ul li .connect-status.connected {
    background: #4caf50;
}

.health-check ul li .connect-status.not-connected {
    background: #f44336;
}

.health-check ul li .connect-status.pending {
    background: #ff9800;
}

.partner-name,
.health-check {
    border-left: 1px solid #ececec;
    border-right: 1px solid #ececec;
}


/* .last-update {
	border-left: 1px solid #ececec;
} */

.panel-default {
    border: none;
    box-shadow: 0 0 2px 0 rgba(48, 48, 48, 0.1);
    -webkit-box-shadow: 0 0 2px 0 rgba(48, 48, 48, 0.1);
    -moz-box-shadow: 0 0 2px 0 rgba(48, 48, 48, 0.1);
    -o-box-shadow: 0 0 2px 0 rgba(48, 48, 48, 0.1);
    -ms-box-shadow: 0 0 2px 0 rgba(48, 48, 48, 0.1);
    border-radius: 5em !important;
}

.panel-default>.panel-heading {
    border: none;
    background: none;
    cursor: pointer;
    padding: 15px 15px;
}

.partner-logo img {
    max-width: 100%;
    width: 150px;
    display: block;
    margin: 0 auto;
}

.status-icon {
    text-transform: uppercase;
    color: #888;
    font-weight: 600;
    font-size: 13px;
    text-align: center;
    display: block;
}

.status-icon.success {
    color: #007f00;
}

.status-icon.failed {
    color: #ff4a50;
}

.status-icon::before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    vertical-align: bottom;
    margin-right: 6px;
}

.status-icon.success::before {
    background-image: url("../images/up-arrow.svg");
}

.status-icon.failed::before {
    background-image: url("../images/down-arrow-red.svg");
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}

@-webkit-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
        opacity: 1;
    }
    40% {
        transform: translateY(-15px);
        opacity: 0.3;
    }
    60% {
        transform: translateY(-10px);
        opacity: 0.7;
    }
}

@keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
        opacity: 1;
    }
    40% {
        transform: translateY(-15px);
        opacity: 0.3;
    }
    60% {
        transform: translateY(-10px);
        opacity: 0.7;
    }
}

.text-center {
    text-align: center !important;
}

.partner-logo span {
    display: block;
    height: 40px;
    margin: 10px 0;
    background-image: url("../images/partner-logos/logo-placeholder.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.partner-logo span.Agreefy {
    background-image: url("../images/partner-logos/Agreefy.png");
}

.partner-logo span.XMode {
    background-image: url("../images/partner-logos/x-mode.png");
}

.partner-logo span.CPMazeMap,
.partner-logo span.MazeMap {
    background-image: url("../images/partner-logos/MazeMap.png");
}

.partner-logo span.AiristaFlow {
    background-image: url("../images/partner-logos/AiristaFlow.png");
}

.partner-logo span.Aislelabs {
    background-image: url("../images/partner-logos/Aislelabs.png");
}

.partner-logo span.DegreeAnalytics {
    background-image: url("../images/partner-logos/DegreeAnalytics.png");
}

.partner-logo span.Involvio {
    background-image: url("../images/partner-logos/Involvio.png");
}

.partner-logo span.IPERASolutions {
    background-image: url("../images/partner-logos/IPERA_Solutions.png");
}

.partner-logo span.Localmeasure,
.partner-logo span.LocalMeasure {
    background-image: url("../images/partner-logos/LocalMeasure.png");
}

.partner-logo span.PenguinIn {
    background-image: url("../images/partner-logos/PenguinIN.jpg");
}

.partner-logo span.Rifinity,
.partner-logo span.Rifiniti {
    background-image: url("../images/partner-logos/Rifiniti.png");
}

.partner-logo span.Basking {
    background-image: url("../images/partner-logos/Basking.png");
}

.partner-logo span.Kontakt {
    background-image: url("../images/partner-logos/Kontakt.svg");
}

.partner-logo span.Purple {
    background-image: url("../images/partner-logos/Purple.png");
}

.partner-logo span.StanleyHealthcare,
.partner-logo span.StanleyEU {
    background-image: url("../images/partner-logos/StanleyHealthcare.png");
}

.partner-logo span.Skyfii {
    background-image: url("../images/partner-logos/Skyfii.png");
}

.partner-logo span.CentrakTest {
    background-image: url("../images/partner-logos/CentrakTest.png");
}

.partner-logo span.Centrak {
    background-image: url("../images/partner-logos/Centrak.png");
}

.partner-logo span.IBMLabs {
    background-image: url("../images/partner-logos/IBMLabs.png");
}

.partner-logo span.MapsPeople {
    background-image: url("../images/partner-logos/MapsPeople.png");
}

.partner-logo span.LoneRooftop,
.partner-logo span.Lonerooftop {
    background-image: url("../images/partner-logos/LoneRooftop.png");
}

.partner-logo span.PEOPLEANDTECHNOLOGY {
    background-image: url("../images/partner-logos/PEOPLEANDTECHNOLOGY.png");
}
.partner-logo span.Tagnos {
	background-image: url("../images/partner-logos/Tagnos.png");
}
.partner-logo span.SpeaktoIOT {
	background-image: url("../images/partner-logos/SpeaktoIOT.png");
}
.partner-logo span.SmartFlows {
	background-image: url("../images/partner-logos/SmartFlows.png");
}
.partner-logo span.Infor {
	background-image: url("../images/partner-logos/Infor.png");
}
.partner-logo span.Google {
	background-image: url("../images/partner-logos/Google.png");
}
.partner-logo span.BumbeeLabsABEUP {
	background-image: url("../images/partner-logos/BumbeeLabsABEUP.png");
}
.partner-logo span.Nevotek {
	background-image: url("../images/partner-logos/Nevotek.png");
}
.partner-logo span.deutschebahncom {
	background-image: url("../images/partner-logos/Deutsche_Bahn.png");
}
.partner-logo span.Locatee,
.partner-logo span.locateech {
	background-image: url("../images/partner-logos/Locatee.png");
}
.partner-logo span.PlaceOS {
	background-image: url("../images/partner-logos/PlaceOS.png");
}
.partner-logo span.SpacetiPEU {
    background-image: url("../images/partner-logos/spaceti.png");
}
.partner-logo span.CleanSlateTechnologies {
    background-image: url("../images/partner-logos/cleanslatetechnologies.png");
}
.partner-logo span.pointrtechEUP{
    background-image: url("../images/partner-logos/pointr-logo.svg");
}


div.panel-heading[aria-expanded="true"] {
    background: #f9f9f9;
    border-top-left-radius: 2em;
    border-top-right-radius: 2em;
}

.box-tile {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}

.box-tile-left,
.box-tile-right {
    width: 50%;
}

.box-tile-left {
    text-align: center;
}

.box-tile-container {
    text-align: center;
    padding: 10px 0px;
}

.onboarding_region_summary ul li .box-tile-container span {
    padding: 0;
    font-size: 40px;
    min-height: 55px;
}

.box-tile-container label {
    margin-bottom: 0;
    margin-top: -5px;
    display: block;
    color: rgba(255, 255, 255, 0.9);
    font-weight: 300;
}

.hint-text {
    color: #505050;
}

.uptime-progress {
    width: 100%;
    height: 4px;
    box-shadow: 0 0.4rem 0.6rem rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0.4rem 0.6rem rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0.4rem 0.6rem rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 0.4rem 0.6rem rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 0.4rem 0.6rem rgba(0, 0, 0, 0.15);
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem;
    margin: 0;
}

.uptime-progress .progress-bar {
    box-shadow: none;
}

.uptime-progress .bg-success {
    background-color: #54ca68 !important;
}

.uptime-progress .bg-danger {
    background-color: #fc544b !important;
}

.uptime-progress .bg-warning {
    background-color: #ffa426 !important;
}

.uptime-hint-txt {
    font-size: 12px;
    color: #6c757d;
    font-weight: normal;
    font-style: normal;
    margin-left: 5px;
}

.uptime-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}


/* .last-update::before{
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 2em;
    margin-top: 7px;
    background-color: #4caf50;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #2e9e32 0 -1px 9px, #5cc361 0px 2px 5px;
    position: absolute;
    right: 25px;
    top: 12px;
}  */

.panel-group .panel+.panel {
    margin-top: 20px;
}

.partner-app .last-update ul li span {
    font-size: 15px;
}


/* .custom-table-view tbody tr.no-customers{
  background: rgba(255, 235, 59, 0.05);
  border-top: 1px solid rgba(255, 235, 59, 0.2);
  border-bottom: 1px solid rgba(255, 235, 59, 0.2);
} */

.box-tile-right.total-apps-count {
    width: 35%;
}

.onboarding_region_summary ul li .total-apps-count span,
.total-apps-count .box-tile-container label {
    display: inline-block;
}

.onboarding_region_summary ul li .total-apps-count span {
    font-size: 36px;
}

.total-apps-count .box-tile-container {
    padding: 2px 15px;
    text-align: left;
}

.carousel-control {
    text-shadow: none;
    bottom: auto;
    width: 30px;
    height: 30px;
    background: #eaeaea !important;
    border-radius: 2em;
    top: -6px;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
    width: auto;
    height: auto;
    font-size: 13px;
    color: #757575;
    margin-left: 0;
    margin-right: 0;
    line-height: 30px;
    position: static;
}

.health-check .carousel h4 {
    color: #252525;
    font-weight: 600;
    font-size: 16px;
}

.custom-table-view table td[rowspan] {
    background: rgba(33, 150, 243, 0.05);
    color: #404040;
    border-bottom: 1px solid rgba(33, 150, 243, 0.12);
    border-right: 1px solid #e2f1fd;
}

.partner-logo h4 {
    text-align: center;
    line-height: 60px;
    margin: 0;
}

.category-container {
    display: flex;
}

.category-container .category-table.selected {
    color: #000;
    border-top: 4px solid #8bc34a;
    background: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.category-container .category-table {
    margin: 0;
    padding: 12px 30px;
    font-size: 16px;
    text-align: center;
    color: #828282;
    cursor: pointer;
}

.toggle-btn input[type="checkbox"].toggle {
    opacity: 0;
    position: absolute;
    left: -99999px;
}

.toggle-btn input[type="checkbox"].toggle+label {
    height: 40px;
    line-height: 40px;
    background-color: #3F51B5;
    padding: 0px 16px;
    border-radius: 2em;
    display: inline-block;
    position: relative;
    cursor: pointer;
    -moz-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    -webkit-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
    -moz-box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.5);
    font-weight: normal;
}

.toggle-btn input[type="checkbox"].toggle+label:before,
.toggle-btn input[type="checkbox"].toggle+label:hover:before {
    content: ' ';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 36px;
    height: 36px;
    background: #fff;
    z-index: 2;
    -moz-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    -webkit-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 2em;
}

.toggle-btn input[type="checkbox"].toggle+label .off,
.toggle-btn input[type="checkbox"].toggle+label .on {
    color: #fff;
}

.toggle-btn input[type="checkbox"].toggle+label .off {
    margin-left: 40px;
    display: inline-block;
}

.toggle-btn input[type="checkbox"].toggle+label .on {
    display: none;
}

.toggle-btn input[type="checkbox"].toggle:checked+label .off {
    display: none;
}

.toggle-btn input[type="checkbox"].toggle:checked+label .on {
    margin-right: 40px;
    display: inline-block;
}

.toggle-btn input[type="checkbox"].toggle:checked+label,
.toggle-btn input[type="checkbox"].toggle:focus:checked+label {
    background-color: #03A9F4;
}

.toggle-btn input[type="checkbox"].toggle:checked+label:before,
.toggle-btn input[type="checkbox"].toggle:checked+label:hover:before,
.toggle-btn input[type="checkbox"].toggle:focus:checked+label:before,
.toggle-btn input[type="checkbox"].toggle:focus:checked+label:hover:before {
    background-position: 0 0;
    top: 2px;
    left: 100%;
    margin-left: -40px;
}


/* form starting stylings ------------------------------- */

.search_filter {
    position: relative;
    width: 25%;
    margin-right: auto;
    margin-left: 30px;
    margin-top: -8px;
}

.search_filter input {
    font-size: 16px;
    padding: 10px 10px 8px 0px;
    display: block;
    width: 100%;
    border: none;
    border-bottom: 2px solid #a5a5a5;
    background: none;
    background-image: url("../images/search-icon.svg");
    background-repeat: no-repeat;
    background-position: right 18px;
    background-size: 14px;
}

.search_filter input:focus {
    outline: none;
}


/* LABEL ======================================= */

.search_filter label {
    color: #999;
    font-size: 15px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 2px;
    top: 10px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
    margin: 0;
}


/* active state */

.search_filter input:focus~label,
.search_filter input:valid~label {
    top: -15px;
    font-size: 13px;
    color: #5264AE;
}


/* BOTTOM BARS ================================= */

.search_filter .bar {
    position: relative;
    display: block;
    width: 100%;
}

.search_filter .bar:before,
.search_filter .bar:after {
    content: '';
    height: 2px;
    width: 0;
    bottom: 1px;
    position: absolute;
    background: #5264AE;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

.search_filter .bar:before {
    left: 50%;
}

.search_filter .bar:after {
    right: 50%;
}


/* active state */

.search_filter input:focus~.bar:before,
.search_filter input:focus~.bar:after {
    width: 50%;
}


/* ANIMATIONS ================ */

@-webkit-keyframes inputHighlighter {
    from {
        background: #5264AE;
    }
    to {
        width: 0;
        background: transparent;
    }
}

@-moz-keyframes inputHighlighter {
    from {
        background: #5264AE;
    }
    to {
        width: 0;
        background: transparent;
    }
}

@keyframes inputHighlighter {
    from {
        background: #5264AE;
    }
    to {
        width: 0;
        background: transparent;
    }
}

@media all and (min-width: 1023px) and (max-width: 1024px) {
    .box-tile-right.total-apps-count {
        width: 50%;
    }
    .box-tile-container label {
        font-size: 12px;
    }
    .onboarding_region_summary {
        margin-left: 15px;
    }
}

@media all and (max-width: 1023px) {
    .onboarding_summary {
        display: block;
    }
    .onboarding_region_summary {
        display: block;
        width: 100%;
        margin-left: 0;
        margin-bottom: 15px;
    }
    .onboarding_region_summary h2 {
        margin-bottom: 10px !important;
        font-size: 16px;
    }
    .health-check {
        margin: 20px 0;
        border: none;
    }
    .health-check ul {
        justify-content: space-evenly;
    }
    .search_filter {
        width: 40%;
    }
}

@media all and (max-width: 480px) {
    .navbar-header,
    .navbar-left {
        float: none;
        text-align: center;
    }
    .navbar-cls-top .navbar-brand {
        float: none;
        padding: 0;
    }
    .team-name {
        margin-top: 15px;
        ;
    }
    .team-name h3 {
        font-size: 16px;
    }
    .main-container-header {
        display: block;
    }
    .search_filter {
        width: 100%;
        margin: 10px 0;
    }
}