/*
|----------------------
| HTML BASE ELEMENTS
|----------------------
*/
@font-face {
    font-family: 'open-sans-light';
    src: url('../fonts/OpenSans-Light-webfont.eot') format('embedded-opentype'), url('../fonts/OpenSans-Light.ttf') format('truetype'), url('../fonts/OpenSans-Light-webfont.woff') format('font-woff'), url('..fonts/OpenSans-Light-webfont.svg#open-sans-light') format('svg');
}

body {
    font-family: 'Source Sans Pro', 'Segoe UI', 'Droid Sans', Tahoma, Arial, sans-serif !important;
    font-size: 14px;
    line-height: 1.42857143;
    color: #4d4d4d;
    background-color: #f7f8fa;
}

a:focus {
    outline: medium none;
    outline-offset: -2px;
}

select option {
    padding: 2px 15px;
}

textarea {
    min-height: 121px;
}

label {
    font-family: 'open-sans-light', 'Source Sans Pro', 'Segoe UI', sans-serif !important;
    font-weight: 600;
}

p {
    font-family: 'Source Sans Pro', 'Segoe UI', 'Droid Sans', Tahoma, Arial, sans-serif !important;
    font-weight: 400;
    font-size: 14px;
    color: #777777;
}

p.lead {
    font-family: 'Source Sans Pro', 'Segoe UI', 'Droid Sans', Tahoma, Arial, sans-serif !important;
    font-weight: 200;
    font-size: 14px;
    color: #777777;
}

ul,
ol {
    padding: inherit;
}

small {
    font-family: 'Source Sans Pro', 'Segoe UI', 'Droid Sans', Tahoma, Arial, sans-serif !important;
    font-weight: 500;
    font-size: 85%;
    color: #999999;
}

em {
    font-family: 'Source Sans Pro', 'Segoe UI', 'Droid Sans', Tahoma, Arial, sans-serif !important;
    font-weight: 600 !important;
    font-style: italic !important;
    font-color: #777777;
}

strong {
    font-family: 'Source Sans Pro', 'Segoe UI', 'Droid Sans', Tahoma, Arial, sans-serif !important;
    font-weight: 600;
    color: #777777;
}

dt {
    font-weight: 600;
    color: #0079bd;
}

dd {
    margin-left: 0px;
    color: #7895A5;
    font-style: italic;
}

/*
|----------------
| PAGE HEADINGS
|----------------
*/
h1 {
    color: #0079bd;
    font-family: 'open-sans-light', 'Source Sans Pro', 'Segoe UI', sans-serif !important;
    font-size: 30px;
    font-weight: 500;
}

h2 {
    color: #0079bd;
    font-family: 'open-sans-light', 'Source Sans Pro', 'Segoe UI', sans-serif !important;
    font-size: 12px _ 13px;
    font-weight: 400;
}

h3,
.h3 {
    color: #666666;
    font-family: 'open-sans-light', 'Source Sans Pro', 'Segoe UI', sans-serif !important;
    font-size: 22px;
    font-weight: 400;
}

h4 {
    color: #666666;
    font-family: 'open-sans-light', 'Source Sans Pro', 'Segoe UI', sans-serif !important;
    font-size: 18px;
    font-weight: 500;
}

h5 {
    color: #666666;
    font-family: 'open-sans-light', 'Source Sans Pro', 'Segoe UI', sans-serif !important;
    font-size: 14px;
    font-weight: 500;
}

h6 {
    color: #666666;
    font-family: 'open-sans-light', 'Source Sans Pro', 'Segoe UI', sans-serif !important;
    font-size: 12px;
    font-weight: 500;
}

/*
|-------------------
| FOOTER ELEMENTS
|-------------------
*/
footer {
    border-top: 1px solid #d2d3d6;
    background: #edeef0;
    min-height: 30px;
    margin-left: 0px;
    margin-top: 30px;
    padding: 0 20px;
}

footer.navbar-fixed-bottom {
    padding-top: 10px;
    padding-bottom: 0px;
}

ul.legalLinks {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

ul.legalLinks li {
    display: inline;
    padding: 0px 5px;
}

@media (max-width: 767px) {
    footer p {
        font-size: 95%;
        white-space: nowrap;
    }

    footer.navbar-fixed-bottom a {
        white-space: nowrap;
    }
}

/*
|---------------------------
| BOOTSTRAP CLASSES UPDATE
|---------------------------
*/
.form-control-static {
    padding: 0px 10px;
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.default {
    background-color: #c4c4c4;
}

.primary {
    background-color: #0079bd;
}

.info {
    background-color: #79bde8;
}

.success {
    background-color: #51a821;
}

.warning {
    background-color: #f7bf1e;
}

.danger {
    background-color: #f7321e;
}

.text-muted {
    color: #c4c4c4 !important;
}

.text-primary {
    color: #0079bd !important;
}

.text-success {
    color: #51a821 !important;
    font-size: 120% !important;
}

.text-info {
    color: #79bde8 !important;
    font-size: 90% !important;
}

.text-warning {
    color: #f7bf1e !important;
    font-size: 110% !important;
}

.text-danger {
    color: #f7321e !important;
    font-size: 120% !important;
}

.open .dropdown-toggle.btn-default,
.btn-default:hover,
.btn-default:focus,
.btn-default:active {
    color: #333333;
    background-color: #B6C5CE;
    border-color: #7895A5;
}

.btn-default {
    color: #333333;
    background-color: #ced8de;
    border-color: #7895A5;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    color: #ffffff;
    background-color: #005a8f;
    border-color: #003452;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}

.btn-primary {
    color: #ffffff;
    background-color: #0079bd;
    border-color: #006fae;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
    color: #ffffff;
    background-color: #389ddd;
    border-color: #1d74ab;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}

.btn-info {
    color: #ffffff;
    background-color: #79bde8;
    border-color: #6cb7e6;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
    color: #ffffff;
    background-color: #326814;
    border-color: #132808;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}

.btn-success {
    color: #ffffff;
    background-color: #51a821;
    border-color: #4b9b1e;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
    color: #ffffff;
    background-color: #c29107;
    border-color: #785a04;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}

.btn-warning {
    color: #ffffff;
    background-color: #f7bf1e;
    border-color: #f6bb0f;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
    color: #ffffff;
    background-color: #c21807;
    border-color: #780f04;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}

.btn-danger {
    color: #ffffff;
    background-color: #f7321e;
    border-color: #f6250f;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}

a.btn.btn-warning {
    color: #ffffff;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}

.label-default {
    background-color: #ced8de;
}

.label-primary {
    background-color: #0079bd;
}

.label-info {
    background-color: #f78e1e;
}

.label-success {
    background-color: #51a821;
}

.label-warning {
    background-color: #f7bf1e;
}

.label-danger {
    background-color: #f7321e;
}

.badge-info {
    background-color: #79bde8;
}

.badge-primary {
    background-color: #0079bd;
}

.badge-warning {
    background-color: #f7bf1e;
}

.badge-danger {
    background-color: #f7321e;
}

.badge-default {
    background-color: #ced8de;
}

.btn {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    border-width: 0px;
    font-family: 'Source Sans Pro', 'Segoe UI', 'Droid Sans', Tahoma, Arial, sans-serif !important;
}

.btn-link,
a:link,
a:active,
a:visited,
a.btn {
    color: #0079bd;
    font-weight: normal;
    cursor: pointer;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
}

.btn-link:hover,
.btn-link:focus {
    color: #0079bd;
    text-decoration: underline;
    background-color: transparent;
}

.alert-warning {
    background-color: #FDF3D8;
    border-color: #F7BF1E;
    color: #765A04;
    opacity: 0.8 !important;
    -webkit-opacity: 0.8 !important;
    -moz-opacity: 0.8 !important;
    -o-opacity: 0.8 !important;
}

.alert-success {
    background-color: #E6F8DD;
    border-color: #51A821;
    color: #21440D;
    opacity: 0.8;
    -webkit-opacity: 0.8;
    -moz-opacity: 0.8;
    -o-opacity: 0.8;
}

.alert-danger {
    background-color: #FBDDDA;
    border-color: #F7321E;
    color: #B11806;
    opacity: 0.8 !important;
    -webkit-opacity: 0.8 !important;
    -moz-opacity: 0.8 !important;
    -o-opacity: 0.8 !important;
}

.alert-info {
    background-color: #F78E1E;
    border-color: #F78E1E;
    color: #ffffff;
    opacity: 0.8 !important;
    -webkit-opacity: 0.8 !important;
    -moz-opacity: 0.8 !important;
    -o-opacity: 0.8 !important;
}

.modal-header {
    border-bottom: 1px solid #E5E5E5;
    min-height: 16.4286px;
    padding: 6px 9px;
    background: #FEFCFD;
    background: -moz-linear-gradient(top, #fefcfd 0%, #f2f2f2 67%, #f1f3f0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefcfd), color-stop(67%, #f2f2f2), color-stop(100%, #f1f3f0));
    background: -webkit-linear-gradient(top, #fefcfd 0%, #f2f2f2 67%, #f1f3f0 100%);
    background: -o-linear-gradient(top, #fefcfd 0%, #f2f2f2 67%, #f1f3f0 100%);
    background: -ms-linear-gradient(top, #fefcfd 0%, #f2f2f2 67%, #f1f3f0 100%);
    background: linear-gradient(to bottom, #fefcfd 0%, #f2f2f2 67%, #f1f3f0 100%);
    border-radius: 8px 8px 0px 0px;
    -webkit-border-radius: 8px 8px 0px 0px;
    -moz-border-radius: 8px 8px 0px 0px;
    -o-border-radius: 8px 8px 0px 0px;
}

.modal-header .close {
    margin-top: 2px;
}

.modal-title {
    font-family: 'open-sans-light', 'Source Sans Pro', 'Segoe UI', sans-serif !important;
}

.modal-body {
    background-color: #F6F5F4;
    padding: 3px 10px;
}

.modal-footer {
    margin-top: 0px;
    padding: 13px 20px 20px;
    padding-bottom: 12px;
    text-align: right;
    border-top: 1px solid #E5E5E5;
}

.modal-footer button.btn {
    font-family: 'Source Sans Pro', 'Segoe UI', 'Droid Sans', Tahoma, Arial, sans-serif !important;
    font-weight: 400;
}

.bd-slide-panel {
    background-color: #00456E;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.65);
    color: #ffffff;
    padding: 10px 15px;
    position: fixed;
    transition: all 0.3s ease 0s;
    border: none;
}

.bd-slide-panel {
    background: none repeat scroll 0 0 #003452;
}

.bd-slide-panel > div {
    color: #CCCCCC;
    font-weight: 300;
}

.bd-slide-panel h3 {
    color: #ffffff;
}

.bd-slide-panel h3 {
    color: #0079bd !important;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.input-group-addon:first-child {
    background-color: ghostwhite;
    color: #BBB7B7;
    border-color: #CED8DE;
}

.form-control {
    display: block;
    width: 100%;
    height: 30px;
    padding: 7px 7px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #4d4d4d;
    background-color: #fff;
    background-image: none;
    border: 1px solid #CED8DE;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -o-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.left-inner-addon {
    position: relative;
}

.left-inner-addon i {
    position: absolute;
    padding: 10px 12px;
    pointer-events: none;
    color: #B6C5CE;
    font-size: 17px;
    right: 0px;
}

.left-inner-addon input {
    padding-left: 30px;
    padding-right: 30px;
}

.form-horizontal-inline .form-group {
    margin-left: 0;
    margin-right: 0;
}

.form-info {
    padding: 10px 10px;
}

/*
|----------------------------------
| BOOTSTRAP DROPDOWN MENU UPDATE
|----------------------------------
*/
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 11px;
    margin-right: -11px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom: none;
    background-color: #edeef0;
    -webkit-box-shadow: none;
}

/*
|----------------------------------------
| BASE IPREO-THEMED DATE & TIME PICKER
|----------------------------------------
*/
.daterangepicker.dropdown-menu,
.dropdown-menu.daterangepicker {
    background-color: #f7f8fa;
    border: #666666;
    box-shadow: 0px 2px 6px 1px rgba(0, 0, 0, 0.3);
    background-image: none;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -o-border-radius: 1px;
    border-radius: 1px;
}

.daterangepicker .ranges .input-mini {
    background-color: #ffffff;
}

.applyBtn,
.cancelBtn {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #F78E1E;
    border-color: #D68227;
    color: #ffffff;
}

.daterangepicker.opensright:after {
    border-bottom: 6px solid #F7F8FA !important;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: inline-block;
    left: 10px;
    position: absolute;
    top: -6px;
}

div.popover.left.ng-isolate-scope {
    z-index: 1000 !important;
}

.phone-list {
    white-space: pre;
    padding-left: 10px;
}

/*
|--------------------------
| BASE HELP ICON STYLING
|--------------------------
*/
.help-icon {
    color: #f78e1e;
    font-size: 160%;
}

.pointer-cursor {
    cursor: pointer !important;
}

/*
|----------------------
| BASE BUTTON STYLING
|----------------------
*/
a.btn {
    color: #ffffff !important;
}

a.btn.btn-default {
    color: #333333 !important;
}

ul.dropdown-menu {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

ul.dropdown-menu > li:hover {
    border-left: 3px solid #0079bd;
    transition: color 0.2s ease;
    -webkit-transition: color 0.2s ease;
    -moz-transition: color 0.2s ease;
    -o-transition: color 0.2s ease;
}

ul.dropdown-menu > li a {
    color: #999999;
}

ul.dropdown-menu > li a:hover,
ul.dropdown-menu > li a:focus {
    color: #0079bd;
    text-shadow: 0px 0px 0px #0079bd, 0px 0px 0px #0079bd;
    padding-left: 17px;
    transition: color 0.2s ease;
    -webkit-transition: color 0.2s ease;
    -moz-transition: color 0.2s ease;
    -o-transition: color 0.2s ease;
}

/*
|----------------------
| IPREO STYLED PANELS
|----------------------
*/
.panel {
    border: none !important;
}

.panel-default .panel-heading,
.panel-primary .panel-heading,
.panel-success .panel-heading,
.panel-info .panel-heading,
.panel-warning .panel-heading,
.panel-danger .panel-heading,
.panel-gray .panel-heading {
    background: #d1d4d9;
    background: -moz-linear-gradient(top, #d1d4d9 0%, #cfd8dd 2%, #cddae0 7%, #ced7de 11%, #d2d6e1 14%, #cfd8dd 16%, #cfd8dd 43%, #d4dbe1 73%, #d7dee4 77%, #d7dee6 84%, #d6dee1 89%, #cddae3 93%, #cad9e0 95%, #c5ced5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d1d4d9), color-stop(2%, #cfd8dd), color-stop(7%, #cddae0), color-stop(11%, #ced7de), color-stop(14%, #d2d6e1), color-stop(16%, #cfd8dd), color-stop(43%, #cfd8dd), color-stop(73%, #d4dbe1), color-stop(77%, #d7dee4), color-stop(84%, #d7dee6), color-stop(89%, #d6dee1), color-stop(93%, #cddae3), color-stop(95%, #cad9e0), color-stop(100%, #c5ced5));
    background: -webkit-linear-gradient(top, #d1d4d9 0%, #cfd8dd 2%, #cddae0 7%, #ced7de 11%, #d2d6e1 14%, #cfd8dd 16%, #cfd8dd 43%, #d4dbe1 73%, #d7dee4 77%, #d7dee6 84%, #d6dee1 89%, #cddae3 93%, #cad9e0 95%, #c5ced5 100%);
    background: -o-linear-gradient(top, #d1d4d9 0%, #cfd8dd 2%, #cddae0 7%, #ced7de 11%, #d2d6e1 14%, #cfd8dd 16%, #cfd8dd 43%, #d4dbe1 73%, #d7dee4 77%, #d7dee6 84%, #d6dee1 89%, #cddae3 93%, #cad9e0 95%, #c5ced5 100%);
    background: -ms-linear-gradient(top, #d1d4d9 0%, #cfd8dd 2%, #cddae0 7%, #ced7de 11%, #d2d6e1 14%, #cfd8dd 16%, #cfd8dd 43%, #d4dbe1 73%, #d7dee4 77%, #d7dee6 84%, #d6dee1 89%, #cddae3 93%, #cad9e0 95%, #c5ced5 100%);
    background: linear-gradient(to bottom, #d1d4d9 0%, #cfd8dd 2%, #cddae0 7%, #ced7de 11%, #d2d6e1 14%, #cfd8dd 16%, #cfd8dd 43%, #d4dbe1 73%, #d7dee4 77%, #d7dee6 84%, #d6dee1 89%, #cddae3 93%, #cad9e0 95%, #c5ced5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1d4d9', endColorstr='#c5ced5', GradientType=0);
    padding: 0px !important;
    font-family: 'open-sans-light', 'Source Sans Pro', 'Segoe UI', sans-serif !important;
}

.panel-default .panel-heading .panel-title,
.panel-primary .panel-heading .panel-title,
.panel-success .panel-heading .panel-title,
.panel-info .panel-heading .panel-title,
.panel-warning .panel-heading .panel-title,
.panel-danger .panel-heading .panel-title,
.panel-gray .panel-heading .panel-title {
    padding: 12.5px 15px;
    color: #000000;
    font-weight: bold;
}

.panel-default .panel-heading a,
.panel-primary .panel-heading a,
.panel-success .panel-heading a,
.panel-info .panel-heading a,
.panel-warning .panel-heading a,
.panel-danger .panel-heading a,
.panel-gray .panel-heading a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 94%;
}

.panel-default .panel-heading i.fa,
.panel-primary .panel-heading i.fa,
.panel-success .panel-heading i.fa,
.panel-info .panel-heading i.fa,
.panel-warning .panel-heading i.fa,
.panel-danger .panel-heading i.fa,
.panel-gray .panel-heading i.fa {
    font-size: 21px;
    margin-top: 0px !important;
    color: #333333;
    padding: 0px 5px;
    cursor: default;
}

.panel-default .panel-heading button,
.panel-primary .panel-heading button,
.panel-success .panel-heading button,
.panel-info .panel-heading button,
.panel-warning .panel-heading button,
.panel-danger .panel-heading button,
.panel-gray .panel-heading button {
    background-color: transparent !important;
    box-shadow: none !important;
}

.panel-default .panel-heading button i.fa,
.panel-primary .panel-heading button i.fa,
.panel-success .panel-heading button i.fa,
.panel-info .panel-heading button i.fa,
.panel-warning .panel-heading button i.fa,
.panel-danger .panel-heading button i.fa,
.panel-gray .panel-heading button i.fa {
    padding: 0px;
    color: #7894a5;
}

.panel-default .panel-heading button i.fa:hover,
.panel-primary .panel-heading button i.fa:hover,
.panel-success .panel-heading button i.fa:hover,
.panel-info .panel-heading button i.fa:hover,
.panel-warning .panel-heading button i.fa:hover,
.panel-danger .panel-heading button i.fa:hover,
.panel-gray .panel-heading button i.fa:hover {
    color: #ffffff;
}

.panel-default .panel-heading button:active,
.panel-primary .panel-heading button:active,
.panel-success .panel-heading button:active,
.panel-info .panel-heading button:active,
.panel-warning .panel-heading button:active,
.panel-danger .panel-heading button:active,
.panel-gray .panel-heading button:active,
.panel-default .panel-heading button:focus,
.panel-primary .panel-heading button:focus,
.panel-success .panel-heading button:focus,
.panel-info .panel-heading button:focus,
.panel-warning .panel-heading button:focus,
.panel-danger .panel-heading button:focus,
.panel-gray .panel-heading button:focus {
    background-color: #ffffff !important;
    border-top-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-top-right-radius: 3px;
    -o-border-top-right-radius: 3px;
}

.panel-default .panel-heading .nav.nav-tabs,
.panel-primary .panel-heading .nav.nav-tabs,
.panel-success .panel-heading .nav.nav-tabs,
.panel-info .panel-heading .nav.nav-tabs,
.panel-warning .panel-heading .nav.nav-tabs,
.panel-danger .panel-heading .nav.nav-tabs,
.panel-gray .panel-heading .nav.nav-tabs {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: none;
}

.panel-default .panel-body,
.panel-primary .panel-body,
.panel-success .panel-body,
.panel-info .panel-body,
.panel-warning .panel-body,
.panel-danger .panel-body,
.panel-gray .panel-body {
    background-color: #ffffff;
    border: 1px solid #CED8DE;
    padding: 25px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    font-size: 26px;
}

.panel-default .panel-body nav.navbar.navbar-default,
.panel-primary .panel-body nav.navbar.navbar-default,
.panel-success .panel-body nav.navbar.navbar-default,
.panel-info .panel-body nav.navbar.navbar-default,
.panel-warning .panel-body nav.navbar.navbar-default,
.panel-danger .panel-body nav.navbar.navbar-default,
.panel-gray .panel-body nav.navbar.navbar-default {
    margin-top: -25px;
    margin-left: -25px;
    margin-right: -25px;
    background-color: #ffffff;
    box-shadow: none;
    color: #bababa;
    border-bottom: 1px solid #e7ecef !important;
    margin-bottom: 25px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    font-size: 13.5px;
}

.panel-default .panel-body nav.navbar.navbar-default .nav.navbar-nav,
.panel-primary .panel-body nav.navbar.navbar-default .nav.navbar-nav,
.panel-success .panel-body nav.navbar.navbar-default .nav.navbar-nav,
.panel-info .panel-body nav.navbar.navbar-default .nav.navbar-nav,
.panel-warning .panel-body nav.navbar.navbar-default .nav.navbar-nav,
.panel-danger .panel-body nav.navbar.navbar-default .nav.navbar-nav,
.panel-gray .panel-body nav.navbar.navbar-default .nav.navbar-nav {
    background-color: inherit;
    margin-top: -4px !important;
}

.panel-default .panel-body nav.navbar.navbar-default .nav.navbar-nav li a,
.panel-primary .panel-body nav.navbar.navbar-default .nav.navbar-nav li a,
.panel-success .panel-body nav.navbar.navbar-default .nav.navbar-nav li a,
.panel-info .panel-body nav.navbar.navbar-default .nav.navbar-nav li a,
.panel-warning .panel-body nav.navbar.navbar-default .nav.navbar-nav li a,
.panel-danger .panel-body nav.navbar.navbar-default .nav.navbar-nav li a,
.panel-gray .panel-body nav.navbar.navbar-default .nav.navbar-nav li a {
    color: #666666;
}

.panel-default .panel-body nav.navbar.navbar-default .nav.navbar-nav li a:hover,
.panel-primary .panel-body nav.navbar.navbar-default .nav.navbar-nav li a:hover,
.panel-success .panel-body nav.navbar.navbar-default .nav.navbar-nav li a:hover,
.panel-info .panel-body nav.navbar.navbar-default .nav.navbar-nav li a:hover,
.panel-warning .panel-body nav.navbar.navbar-default .nav.navbar-nav li a:hover,
.panel-danger .panel-body nav.navbar.navbar-default .nav.navbar-nav li a:hover,
.panel-gray .panel-body nav.navbar.navbar-default .nav.navbar-nav li a:hover {
    color: #0079bd;
    -webkit-text-shadow: 0px, 0px, 3px, 0px, #005a8f;
    -moz-text-shadow: 0px, 0px, 3px, 0px, #005a8f;
    -o-text-shadow: 0px, 0px, 3px, 0px, #005a8f;
    text-shadow: 0px, 0px, 3px, 0px, #005a8f;
    border-bottom-color: #c4c4c4;
}

@media (max-width: 768px) {
    .panel-default .panel-body nav.navbar.navbar-default .navbar-header button.navbar-toggle,
    .panel-primary .panel-body nav.navbar.navbar-default .navbar-header button.navbar-toggle,
    .panel-success .panel-body nav.navbar.navbar-default .navbar-header button.navbar-toggle,
    .panel-info .panel-body nav.navbar.navbar-default .navbar-header button.navbar-toggle,
    .panel-warning .panel-body nav.navbar.navbar-default .navbar-header button.navbar-toggle,
    .panel-danger .panel-body nav.navbar.navbar-default .navbar-header button.navbar-toggle,
    .panel-gray .panel-body nav.navbar.navbar-default .navbar-header button.navbar-toggle {
        background-color: #7894a5;
        display: block;
        width: 30px !important;
        padding: 6px;
        margin-top: 3px;
        transition: all 0.2s ease;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
    }

    .panel-default .panel-body nav.navbar.navbar-default .navbar-header button.navbar-toggle:hover,
    .panel-primary .panel-body nav.navbar.navbar-default .navbar-header button.navbar-toggle:hover,
    .panel-success .panel-body nav.navbar.navbar-default .navbar-header button.navbar-toggle:hover,
    .panel-info .panel-body nav.navbar.navbar-default .navbar-header button.navbar-toggle:hover,
    .panel-warning .panel-body nav.navbar.navbar-default .navbar-header button.navbar-toggle:hover,
    .panel-danger .panel-body nav.navbar.navbar-default .navbar-header button.navbar-toggle:hover,
    .panel-gray .panel-body nav.navbar.navbar-default .navbar-header button.navbar-toggle:hover {
        background-color: #333333;
        transition: all 0.2s ease;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
    }

    .panel-default .panel-body nav.navbar.navbar-default .navbar-collapse,
    .panel-primary .panel-body nav.navbar.navbar-default .navbar-collapse,
    .panel-success .panel-body nav.navbar.navbar-default .navbar-collapse,
    .panel-info .panel-body nav.navbar.navbar-default .navbar-collapse,
    .panel-warning .panel-body nav.navbar.navbar-default .navbar-collapse,
    .panel-danger .panel-body nav.navbar.navbar-default .navbar-collapse,
    .panel-gray .panel-body nav.navbar.navbar-default .navbar-collapse {
        color: #ffffff;
        background-color: #e7ecef;
        margin-top: 0px;
    }
}

.panel-default .panel-body .navbar-default,
.panel-primary .panel-body .navbar-default,
.panel-success .panel-body .navbar-default,
.panel-info .panel-body .navbar-default,
.panel-warning .panel-body .navbar-default,
.panel-danger .panel-body .navbar-default,
.panel-gray .panel-body .navbar-default {
    border-color: transparent !important;
}

.panel-default .panel-body .navbar-default .navbar-nav > .active > a,
.panel-primary .panel-body .navbar-default .navbar-nav > .active > a,
.panel-success .panel-body .navbar-default .navbar-nav > .active > a,
.panel-info .panel-body .navbar-default .navbar-nav > .active > a,
.panel-warning .panel-body .navbar-default .navbar-nav > .active > a,
.panel-danger .panel-body .navbar-default .navbar-nav > .active > a,
.panel-gray .panel-body .navbar-default .navbar-nav > .active > a {
    color: #0079bd !important;
    border-bottom: 5px solid #0079bd !important;
}

.panel-default .panel-body .navbar-default .navbar-nav > .active > a:hover,
.panel-primary .panel-body .navbar-default .navbar-nav > .active > a:hover,
.panel-success .panel-body .navbar-default .navbar-nav > .active > a:hover,
.panel-info .panel-body .navbar-default .navbar-nav > .active > a:hover,
.panel-warning .panel-body .navbar-default .navbar-nav > .active > a:hover,
.panel-danger .panel-body .navbar-default .navbar-nav > .active > a:hover,
.panel-gray .panel-body .navbar-default .navbar-nav > .active > a:hover {
    font-size: 13.5px;
}

@media (max-width: 768px) {
    .panel-default .panel-body .navbar-default .navbar-nav > .active > a,
    .panel-primary .panel-body .navbar-default .navbar-nav > .active > a,
    .panel-success .panel-body .navbar-default .navbar-nav > .active > a,
    .panel-info .panel-body .navbar-default .navbar-nav > .active > a,
    .panel-warning .panel-body .navbar-default .navbar-nav > .active > a,
    .panel-danger .panel-body .navbar-default .navbar-nav > .active > a,
    .panel-gray .panel-body .navbar-default .navbar-nav > .active > a {
        border-bottom: none !important;
        font-weight: 600;
    }
}

.panel-default .panel-footer,
.panel-primary .panel-footer,
.panel-success .panel-footer,
.panel-info .panel-footer,
.panel-warning .panel-footer,
.panel-danger .panel-footer,
.panel-gray .panel-footer {
    border: 1px solid #ced8de;
    border-top: none !important;
    padding: 12.5px 15px;
    background-color: #e7ecef;
    color: #7894a5 !important;
}

.panel-clear {
    background-color: transparent;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
}

.panel[class*="panel-"] .panel-body {
    background-color: #ffffff;
    border: 1px solid #ced8de;
    padding: 10px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    font-size: 12px;
}

/*
|------------------
| PROGRESS BARS
|------------------
*/
.progress-bar-primary {
    background-color: #0079bd;
}

.progress-bar-info {
    background-color: #79bde8;
}

.progress-bar-success {
    background-color: #51a821;
}

.progress-bar-warning {
    background-color: #f7bf1e;
}

.progress-bar-danger {
    background-color: #f7321e;
}

/*
|-----------------------
| IPREO-THEMED LABELS
|-----------------------
*/
.label.label-default {
    background-color: #ced8de !important;
}

.label.label-primary {
    background-color: #0079bd !important;
}

.label.label-info {
    background-color: #79bde8 !important;
}

.label.label-success {
    background-color: #51a821 !important;
}

.label.label-warning {
    background-color: #f7bf1e !important;
}

.label.label-danger {
    background-color: #f7321e !important;
}

/*
|---------------
| BLOCKQUOTES
|---------------
*/
blockquote {
    border-left: 5px solid #c4c4c4;
}

blockquote footer {
    background-color: transparent;
    padding-top: 15px;
    border-top: 1px solid #f0f1f2;
    color: #bababa;
}

.blockquote-reverse,
blockquote.pull-right {
    border-right: 5px solid #c4c4c4;
}

/*
|----------
| BADGES
|----------
*/
.badge {
    bacgkround-color: #ced8de !important;
    color: #ffffff;
}

.badge-primary {
    background-color: #0079bd !important;
}

.badge-info {
    background-color: #79bde8 !important;
}

.badge-success {
    background-color: #51a821 !important;
}

.badge-warning {
    background-color: #f7bf1e !important;
}

.badge-danger {
    background-color: #f7321e !important;
}

/*
|-----------------------
| IPREO-THEMED ALERTS
|-----------------------
*/
.alert-info {
    opacity: 0.8;
    -webkit-opacity: 0.8;
    -moz-opaicty: 0.8;
    -o-opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.8)";
    filter: alpha(opacity=0.8);
    background-color: #baddf3;
    border-color: #389ddd;
    color: #0e3954;
}

.alert-info strong {
    color: #0e3954;
}

.alert-info p,
.alert-info small {
    color: #0e3954 !important;
}

.alert-info h3 {
    color: #0e3954 !important;
}

.alert-info a.btn {
    color: #ffffff !important;
}

.alert-success {
    opacity: 0.8;
    -webkit-opacity: 0.8;
    -moz-opaicty: 0.8;
    -o-opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.8)";
    filter: alpha(opacity=0.8);
    background-color: #74d93d;
    border-color: #326814;
    color: #132808;
}

.alert-success strong {
    color: #132808;
}

.alert-success p,
.alert-success small {
    color: #132808 !important;
}

.alert-success h3 {
    color: #132808 !important;
}

.alert-success a.btn {
    color: #ffffff !important;
}

.alert-warning {
    opacity: 0.8;
    -webkit-opacity: 0.8;
    -moz-opaicty: 0.8;
    -o-opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.8)";
    filter: alpha(opacity=0.8);
    background-color: #fad468;
    border-color: #c29107;
    color: #785a04;
}

.alert-warning strong {
    color: #785a04;
}

.alert-warning p,
.alert-warning small {
    color: #785a04 !important;
}

.alert-warning h3 {
    color: #785a04 !important;
}

.alert-warning a.btn {
    color: #ffffff !important;
}

.alert-danger {
    opacity: 0.8;
    -webkit-opacity: 0.8;
    -moz-opaicty: 0.8;
    -o-opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.8)";
    filter: alpha(opacity=0.8);
    background-color: #fcb9b2;
    border-color: #c21807;
    color: #780f04;
}

.alert-danger strong {
    color: #780f04;
}

.alert-danger p,
.alert-danger small {
    color: #780f04 !important;
}

.alert-danger h3 {
    color: #780f04 !important;
}

.alert-danger a.btn {
    color: #ffffff !important;
}

/*
|--------
| TABS
|--------
*/
.nav.nav-tabs {
    padding-bottom: 0px;
    font-family: 'open-sans-light', 'Source Sans Pro', 'Segoe UI', sans-serif !important;
    font-size: 14px;
    border-bottom: 1px solid #c4c4c4;
}

.nav.nav-tabs > li.active > a {
    border-top: 2px solid #0079bd;
    -webkit-border-radius: -2px;
    -moz-border-radius: -2px;
    -o-border-radius: -2px;
    border-radius: -2px;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}

.tab-content {
    padding-top: 15px;
    font-size: 14px;
    padding-left: 15px;
    padding-right: 15px;
}

.tab-container {
    margin-bottom: 20px;
}

.tab-container .nav-tabs > li > a {
    border-radius: 0;
}

.tab-container .tab-content {
    border: 1px solid #c4c4c4;
    border-top: 0;
    padding: 10px 15px;
}

.tab-container > .nav-tabs > li.active > a {
    border-top: 2px solid #0079bd;
    background-color: #f0f1f2;
    border-bottom: none !important;
    border-left-color: #c4c4c4;
    border-right-color: #c4c4c4;
}

.tab-container.tab-left > .nav-tabs > li,
.tab-container.tab-right > .nav-tabs > li {
    float: none;
    min-width: 75px;
}

.tab-container.tab-left > .nav-tabs > li > a,
.tab-container.tab-right > .nav-tabs > li > a {
    border: 1px solid #c4c4c4;
    margin-right: 0px;
}

.tab-container.tab-left > .nav-tabs > li.active > a,
.tab-container.tab-right > .nav-tabs > li.active > a {
    border-top-color: #c4c4c4 !important;
    margin-right: 0px;
}

.tab-container.tab-left .tab-content,
.tab-container.tab-right .tab-content {
    overflow: auto;
    border-top: 1px solid #c4c4c4;
}

.tab-container.tab-left > .nav-tabs {
    float: left;
    margin-right: -1px;
}

.tab-container.tab-left > .nav-tabs > li > a {
    border-right: 0px;
}

.tab-container.tab-left > .nav-tabs > li > a:hover {
    margin-right: 0px;
}

.tab-container.tab-left > .nav-tabs > li.active > a {
    border-left: 2px solid #0079bd;
    border-right-color: transparent !important;
    margin-right: 0px;
}

.tab-container.tab-right > .nav-tabs {
    float: right;
    margin-left: -1px;
}

.tab-container.tab-right > .nav-tabs > li > a {
    border-left: 0px;
}

.tab-container.tab-right > .nav-tabs > li.active > a {
    border-right: 2px solid #0079bd;
}

.tab-container.tab-bottom > .tab-content {
    border-top: 1px solid #c4c4c4;
}

.tab-container.tab-bottom > .nav-tabs {
    border-bottom: none;
    margin-top: 0px;
}

.tab-container.tab-bottom > .nav-tabs > li.active > a {
    margin-top: -1px;
    border-top: none !important;
    border-bottom: 2px solid #0079bd !important;
    border-left-color: #c4c4c4;
    border-right-color: #c4c4c4;
}

.tab-primary.tab-container > .nav-tabs > li.active > a {
    border-top-color: #0079bd;
}

.tab-primary.tab-container.tab-left > .nav-tabs > li.active {
    border-left-color: #0079bd;
}

.tab-primary.tab-container.tab-right > .nav-tabs > li.active {
    border-right-color: #0079bd;
}

.tab-primary.tab-container.tab-bottom > .nav-tabs > li.active > a {
    border-bottom-color: #0079bd;
}

.tab-warning.tab-container > .nav-tabs > li.active > a {
    border-top-color: #f7bf1e;
}

.tab-warning.tab-container.tab-left > .nav-tabs > li.active {
    border-left-color: #f7bf1e;
}

.tab-warning.tab-container.tab-right > .nav-tabs > li.active {
    border-right-color: #f7bf1e;
}

.tab-warning.tab-container.tab-bottom > .nav-tabs > li.active > a {
    border-bottom-color: #f7bf1e;
}

.tab-danger.tab-container > .nav-tabs > li.active > a {
    border-top-color: #f7321e;
}

.tab-danger.tab-container.tab-left > .nav-tabs > li.active {
    border-left-color: #f7321e;
}

.tab-danger.tab-container.tab-right > .nav-tabs > li.active {
    border-right-color: #f7321e;
}

.tab-danger.tab-container.tab-bottom > .nav-tabs > li.active > a {
    border-bottom-color: #f7321e;
}

.tab-success.tab-container > .nav-tabs > li.active > a {
    border-top-color: #51a821;
}

.tab-success.tab-container.tab-left > .nav-tabs > li.active {
    border-left-color: #51a821;
}

.tab-success.tab-container.tab-right > .nav-tabs > li.active {
    border-right-color: #51a821;
}

.tab-success.tab-container.tab-bottom > .nav-tabs > li.active > a {
    border-bottom-color: #51a821;
}

.tab-info.tab-container > .nav-tabs > li.active > a {
    border-top-color: #79bde8;
}

.tab-info.tab-container.tab-left > .nav-tabs > li.active {
    border-left-color: #79bde8;
}

.tab-info.tab-container.tab-right > .nav-tabs > li.active {
    border-right-color: #79bde8;
}

.tab-info.tab-container.tab-bottom > .nav-tabs > li.active > a {
    border-bottom-color: #79bde8;
}

/*
|--------------------------------
| IPREO LEVEL ZERO NAVIGATION
|--------------------------------
*/
nav.navbar {
    height: 36px;
    min-height: 36px;
    background-color: #0079bd;
}

nav.navbar .container-fluid {
    height: 36px;
}

nav.navbar .navbar-brand {
    line-height: 36px;
    background: url('../images/logo-bkg.png') no-repeat 65% bottom;
    padding: 0 12px;
    font-size: 16px;
    overflow-y: hidden;
    height: 36px;
    -moz-box-sizing: border-box;
}

nav.navbar .navbar-brand img {
    height: auto;
    margin-top: -2px !important;
    margin-left: 4px;
}

nav.navbar ul.nav.navbar-nav {
    margin-top: -3px;
    display: block;
}

nav.navbar ul.nav.navbar-nav > li {
    font-family: 'open-sans-light', 'Source Sans Pro', 'Segoe UI', sans-serif !important;
}

nav.navbar ul.nav.navbar-nav > li > a {
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 38.99857143px;
    height: 37px;
    color: #cccccc;
    font-weight: 12px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

nav.navbar ul.nav.navbar-nav > li > a:hover {
    color: #e6e6e6;
    border-bottom: 3px solid #e6e6e6;
    -webkit-text-shadow: 0px, 0px, 0px, 0px, #ffffff;
    -moz-text-shadow: 0px, 0px, 0px, 0px, #ffffff;
    -o-text-shadow: 0px, 0px, 0px, 0px, #ffffff;
    text-shadow: 0px, 0px, 0px, 0px, #ffffff;
}

nav.navbar ul.nav.navbar-nav > li > a:focus,
nav.navbar ul.nav.navbar-nav > li > a:active {
    color: #ffffff;
    border-bottom: 5px solid #ffffff;
    -webkit-text-shadow: 0px, 0px, 0px, 0px, #ffffff;
    -moz-text-shadow: 0px, 0px, 0px, 0px, #ffffff;
    -o-text-shadow: 0px, 0px, 0px, 0px, #ffffff;
    text-shadow: 0px, 0px, 0px, 0px, #ffffff;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}

nav.navbar ul.nav.navbar-nav > li ul.dropdown-menu {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

nav.navbar ul.nav.navbar-nav > li ul.dropdown-menu > li:hover {
    border-left: 3px solid #0079bd;
    transition: color 0.2s ease;
    -webkit-transition: color 0.2s ease;
    -moz-transition: color 0.2s ease;
    -o-transition: color 0.2s ease;
}

nav.navbar ul.nav.navbar-nav > li ul.dropdown-menu > li a {
    color: #999999;
}

nav.navbar ul.nav.navbar-nav > li ul.dropdown-menu > li a:hover,
nav.navbar ul.nav.navbar-nav > li ul.dropdown-menu > li a:focus {
    color: #0079bd;
    text-shadow: 0px 0px 0px #0079bd, 0px 0px 0px #0079bd;
    padding-left: 17px;
    transition: color 0.2s ease;
    -webkit-transition: color 0.2s ease;
    -moz-transition: color 0.2s ease;
    -o-transition: color 0.2s ease;
}

@media (max-width: 768px) {
    nav.navbar ul.nav.navbar-right {
        display: block;
        position: relative;
    }
}

.nav.navbar-nav {
    margin-top: 36px !important;
    background-color: #454545;
    left: 0 !important;
    right: 0 !important;
    position: absolute !important;
    padding-bottom: 2px;
}

.nav.navbar-nav.navbar-right {
    margin-top: -3px !important;
    background-color: transparent !important;
    position: inherit !important;
    left: inherit !important;
    right: inherit !important;
}

.navbar-fixed-top {
    margin-bottom: 0px;
}

.navbar-form input[type="text"],
.navbar-form input[type="search"] {
    height: 27px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.navbar-form .input-group-addon {
    height: 28px;
    border: none !important;
    background-color: transparent;
    margin-left: -15px;
}

.navbar-form ::-webkit-input-placeholder {
    color: #bababa !important;
}

.navbar-form :-moz-placeholder {
    color: #bababa !important;
}

.navbar-form ::-moz-placeholder {
    color: #bababa !important;
}

.navbar-form :-ms-input-placeholder {
    color: #bababa !important;
}

.navbar-default {
    border-bottom: none;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    -o-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
}

@media (min-width: 768px) {
    .navbar-default .navbar-nav > .active > a {
        border-bottom: 5px solid #ffffff !important;
    }
}

.navbar-default .navbar-nav > .active > a {
    background-color: transparent;
    color: #ffffff !important;
    height: 37px;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}

.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:active {
    border-bottom: 5px solid #ffffff;
    background-color: transparent;
    color: #ffffff;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    font-size: 14px;
}

.navbar-default .navbar-nav > .open > a {
    background-color: transparent;
}

.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    background-color: transparent;
}

.navbar-default .navbar-nav i.form-control-feedback {
    height: 22px;
    margin-top: 6px;
    color: #bababa;
}

@media (max-width: 768px) {
    .navbar-default button {
        width: 8px !important;
        height: auto !important;
        display: block !important;
        margin-top: 2px;
        color: #ffffff !important;
    }

    .navbar-default button span.icon-bar {
        background-color: #ffffff !important;
    }

    .navbar-default button span.icon-bar:hover {
        background-color: #003452 !important;
    }
}

@media (min-width: 768px) {
    .nav-submenus .nav,
    .nav-submenus .collapse,
    .nav-submenus .dropup,
    .nav-submenus .dropdown {
        position: static;
    }

    .nav-submenus .container {
        position: relative;
    }

    .nav-submenus .dropdown-menu {
        left: auto;
    }

    .nav-submenus .nav-submenus-content {
        padding: 20px 30px;
    }

    .nav-submenus .nav-submenus-fw .dropdown-menu {
        left: 0;
        right: 0;
    }

    ul.nav.navbar-nav > li.nav-submenus-fw.open a {
        border-bottom: 5px solid #ffffff;
        background-color: transparent;
        color: #ffffff;
        transition: all 0.2s ease;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
    }

    ul.nav.navbar-nav li.nav-submenus-fw {
        transition: display 0.4s ease;
        -webkit-transition: display 0.4s ease;
        -moz-transition: display 0.4s ease;
        -o-transition: display 0.4s ease;
        height: 36px;
    }

    ul.nav.navbar-nav li.nav-submenus-fw:hover {
        border-left: none !important;
    }

    ul.nav.navbar-nav li.nav-submenus-fw ul.dropdown-menu {
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
        -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
        -o-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
        padding-bottom: 1px;
        margin: -1px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        -o-border-radius: 0px;
        border-radius: 0px;
    }

    ul.nav.navbar-nav li.nav-submenus-fw ul.dropdown-menu li {
        display: inline-block;
        padding: 4px auto;
        font-size: 13px !important;
    }

    ul.nav.navbar-nav li.nav-submenus-fw ul.dropdown-menu li:hover {
        border: none !important;
    }

    ul.nav.navbar-nav li.nav-submenus-fw ul.dropdown-menu li a {
        background-color: transparent;
        padding: 6px 17px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    ul.nav.navbar-nav li.nav-submenus-fw ul.dropdown-menu li a:hover,
    ul.nav.navbar-nav li.nav-submenus-fw ul.dropdown-menu li a:focus {
        border-bottom: 2px solid #c4c4c4;
    }

    ul.nav.navbar-nav li.nav-submenus-fw ul.dropdown-menu li a:active,
    ul.nav.navbar-nav li.nav-submenus-fw ul.dropdown-menu li a:focus {
        border-bottom: 4px solid #0079bd !important;
    }

    ul.nav.navbar-nav li.nav-submenus-fw ul.dropdown-menu li ul.dropdown-menu li {
        font-size: 12px !important;
        display: block;
    }
}

@media (max-width: 767px) {
    a .visible-xs {
        display: inline-block !important;
    }
}

.navbar-nav.navbar-right .last-child {
    margin-right: 30px;
}

@media (min-width: 768px) and (max-width: 840px) {
    .navbar-nav {
        font-size: 80%;
    }
}

@media (max-width: 767px) {
    nav.navbar ul.nav.navbar-nav > li > a:focus,
    nav.navbar ul.nav.navbar-nav > li > a:active,
    nav.navbar ul.nav.navbar-nav > li > a:hover {
        border-bottom: none;
    }

    .navbar-default .navbar-nav {
        display: block;
    }

    .navbar-default .navbar-nav .open > a {
        background-color: transparent;
        color: ghostwhite !important;
        padding-left: 22px !important;
    }

    .navbar-default .navbar-nav .open .dropdown-menu {
        margin-left: 5px;
        margin-right: 5px;
        -webkit-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5);
        -o-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.5);
        box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.5);
    }

    .navbar-default .navbar-nav .open .dropdown-menu .divider {
        background-color: #585858;
    }

    .navbar-default .navbar-nav .open .dropdown-menu li:hover {
        border: none !important;
    }

    .navbar-default .navbar-nav .open .dropdown-menu li a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu li a:active {
        color: ghostwhite !important;
        padding-left: 22px !important;
    }

    .navbar-collapse {
        background: #666666;
        margin-top: -6px;
        min-width: 100%;
        position: absolute;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
        -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
        -o-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    }
}

nav.navbar .navbar-toggle,
nav.navbar .navbar-toggle:hover,
nav.navbar .navbar-toggle:focus {
    background: transparent;
    color: #ffffff;
    border: 0;
    height: 34px;
}

nav.navbar .dropdown:hover > .dropdown-menu-hover
{
    display: block;
}

nav.navbar .dropdown > .dropdown-menu-hover
{
    top: 0;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

nav.navbar .dropdown-menu-hover{
    position: relative;
}

nav.navbar .dropdown-menu-hover li {
    display: block !important;
}

.dropdown-submenu{
    position:relative !important;
}

.dropdown-submenu>.dropdown-menu {
    left:100%;
    margin-top:-5px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
    width: 12%;
}
.dropdown-submenu:hover>.dropdown-menu {
    display:block !important;
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#ffffff;
}
.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}