/* 
    version: 1.5
    compliance: bootstrap 4
    date: 3/9/2019
    author: nathan vo
*/

body {
    padding-top: 60px;
}

#logo-wrapper {
    text-align: right;
    margin: 15px 10px 5px;
}

#skyBlueStrip {
    background-color: #62a9e3;
    height: 5px;
    display: block;
}


/* NAV BAR */
.navbar {
    margin-bottom: 0;
}

    .navbar a {
        color: #fff;
    }

.navbar-brand {
    border-radius: 50%;
    margin: 0 5px auto;
    font-size: inherit;
    padding: 10px;
    width: 44px;
    text-align: center;
}

.navbar-toggler {
    color: #fff;
}

    .navbar-toggler:active, .navbar-toggler:focus {
        outline: 0 none;
    }

.navbar-nav .nav-link {
    padding: 0;
}

.nav-item.active {
}
.navbar-nav > li {
    padding: 10px;
}
	.navbar-nav > li:hover {
		background-color: #0094FF;
		border-radius: 5px;
	}
    .navbar-nav > li:hover > a > * {
        color: #0094FF;
    }


.navbar-right {
    margin-right: 0;
    margin-bottom: 0;
}

.navbar-collapse.collapse.in > ul > li {
    margin: 0;
}

#nav-strip {
    background-color: #0094FF;
    height: 5px;
    display: none;
}


.navbar-collapse {
}

.dropdown.open .dropdown-menu {
    background-color: #2652A9;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #2652A9;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    font-size: 12px;
    color: #fff;
    background: #2652a9;
    padding: 10px 15px 10px 25px;
}

.navbar-nav > li > .dropdown-menu {
    background-color: #0094FF;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.dropdown-item {
    color: #fff;
}

    .dropdown-item:focus, .dropdown-item:hover {
        color: #fff;
        text-decoration: none;
        background-color: #007bff;
    }

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background-color: #0094FF !important;
    background-image: -webkit-linear-gradient(top, #6bb7f6 0%, #0094FF 100%);
    background-image: -o-linear-gradient(top, #6bb7f6 0%, #0094FF 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6bb7f6), to(#0094FF));
    background-image: linear-gradient(to bottom, #6bb7f6 0%, #0094FF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6bb7f6', endColorstr='#0094FF', GradientType=0);
    background-repeat: repeat-x;
    filter: unset;
}

/* ROWS */
.row + .row {
    margin-top: 1em;
}

/* FORMS */
.form-control {
    border-radius: 0;
}


/* TABLE */
.table-responsive {
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
}

.table-hover > tbody > tr:hover {
    background-color: #eee;
}

.table > thead > tr > th {
    font-weight: 400;
}

.table.borderless > tbody + tbody, .table.borderless td, .table.borderless th {
    border: none;
}

.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
    padding: 2px;
}

.table-bordered-h {
    border: 1px solid #ddd;
}

    .table-bordered-h > thead > tr > th,
    .table-bordered-h > tbody > tr > th,
    .table-bordered-h > tfoot > tr > th,
    .table-bordered-h > thead > tr > td,
    .table-bordered-h > tbody > tr > td,
    .table-bordered-h > tfoot > tr > td {
        border-top: 1px solid #ddd;
    }

.table > tbody.line-item:last-child {
    border-bottom: 2px solid #ddd;
}



/* BUTTONS */
.btn {
    border-radius: 0;
    min-width: 100px;
    line-height: 40px;
    min-height: 50px;
}

    .btn.tab {
        border-radius: 25px 25px 0 0;
    }

.tooltip > .tooltip-inner {
    background-color: #009cde;
    color: #fff;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #009cde;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #009cde;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #009cde;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #009cde;
}

.tooltip-inner {
    background-color: #009cde;
}

/*PANEL*/
.panel {
    background-color: #f6f6f6; /*#F5F5F5;*/ /* #eee;*/
}

.panel-body.sm {
    min-height: 300px;
}

.panel-danger {
    border-color: #ff3f3f;
}

    .panel-danger > .panel-heading {
        background-image: none;
        background-color: #ff3f3f;
    }

.panel-success {
    border-color: #3e7d3b;
}

    .panel-success > .panel-heading {
        background-image: none;
        background-color: #3e7d3b;
    }

.panel-warning {
    border-color: #edb72b;
}

    .panel-warning > .panel-heading {
        background-image: none;
        background-color: #edb72b;
    }

.panel-heading input[type=radio] {
    margin: 0 5px 0 0;
}

.panel-heading label {
    margin: 0;
}

/* MODAL */
.modal-header {
    border-radius: 4px 4px 0 0;
}

.modal-noscroll {
    overflow: hidden;
    overflow-y: hidden;
}

.modal-dialog.lg {
    width: 100%;
    max-width: 1080px;
}

h1.collapse-header-title, h2.collapse-header-title, h3.collapse-header-title {
    margin: 0;
    padding: 0;
    font-weight: 700;
}

/* LABELS */
label {
    font-weight: 400;
}

.label {
    font-size: 12px;
    padding: .4em .6em .5em;
    display: inline-block;
}

    .label.fl {
        margin: 0 0 2px 0;
    }

        .label.fl:first-child {
            margin: 0 5px 2px 0;
        }

/* TABS */
.tab-content > .tab-pane {
    padding: 15px;
    background-color: #fff;
    border-top: 0;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.nav-tabs > li > a {
    background: #d4d4d0;
    text-decoration: none !important;
}






/* BORDERS */

.border-t-none {
    border-top: none !important;
}


.close {
    text-shadow: none;
    opacity: 1;
}

.curve {
    border-radius: 20px;
}

.square {
    border-radius: 0;
}

.no-shadow {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.no-border {
    border: none;
}

.gray-box {
    background-color: #7c848a;
}

/* PAGINATION */
.pagination {
    margin: 10px 0 0;
}

    .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
        background-color: #7c848a;
        border-color: #7c848a;
    }

    .pagination > li > a, .pagination > li > span {
        color: #000;
    }

.text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg {
    text-align: left;
}

.text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg {
    text-align: center;
}

.text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg {
    text-align: right;
}

.text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg {
    text-align: justify;
}