@charset "utf-8";
/* CSS Document */

body {font-family: 'Roboto', sans-serif; background: #f4f6f9; margin-top: 60px;}

.bluelogo { width:110px; margin-left:20px;}

h1 {color: #185592;}


a, a:link, a:hover  {color: #185592;}

a.white, a.white:link, a.white:hover  {color: #ffffff; text-decoration:underline;}

.blue  {color: #185592;}
.grey-dark {color: #cacdd4;}
.red {color: #d61921;}
.white {color: #ffffff;}

.bg-white {background-color:#fff;}
.blue-bg { background-color:#185592;}


.wrapper-1 {padding:20px 0 0;}

.navbar {height:60px;}

a#navbarDropdown:hover {background-color:#f8f9fa;}

.dropdown-menu { border-top:2px solid #185592; border-radius: 0px; right: 0; left: auto;}


.btn-bars:hover {
  color: #185592; cursor: pointer;
}

.flat-lt-blue,
.flat-lt-blue:hover,
.flat-lt-blue:active {
    border: 2px solid #0072bc;
    color: #fff;
	border-radius: 0;
}

.flat-lt-blue {
    background-color: #0072bc;
    color: #fff;
}
.flat-lt-blue:hover, .flat-lt-blue:active,  .flat-lt-blue.btn-bordered {
    border: 2px solid #185592;
    background-color: #185592;
    color: #fff;
}

.flat-white,
.flat-white:hover,
.flat-white:active {
    border: none;
    color: #000 !important; 
	border-radius: 0;
}

.flat-white {
    background-color: #fff;
    color: #000;
}
.flat-white:hover, .flat-white:active  {
    background-color: #f1f1f1;
    color: #fff;
    border: none;
}

.flat-white-border,
.flat-white-border:hover,
.flat-white-border:active {
    border: 1px solid #fff;
    color: #fff !important; 
	border-radius: 0;
	
}

.flat-white-border {
    background-color: none;
    color: #fff;
}
.flat-white-border:hover, .flat-white-border:active  {
    background-color: #0072bc;
    color: #000;
    border: 1px solid #fff;
}


.flat-box,
.flat-box:hover,
.flat-box:active {
    border: 2px solid #065eb4;
    color: #065eb4 !important;
    border-radius: 0;
}

.flat-box, .flat-box.btn-bordered:hover {
    background-color: #fff;
    color: #065eb4;
}

.flat-box:hover, .flat-box:active,  .flat-box.btn-bordered {
    background-color: #f1f1f1;
    color: #065eb4;
}

/* Form Control
 * -------------------------- */
.form-control {
    border-width: 2px;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #ecf0f1;
}

.form-control:focus {
    border-color: #ccc;
    -webkit-box-shadow: none;
    box-shadow: none;
}


/* The side navigation menu */
.sidenav {
    height: 100%; /* 100% Full-height */
    width: 250px; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 1; /* Stay on top */
    top: 40px;
    left: -250px;
    background-color: #0072bc;
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 40px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
	box-shadow: inset -10px 0 5px -5px hsla(0,0%,0%,.25);
}

.main {margin-left: 0px;}

.sidenav.active {width: 250px; left: 0px; }

.main.active {margin-left: 250px; }

@media(max-width:768px) {
.sidenav.active {width: 250px; left: -250px; }
.main.active {margin-left: 0px; }
.sidenav {width: 250px; left: 0px; }
.main {margin-left: 250px; }
}

/* The navigation menu links */
.side-nav a {
	margin: 0px 20px 5px 20px;
    padding: 8px 8px 8px 20px;
    text-decoration: none;
    font-size: 16px;
    color: #fff;
    display: block;
    transition: 0.3s;
    border-left:3px solid #0072bc;
}

.side-nav a.active {
    color: #f1f1f1; background-color: #185592; border-left:3px solid #fff; 
	
}

/* When you mouse over the navigation links, change their color */
.side-nav a:hover, .offcanvas a:focus{
    color: #f1f1f1; background-color: #185592; border-left:3px solid #fff; 
	
}

/* Position and style the close button (top right corner) */
.side-nav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}


.side-footer {
    background: #185592;
    padding: 20px 20px;
    margin: 20px 0px 10px 0px;
}

    .side-footer a.btn-contact {
        color: #000;
        background: #fff;
        font-size: 15px;
        text-transform: uppercase;
        padding: 10px 0px;
        display: block;
        margin: 0px;
        text-align: center;
    }

    .side-footer a.btn-feedback {
        color: #fff;
        margin-top: 20px;
        border: 1px solid #fff;
        font-size: 15px;
        padding: 10px 0px;
        display: block;
        text-align: center;
    }

ul.foot-link {
    margin: 0px 20px;
    padding: 0px;
}

    ul.foot-link li {
		color: #fff;
        list-style: none;
        display: inline;
		font-size: 11px;
    }

        ul.foot-link li a {
            color: #fff;
            font-size: 11px;
            text-decoration: underline;
        }

        ul.foot-link li:last-child {
            border: none;
            padding-right: 0px;
        }

.sidenav p {
    color: #fff;
    font-size: 11px;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 20px;
}


/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
    transition: margin-left .5s;
    padding: 20px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .side-nav a {font-size: 18px;}
}

.panel-bordered {background:#fff; border:1px solid #ddd; font-size: 14px;}

.table-panel {background:#fff; border:1px solid #ddd; font-size: 14px; padding:20px 5px;}

.tab-table-padding {padding:20px 5px;}

.tab-content {background:#fff; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
.nav-tabs .nav-link {
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-top-left-radius: 0rem;
  border-top-right-radius: 0rem;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #185592;
  background-color: #fff;
  border-top:2px solid #185592;
  border-bottom: 0;
  border-color: #185592 #ddd #fff;
}
.nav-tabs .nav-link{
    color: #495057;
}

.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #fff;
}

.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #fff;
}

.table thead th {
  vertical-align: bottom;
  border-bottom:none;
  font-weight:normal;
}

.table tbody + tbody {
 
}

.tbody {border: 1px solid #f1f1f1;}

.table .table {
  background-color: #fff;
  
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

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

.table-bordered th { border: 1px solid #185592;}
.table-bordered td {
  border: 1px solid #fff;
}


.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 1px;
  border-right: 1px solid #fff;
}

.page-item.active .page-link {
  z-index: 2;
  color: #fff;
  background-color: #0072bc;
  border-color: #0072bc;
}