/*
*** Common Styles
*/
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline: 0; }

/*
Other styles
*/
body.login-page {
    background: url("../img/login-bg-sample.gif") no-repeat center center;
    background-size: cover; 
}
.login-box, .register-box{
    background-color: #fff; 
    box-shadow: 0 0 15px 0 rgba(0,0,0,.25);
}
.login-logo{
    margin-bottom: 0;
}
.tooltip {
    font-family:'Barlow','Helvetica Neue',Helvetica,Arial,sans-serif;
}

.text-white { color: #fff !important; }
.space-md { margin-bottom: 20px; }
.space-sm { margin-bottom: 15px; }

.label { font-weight: 400 }
label.control-label.required:after { content:"*";  color:#dd4b39;  }

.alert-validator { color: #a94442; background-color: #f2dede; border-color: #ebccd1; }

form.inline-sm { display: inline-block; }
.checkbox, .radio { margin-top: 0; margin-bottom: 0;  }

.secondary-navbar.secondary-navbar-fixed { position: fixed; top: 50px; right: 0; left: 230px; z-index: 1020; }
.secondary-navbar {
    min-width: 50px;
  /* max-width: 1200px; margin: 0 auto; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);   */
    background-color: #ffffff;
    border-bottom: 1px solid #d7d8d9;
}
.secondary-header { max-width: 1200px; margin: 0 auto; width: 100%; padding: 0 30px; }
header.main-header.sticky { position: fixed; width: 100%;  top: 0; left: 0; }
.content-wrapper {
    padding-top: 50px;
}
.dashboard-wrapper {
    padding: 70px 30px;
    max-width: 1200px;
    margin: 0 auto;
    background-color: #ecf0f5;   
    height: 100%;
}
.dashboard-area {
    background-color: #ecf0f5;
    width: 100%;
}
.form-group {
    margin-top: 10px;
    margin-bottom: 10px;
}
.navbar-nav li .form-group {
    padding: 0 10px;
}

@media (min-width: 768px){
    .navbar-right {
        margin-right: 0px;
    }
}

.callout{ margin: 20px 0; }
.callout.callout-section { border-color: #00a7d0; }
.callout.callout-section { background-color: #364953 !important; color:#ffffff !important; }
.callout.callout-section h4 { margin-bottom: 0; font-weight: 500; }

dl.summary-widget-vertical { text-align: center; }
dl.summary-widget-vertical dt{ font-size: 16px; line-height: 1.2; color: #666; }
dl.summary-widget-vertical dd{ font-size: 30px; font-weight: bold; line-height: 1.2; color: #666;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #efefef;
}

.form-control.curved{
    border-radius: 16px;
}

.intervalpicker {
    cursor: default;
}
.intervalpicker span{
    padding: 0 5px;
}
.intervalpicker i.fa{
    top: 0;
}

.box { /* box-shadow: 0 0 15px 0 rgba(0,0,0,.25) */  box-shadow: none; }
.box.box-solid {
    border-top: 0;
    border: 1px solid #e9e9e9;
}
/* Chart Designs */
.chart{ min-height: 350px; }
.guage-chart{ min-height: 130px; }
.map-chart { height: 400px; }
.chart.dimension-chart { min-height: 500px; width: 3000px;  }
.chart-popup{ min-height: 200px; }

.chart svg, .chart .dc-chart svg {
    height: 100% !important;
    width: 100% !important;
}

.chart.custom-chart svg{
    margin: auto !important;
    display: block;
}

svg:not(:root) {
    overflow: visible;
}

.navbar.navbar-inverse.custom-menubar {
    border: none;
    background-color: #222d32;
}

.navbar-inverse.custom-menubar .navbar-nav>.active>a, .navbar-inverse.custom-menubar .navbar-nav>.active>a:focus, .navbar-inverse.custom-menubar .navbar-nav>.active>a:hover {
    background-color: #1a2226;
}

table.table-bordered.table-striped.table-summary-chart {
    margin: 50px 20px 20px 20px;
}

table.table-bordered.table-striped.table-chart tr th, table.table-bordered.table-striped.table-chart tr td,table.table-bordered.table-striped.table-summary-chart tr th, table.table-bordered.table-striped.table-summary-chart tr td table.table-bordered.table-striped.table-summary-chart tr th, table.table-bordered.table-striped.table-summary-chart tr td{
    border: 1px solid #eaeaea;
}

table.table-bordered.table-striped.table-summary-chart tr td:first-child{
    font-weight: 600;
}


.info-box { /* box-shadow: 0 0 15px 0 rgba(0,0,0,.25); */ box-shadow:none; border: 1px solid #e9e9e9; background-color: #ecf0f5; margin-top: 10px; margin-bottom: 10px; }
.info-box .info-box-text { font-size: 13px; }
.info-box .info-box-decription { margin: 5px 0; font-size: 12px; font-weight: 600; }
.description-block { display: block; margin: 20px 0; text-align: center; }
.info-box-number { display: block; font-weight: bold; font-size: 24px; }


table.scrollTable { width: 100%; max-width: 100%; display: block; }
table.scrollTable thead th { text-align: center; }
table.scrollTable thead th.tbl-col-lg, table.scrollTable tbody td.tbl-col-lg { min-width: 300px; }
table.scrollTable thead th.tbl-col-sm, table.scrollTable tbody td.tbl-col-sm { min-width: 150px; }
div.scroll-container::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; border-radius: 2px; }
div.scroll-container::-webkit-scrollbar { width: 5px; height: 9px; background-color: #F5F5F5; }
div.scroll-container::-webkit-scrollbar-thumb { background-color: #4b646f; border-radius: 5px; }
table.scrollTable thead th:first-child, table.scrollTable tbody td:first-child { width: 20%; display: block; position: absolute; top: auto; left: 0; }
div.scroll-container { width: 80%; max-width: 80%; overflow-x: scroll; margin-left: 20%; overflow-y: visible; padding: 0; } 
table.scrollTable thead th:first-child { min-height: 75px; }
.notify-container { width: 50%; display: block; margin: auto; border: 2px solid #eaeaea; padding: 30px 50px; }
.chart-scroll-container { width: 100%; display: block; overflow-x: scroll; }

.pd-middle-sm { padding: 20px 0;}


/*
*** Posts Grid Design
*/

.posts-container {
    width: 100%; float: left; display: block; /*  padding: 30px 0; */ background-color: #fff;
}
.post-coverage-container {
    width: 100%; float: left; display: block;
}
.posts-container .post-item-wrapper {
    width: 20%; float: left; padding: 20px 0;
   /* box-shadow: 0 1px 3px 0 rgba(0,0,0,.15);  */
}
.posts-container .post-item-wrapper .post-content-container, .posts-container .post-item-wrapper .post-metrics-container {
    width: 100%;
    float: left;
}

.posts-container .post-item-wrapper .post-thumbnail img, .post-coverage-container .post-thumbnail img {
    max-width: 100%; max-height: 100%;
}
.posts-container .post-item-wrapper .post-thumbnail {
    height: 204px;
    overflow: hidden;
    position: relative;
}
.post-coverage-container .post-thumbnail {
    position: relative;
}
.posts-container .post-item-wrapper .post-message {
    font-size: 12px;
    height: 65px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.post-picture-wrapper {
    width: 100%; 
}
.post-coverage-container .post-message {
    height: 100px;
    overflow-y: scroll;
    text-overflow: ellipsis;
}
.post-coverage-container table.table-condensed.table-summary-info{
    margin-bottom: 10px;
}
table.table-condensed.table-summary-info{
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
}
table.table-condensed.table-summary-info>tbody>tr>td, table.table-condensed.table-summary-info>thead>tr>th {
    text-align: center;
    border: none;
    padding: 3px;
}
table.table-condensed.table-summary-info tbody td {
    font-size: 10px;
}
.posts-container .post-item-wrapper .post-thumbnail label.type-label, .post-coverage-container .post-thumbnail label.type-label {
    font-weight: 400;
    font-size: 12px;
    position: absolute;
    right: 0; top: 0;
    padding: 2px;
}
.posts-container .post-item-wrapper .post-thumbnail label.type-label-prd, .post-coverage-container .post-thumbnail label.type-label-prd {
    font-weight: 400;
    font-size: 12px;
    position: absolute;
    left: 0; top: 0;
    padding: 2px;
    color: #fff;
    background-color: #000;
    border-radius: 2px;
}
.posts-container .post-item-wrapper .post-thumbnail label.name-label, .post-coverage-container .post-thumbnail label.name-label {
    font-weight: 400;
    font-size: 12px;
    position: absolute;
    left: 0; top: 0;
    padding: 2px;
}
.post-coverage-container .post-widget {
    margin-left: 0;
}


.tab-content .tab-pane { width: 100%; float: left; }
/*
*** Modal Dialog
*/

.modal-dialog { width: 900px; }
.modal-content { width: 100%; float: left; background-color: transparent; }
.modal-content .modal-header {  background-color: transparent;  }
.modal-content .modal-body { width: 100%; max-height: 570px; float: left; overflow-y: scroll; background-color: #fff; }

.scrollbar-thin-hor::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; border-radius: 2px; }
.scrollbar-thin-hor::-webkit-scrollbar { width: 5px; height: 8px; background-color: #4b646f; }
.scrollbar-thin-hor::-webkit-scrollbar-thumb { background-color: #4b646f; border-radius: 5px; }

.modal-dialog {margin: 50px auto;}
.close {font-size: 28px; text-shadow: none; font-weight: 600; color: #fff; opacity: .8; }
.fulltable-scroll { overflow-x: scroll; display: block; visibility: visible; }
.spinner-loading { display: none; position: fixed; z-index: 1000; top: 0; left: 0; height: 100%; width: 100%; background: rgba( 0, 0, 0, .8 ) url('../img/ajax-loader.gif') 50% 50% no-repeat; }
body.loading .spinner-loading { overflow: hidden; }
body.loading .spinner-loading { display: block; }
.grid-border{ border: 1px solid #e1e9ed; background-color: #e6ecef; border-radius: 15px; }
.fulltable-scroll td:first-child, .fulltable-scroll th:first-child { min-width: 200px; display: block; text-align: center; }
table.fulltable-scroll td img { max-width: 100%; max-height: 100px; }
table.fulltable-scroll td p { font-size: 12px; }
table.fulltable-scroll td span { font-size: 10px; display: inline-block; }
table.fulltable-scroll td a { display: inline-block; }

.box-header .box-title { padding: 0 15px; }

.secondary-navbar.secondary-navbar-relative { margin: 0 0 30px 0; }
.secondary-navbar.secondary-navbar-relative .secondary-header { padding: 0; float: left;  }
.logo-product { padding: 0 10px; }
.col-md-inline-3 { width: 24%; display: inline-block; padding: 0 15px; }

/* Profile Widget */
.widget-user-wrapper { text-align: center; }
.widget-user-wrapper * { white-space: normal; }
.box.box-widget.widget-user { cursor: pointer; margin-top: 10px; margin-bottom: 10px; }
.widget-user .widget-user-header { height: 100px; }
.widget-user .widget-user-username { font-size: 16px; line-height: 18px; color: #fff; text-align: center; }
.widget-user .widget-user-image { top: 55px; }
.widget-user .description-block>.description-text { font-size: 10px; line-height: 12px; }
.widget-user .box-footer { background-color: #ecf0f5; border: 1px solid #e9e9e9; border-top: none; }
.widget-user .box-footer .col-sm-4.space-center-sm { padding-left: 5px; padding-right: 5px; }
.widget-user p.description-text { margin: 5px 0 10px; }