/*Common css for html pages */
/* css use for grid */

.grid-align {
    text-align: center;
}
.ui-grid-row {
    display: table-row;
    height: auto !important;
}
.ui-grid-cell {
    display: table-cell;
    height: auto !important;
    vertical-align: center;
    float: none !important;
}
.ui-grid-cell-contents {
    height: auto !important;
}
/* Css for Traveler Track */

.ui-grid-row.ng-scope.ui-grid-tree-header-row {
    font-weight: normal !important;
}
.gmnoprint {
    right: 17% !important;
}
.gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom {
    right: 19% !important;
}
.panel > .view-heading, .panel.panel-default > .view-heading {
  background-color: #fff;
}
.tracker-overflow {
    height: 553px;
    overflow-y: hidden;
}
input[type="text"].ui-grid-filter-input {
    font: menu;
}
/*use for chat graph */

.ct-label {
    color: black !important;
    fill: white !important;
    font-size: 0.9rem !important;
    line-height: 1.5 !important;
}
.ct-labelBar {
    color: black !important;
    fill: blue !important;
    font-size: 0.9rem !important;
    line-height: 1.5 !important;
}
.ct-chart {
    position: relative;
}
.ct-legend {
    padding-left: 256px !important;
    z-index: 15;
    list-style: none;
    margin-bottom: 1px;
}
.ct-legend li {
    position: relative;
    padding-left: 16px;
    margin-bottom: 1px;
    cursor: pointer;
}
.ct-legend li:before {
    width: 12px;
    height: 12px;
    position: absolute;
    left: 0;
    content: '';
    border: 3px solid transparent;
    border-radius: 2px;
}
.ct-legend li.inactive:before {
    background: transparent;
}
.ct-legend-inside {
    position: absolute;
    padding-left: 256px !important;
    top: 0;
    z-index: 15;
}
.ct-series-a .ct-area,
.ct-series-a .ct-slice-pie {
    fill: #00796B !important;
}
.ct-series-b .ct-area,
.ct-series-b .ct-slice-pie {
    fill: #F57C00;
}
.ct-series-c .ct-area,
.ct-series-c .ct-slice-pie {
    fill: #1976D2;
}
.ct-series-d .ct-area,
.ct-series-d .ct-slice-pie {
    fill: #C2185B;
}
.ct-series-e .ct-area,
.ct-series-e .ct-slice-pie {
    fill: #BDBEC2;
}
.ct-series-f .ct-area,
.ct-series-f .ct-slice-pie {
    fill: #FFA000;
}
.ct-series-g .ct-area,
.ct-series-g .ct-slice-pie {
    fill: #C2185B;
}
.ct-series-h .ct-area,
.ct-series-h .ct-slice-pie {
    fill: #689F38;
}
.ct-series-i .ct-area,
.ct-series-i .ct-slice-pie {
    fill: #5856D6;
}
.ct-series-j .ct-area,
.ct-series-j .ct-slice-pie {
    fill: #FF4981;
}
.ct-series-k .ct-area,
.ct-series-k .ct-slice-pie {
    fill: #8E8E93;
}
.ct-series-l .ct-area,
.ct-series-l .ct-slice-pie {
    fill: #D32F2F;
}
.ct-series-m .ct-area,
.ct-series-m .ct-slice-pie {
    fill: #388E3C;
}
.ct-series-n .ct-area,
.ct-series-n .ct-slice-pie {
    fill: #34AADC;
}
.ct-series-o .ct-area,
.ct-series-o .ct-slice-pie {
    fill: #C644FC;
}
.ct-series-p .ct-area,
.ct-series-p .ct-slice-pie {
    fill: #0BD318;
}
.ct-series-q .ct-area,
.ct-series-q .ct-slice-pie {
    fill: #FF5E3A;
}
.ct-series-r .ct-area,
.ct-series-r .ct-slice-pie {
    fill: #4CD964;
}
.ct-series-s .ct-area,
.ct-series-s .ct-slice-pie {
    fill: #1F1F21
}
.ct-series-t .ct-area,
.ct-series-t .ct-slice-pie {
    fill: #D1EEFC;
}
.ct-legend .ct-series-0:before {
    background-color: #00796B !important;
    border-color: #00796B !important;
}
.ct-legend .ct-series-1:before {
    background-color: #F57C00;
    border-color: #F57C00;
}
.ct-legend .ct-series-2:before {
    background-color: #1976D2;
    border-color: #1976D2;
}
.ct-legend .ct-series-3:before {
    background-color: #C2185B;
    border-color: #C2185B;
}
.ct-legend .ct-series-4:before {
    background-color: #BDBEC2;
    border-color: #BDBEC2;
}
.ct-legend .ct-series-5:before {
    background-color: #FFA000;
    border-color: #FFA000;
}
.ct-legend .ct-series-6:before {
    background-color: #C2185B;
    border-color: #C2185B;
}
.ct-legend .ct-series-7:before {
    background-color: #689F38;
    border-color: #689F38;
}
.ct-legend .ct-series-8:before {
    background-color: #5856D6;
    border-color: #5856D6;
}
.ct-legend .ct-series-9:before {
    background-color: #FF4981;
    border-color: #FF4981;
}
.ct-legend .ct-series-10:before {
    background-color: #8E8E93;
    border-color: #8E8E93;
}
.ct-legend .ct-series-11:before {
    background-color: #D32F2F;
    border-color: #D32F2F;
}
.ct-legend .ct-series-12:before {
    background-color: #388E3C;
    border-color: #388E3C;
}
.ct-legend .ct-series-13:before {
    background-color: #34AADC;
    border-color: #34AADC;
}
.ct-legend .ct-series-14:before {
    background-color: #C644FC;
    border-color: #C644FC;
}
.ct-legend .ct-series-15:before {
    background-color: #0BD318;
    border-color: #0BD318;
}
.ct-legend .ct-series-16:before {
    background-color: #FF5E3A;
    border-color: #FF5E3A;
}
.ct-legend .ct-series-17:before {
    background-color: #4CD964;
    border-color: #4CD964;
}
.ct-legend .ct-series-18:before {
    background-color: #1F1F21;
    border-color: #1F1F21
}
.ct-legend .ct-series-19:before {
    background-color: #D1EEFC;
    border-color: #D1EEFC;
}
.ct-chart-bar .ct-label.ct-horizontal.ct-end {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    transform-origin: 100% 0;
    text-align: left;
    max-height: 1.5em;
    min-width: 34px;
    max-width: 90px;
    margin-left: 67px;
}
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start {
    height: 42px!important;
    width: 150px !important;
    fill: black !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 10px;
    line-height: 1.42857143;
}
.ct-series-a .ct-bar,
.ct-series-a .ct-line,
.ct-series-a .ct-point,
.ct-series-a .ct-slice-donut {
    stroke: #1976D2 !important;
}
.ct-tooltip {
    position: absolute;
    display: inline-block;
    min-width: 5em;
    padding: 8px 10px;
    background: #383838;
    color: #fff;
    text-align: center;
    pointer-events: none;
    z-index: 100;
    transition: opacity .2s linear;
}
.ct-tooltip:before {
    position: absolute;
    bottom: -14px;
    left: 50%;
    border: solid transparent;
    content: ' ';
    height: 0;
    width: 0;
    pointer-events: none;
    border-color: rgba(251, 249, 228, 0);
    border-top-color: #383838;
    border-width: 7px;
    margin-left: -8px;
}
.ct-tooltip.hide {
    display: block;
    opacity: 0;
    visibility: hidden;
}
.ct-legend-inside-air {
    position: absolute;
    padding-left: 173px !important;
    top: 0;
    z-index: 15;
}
/*left sapce inside the input tag */

input.allpage-input-space {
    padding-left: 6px;
}
/*checkbox style inside input tag*/

input.allpage-checkbox-style {
    width: 1.65em;
    height: 1.65em;
}
#topAirlines {
    height: 860px;
}
.row-collapse {
    height: 810px;
}
.collapse-vertical-half {
    height: 50%;
}
.collapse-padding {
    display: inline-block;
    height: 100%;
    width: 100%;
    padding-top: 4px;
}
.custom-collapse {
    height: 101px;
}
input[type="date"] {
    font-size: 13px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
}
@media only screen and (min-width: 991px) {
    #topAirlines {
        height: 430px;
    }
    .row-collapse {
        height: 380px;
    }
    .collapse-vertical-half {
        height: 100%;
    }
    .collapse-padding {
        display: inline;
        padding: 0;
    }
}
@media only screen and (min-width: 1387px) {
    .custom-collapse {
        height: 38px;
    }
}
input[type=checkbox].commoncheckbox {
    width: 1.65em;
    height: 1.65em;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0px;
}
/* Css for Member */

input[type=checkbox].common-member {
    width: 1.65em;
    height: 1.65em;
    margin-left: 5px;
    margin-top: -2px;
}
/* Css for Organization */

.panel.panel-default {
    margin-bottom: 16px;
}