body {
    padding-top: 50px;
    padding-bottom: 20px;

}

.text-wrap {
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    display:block;
}
/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 60px;
}

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* QR code generator */
#qrCode {
    margin: 15px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}

.rpt-frm-error {
    min-height: 20px;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

.btn-breadcrumb {
    margin-top: 20px;
    margin-bottom: 20px;
}
/* -------------------------------- 
 Navigation
-------------------------------- */
.navbar-btn {
    /*//font-family: "Montserrat", sans-serif;*/
    font-size: 12px;
    color: #000 !important;
    padding-bottom: 15px;
    padding-top: 15px;
    padding-left: 0;
    margin: 0;
    width: 100%;
    text-align: left;
    line-height: 20px;
    display: block;
    border: none;
}

    .navbar-btn:hover, .navbar-btn:focus {
        text-decoration: none !important
    }


.navbar-nav {
    /*font-family: "Montserrat", sans-serif;*/
    font-size: 12px;
}

.navbar-right .dropdown-menu {
    right: auto;
    left: -1px;
}

.navbar-brand {
    height: auto;
}

@media (max-width: 450px) {
    .navbar-brand {
        max-width: 260px;
    }
}

.drop-box {
    background: #F8F8F8;
    border: 5px dashed #DDD;
    height: 65px;
    text-align: center;
    padding-top: 25px;
    margin: 10px;
}

.dragover {
    border: 5px dashed blue;
}

@media (max-width:768px) {
    .row > [class*="col-"] {
        margin-bottom: 3%;
    }

    form .row > [class*="col-"] {
        margin-bottom: 2%;
    }

    .form-group {
        margin-bottom: 1% !important;
    }

    .form-inline .form-control .input-group-addon {
        margin-bottom: 2%;
    }
}

    .navbar-toggle {
        background: #D30015;
        margin-top: 25px;
    }

        .navbar-toggle .icon-bar {
            background-color: #fff;
        }

    .navbar-white {
        background: #fff;
        border: none;
        box-shadow: 1px 0px 5px rgba(0, 0, 0, 0.3);
    }

    .navbar-kawsa .nav-btn-wrap {
        max-height: 36px;
        margin-top: 21px;
    }

        .navbar-kawsa .nav-btn-wrap:after {
            content: '';
            display: table;
            width: 100%;
        }

    @media (max-width: 767px) {
        .navbar-kawsa .nav-btn-wrap {
            display: none;
        }
    }

    .navbar-nav-hov_underline .navbar-nav li.active a {
        background: transparent;
        border-bottom: 4px solid #D30015;
    }

    @media (max-width: 767px) {
        .navbar-btn:active, .navbar-nav-hov_underline .navbar-nav li.active a {
            border-bottom-width: 2px;
        }
    }

    .navbar-nav-hov_underline .navbar-nav li a {
        border-bottom: 4px solid transparent;
        color: #000;
    }

        .navbar-btn:hover, .navbar-nav-hov_underline .navbar-nav li a:hover, .navbar-nav-hov_underline .navbar-nav li a:focus {
            background: transparent;
            border-bottom: 4px solid #D30015;
        }

    .navbar-nav-hov_underline .navbar-nav .dropdown-menu {
        font-size: inherit;
        border-radius: 0;
        padding: 0;
        border: 0;
        min-width: 210px;
    }

        .navbar-nav-hov_underline .navbar-nav .dropdown-menu:before {
            content: '';
            position: absolute;
            top: -5px;
            width: 100%;
            height: 5px;
            background-color: #D30015;
        }

    @media (max-width: 767px) {
        .navbar-nav-hov_underline .navbar-nav .dropdown-menu:before {
            display: none;
        }
    }

    .navbar-nav-hov_underline .navbar-nav .dropdown-menu li a {
        padding: 10px 15px;
        border-bottom: 1px solid #eef0f1;
    }

        .navbar-nav-hov_underline .navbar-nav .dropdown-menu li a:hover {
            color: #D30015;
        }

    .navbar-nav-hov_underline .navbar-nav .dropdown-menu li.active a {
        color: #D30015;
    }

    @media (max-width: 767px) {
        .navbar-nav {
            box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.24);
            margin-bottom: 3px;
        }
    }


    btn-primary {
        background-color: #286090;
        border-color: #204d74;
    }

    /*http://wpcolorlab.com/html/rushmore/index.html
    https://pixabay.com/en/photos/?q=medical&image_type=&cat=&min_height=&min_width=&order=&pagi=2
*/

    /* slider navigation */
    .sec-navigate-wrap {
        font-size: 2.4em;
        color: #fff;
    }

        .sec-navigate-wrap .seq-next, .sec-navigate-wrap .seq-prev {
            background-color: #D30015;
            background-repeat: no-repeat;
            background-position: center;
            border: 0;
            line-height: 1;
            height: 49px;
            width: 39px;
        }

        .sec-navigate-wrap .seq-next {
            float: right;
            margin-right: 45px;
            background-image: url(../img/icon/arrow-right.png);
        }

        .sec-navigate-wrap .seq-prev {
            background-image: url(../img/icon/arrow-left.png);
            float: left;
            margin-left: 45px;
        }

    @media (max-width: 767px) {
        .sec-navigate-wrap.pos-y_center {
            top: 40%;
        }

        .sec-navigate-wrap .seq-next, .sec-navigate-wrap .seq-prev {
            background-size: 55%;
            height: 34px;
            width: 29px;
        }

        .sec-navigate-wrap .seq-next {
            margin-right: 25px;
        }

        .sec-navigate-wrap .seq-prev {
            margin-left: 25px;
        }
    }