/* Specifically for CSS classes that already exist in Bootstrap*/

.alert {
    margin-top: 10px;
    margin-bottom: 10px;
}

/* TO KEEP MODAL STAY WITHIN VIEWPORT BOUNDS AND ONLY MAKE MODAL BODY SCROLLABLE */
/*http://stackoverflow.com/questions/25874001/how-to-put-scrollbar-only-for-modal-body-in-bootstrap-modal-dialog*/
.modal-body-scroll{
    /*height: 83vh;*/
    /*height: 250px;*/
    height: calc(100vh - 220px);
    height: -o-calc(100vh - 220px); /* opera */
    height: -webkit-calc(100vh - 220px); /* google, safari */
    height: -moz-calc(100vh - 220px); /* firefox */
    /*overflow-y: scroll;*/
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.modal-dialog{
    overflow-y: initial !important
}

.modal-body-scroll .scroll-top{
    margin-top: -20px;
}

.modal-content{
    background-color: #f3f3f3;
}

.modal-body{
    background-color: #ffffff;
}

.modal-header{
    padding: 10px;
}

.modal-footer{
    padding: 10px;
}

.modal-header .nav>li>a {
    padding: 10px 10px;
}

.nav-pills > li > a {
    background-color: #eaeaea;
}

/*.nav-justified {*/
    /*border-collapse:separate;*/
    /*border-spacing:5px 0;*/
/*}*/

.nav-pills.nav-justified li {
    border-right : 5px solid rgba(255, 255, 255, 0.00);
}
.nav-pills.nav-justified li:last-child {
    border-right-width : 0px;
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #dddddd;
}

p.navbar-text {
    text-align: right;
}

.carousel-control .icon-prev, .carousel-control .fa-chevron-left {
    left: 50%;
    margin-left: -10px;
}

.carousel-control .icon-next, .carousel-control .fa-chevron-right {
    right: 50%;
    margin-right: -10px;
}

.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .fa-chevron-left, .carousel-control .fa-chevron-right {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    z-index: 5;
    display: inline-block;
}

/* http://stackoverflow.com/questions/19822127/vertical-space-when-stacking-columns-in-bootstrap-3 */
@media (max-width: 768px) {
    [class*="col-"]:not(:last-child) {
        margin-bottom: 15px;
    }
}