body {
    padding-top: 50px;
    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 dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
button,
textarea {
    max-width: 280px;
}


    .panel-heading h4:after {
        font-family: 'Glyphicons Halflings';
        content: "\e114";
        float: right;
        color: grey;
    }

    .panel-heading.collapsed h4:after {
        content: "\e080";
    }

    .panel-heading:hover {
        background: #ddd;
    }

    .panel-body {
        padding: 15px 30px;
    }

    h4 {
        margin-top: 25px;
    }

    .row {
        margin-bottom: 5px;
    }

        .row .row {
            margin-top: 2px;
            margin-bottom: 0;
        }

    [class*="col-"] {
        padding-top: 1px;
        padding-bottom: 1px;
        /*border:1px solid black;*/
        padding-left: 5px;
        padding-right: 5px;
    }

    .control-label {
        margin-top: 5px;
        margin-left: 0px;
    }
   

/* Glyphicon spinner animation */
.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}

/*body {
    border: 1px solid black; 
    max-height: 750px; 
    overflow: auto;
}

#channelMappingFrame
{
    height: calc(100% - 50px);
    overflow: auto;
}*/