body {
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal {
    width: 100%;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

    .dl-horizontal dt {
        white-space: normal;
        width: 50%;
        float: left;
        padding: 0;
        margin: 0;
    }

    .dl-horizontal dd {
        float: left;
        width: 50%;
        padding-left: 10px;
        margin: 0;
    }



.table-condensed{
  font-size: 12px;
}


/* Set width on the form input elements since they're 100% wide by default 
input,
select,
textarea {
    max-width: 280px;
}*/
.e-filteredicon:before {
    color: rgba(6,160,220,1) !important;
}

.panel-title {
    height: 24px !important;
}

.noborder {
    border: none !important;
    box-shadow: none !important;
}

.check-box {
    width: 34px;
}

.CompareTable .row {
    border-bottom: 1px solid lightgrey;
    padding-top: 7px !important;
}

.CompareTable .alert-info {
    padding-bottom: 7px !important;
}

.CompareTable .row:nth-child(odd) {
    background-color: #efefef;
}

.panel-default > .panel-heading, .panel-info > .panel-heading, .panel-danger > .panel-heading, .panel-warning > .panel-heading, .panel-sucess > .panel-heading,
.alert-info, .alert-danger, .alert-warning, .alert-success,
.btn-primary, .btn-default, .btn-info, .btn-danger, .btn-warning, .btn-success,
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    background-image: none !important;
}

.panel-title > a:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0d7";    
    padding-right: 5px;
}

.panel-title > a.collapsed:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0d8";
}

.panel-title > a:hover,
.panel-title > a:active,
.panel-title > a:focus {
    text-decoration: none;
}

a.glyphicon:hover {
    text-decoration: none;
    color: #23527c;
}


.popover {
    background-color: rgba(237, 242, 247, 1);
}

    .popover.right .arrow:after {
        border-right-color: rgba(237, 242, 247, 1);
    }

    .popover.left .arrow:after {
        border-left-color: rgba(237, 242, 247, 1);
    }

    .popover.top .arrow:after {
        border-top-color: rgba(237, 242, 247, 1);
    }

    .popover.bottom .arrow:after {
        border-bottom-color: rgba(237, 242, 247, 1);
    }

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

/* SYNCFUSION CHART*/
.ChartTooltipContainer {
    color: white;
    width: 120px;
}

.ChartTooltipHeader {
    padding: 5px;
}

.ChartTooltipContent {
    background-color: rgba(255, 255, 255, 0.4);
    padding: 5px;
}

.e-input[disabled] {
    background-color: #eee !important;
    opacity: 1 !important;
    cursor: not-allowed !important;
}


.tileTemplate {
    font-size: medium;
    height: 100%;
    width: 100%;
    text-align: center;
    display: table;
}

.tileTemplateImage {
    display: table-cell;
    vertical-align: middle;
}

.appimage {
    position: absolute;
    width: 100px;
    height: 100px;
    margin-left: 15px;
    font-size: 26pt;
}