/*
Theme Name: Default Agent Portal Theme
Author: Matt McCarty
Description: Base theme which can be utilized by other clients
Version: 1.0.0
Tags: bootstrap
*/
html, body {
  width : 100%;
  height: 100vh;
}
body {
  font-family     : Arial, Georgia, "Times New Roman", Times, serif;
  color           : #555;
  background-color: #074e68;
}
body > .main {
  background-color: white;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top : 0;
  font-family: Arial, Georgia, "Times New Roman", Times, serif;
  font-weight: normal;
  color      : #333;
}


/*
 * Override Bootstrap's default container.
 */
@media (min-width: 1200px) {
    .container {
        width: 970px;
    }
}
@media (max-width: 991px) {
    .collapse.navbar-collapse {
        margin-top: 50px;
    }
    .blog-masthead > .container {
        width: 100%;
    }
}

/*
 * Masthead for nav
 */
.blog-masthead {
    background-color  : #428bca;
    -webkit-box-shadow: inset 0 -2px 5px rgba(0,0,0,.1);
            box-shadow: inset 0 -2px 5px rgba(0,0,0,.1);
}
.blog-masthead > .container{
    padding-left : 0;
    padding-right: 0;
}

/* Nav links */
nav.navbar {
    min-height: 40px;
}
nav.navbar .navbar-toggler {
    width: 100%;
}
nav > a.navbar-brand,
nav > a.navbar-brand:visited,
nav > a.navbar-brand:hover {
    color : #cdddeb;
    cursor: pointer;
}
nav  {
    background-color: #428bca;
    padding         : 0;
    font-family     : Arial, Georgia, "Times New Roman", Times, serif;
}
nav.navbar.navbar-light {
    padding: 0;
}
nav .menu-item {
    font-family: Arial, Georgia, "Times New Roman", Times, serif;
    position   : relative;
    display    : inline-block;
    padding    : 10px 15px 10px 15px;
    font-weight: 500;
    color      : #cdddeb;
}
nav .menu-item > a {
    font-family: Arial, Georgia, "Times New Roman", Times, serif;
    display    : block;
    width      : 100%;
    height     : 100%;
    color      : #cdddeb;
}
nav .menu-item > a:focus,
nav .menu-item > a:hover {
    text-decoration: none;
    color          : black;
}
nav .menu-item:hover,
nav .menu-item:focus,
nav .menu-item:hover > a,
nav .menu-item:focus > a,
nav .current-menu-item:hover > a,
nav .current-menu-item:focus > a,
nav .menu-item.dropdown.show,
nav .menu-item.dropdown.show > a {
    background-color: #eee;
    color           : black;
    text-decoration : none;
}
nav .current-menu-item:after {
    /* Active state gets a caret at the bottom */
    position      : absolute;
    bottom        : 0;
    left          : 50%;
    width         : 0;
    height        : 0;
    margin-left   : -5px;
    vertical-align: middle;
    content       : " ";
    border-right  : 5px solid transparent;
    border-bottom : 5px solid;
    border-left   : 5px solid transparent;
}
nav .current-menu-item,
nav .current-menu-item > a,
nav .menu-item.dropdown.show,
nav .menu-item.dropdown.show > a {
    background-color: white;
    color           : black;
}

/**
 * Dropdown menu forms
 */
.dropdown-menu .form-group {
    padding-left : 20px;
    padding-right: 20px;
}

/**
 * Main content section
 */
.blog-content {
    margin-top: 50px;
}

/*
 * Blog name and description
 */
.blog-header {
    padding-bottom: 25px;
}
.blog-title {
    margin-top   : 30px;
    margin-bottom: 0;
    font-size    : 60px;
    font-weight  : normal;
}
.blog-description {
    font-size: 20px;
    color    : #999;
    display  : block;
    width    : 100%;
}


/*
 * Main column and sidebar layout
 */
.blog-main {
    font-size  : 18px;
    line-height: 1.5;
}

/* Sidebar modules for boxing content */
.sidebar-module {
    padding: 15px;
    margin : 0 -15px 15px;
}
.sidebar-module-inset {
    padding         : 15px;
    background-color: #f5f5f5;
    border-radius   : 4px;
}
.sidebar-module-inset p:last-child,
.sidebar-module-inset ul:last-child,
.sidebar-module-inset ol:last-child {
    margin-bottom: 0;
}


/* Pagination */
.pager {
    margin-bottom: 60px;
    text-align   : left;
}
.pager > li > a {
    width        : 140px;
    padding      : 10px 20px;
    text-align   : center;
    border-radius: 30px;
}


/*
 * Blog posts
 */
.blog-post {
    margin-bottom: 60px;
}
.blog-post-title {
    margin-bottom: 5px;
    font-size    : 40px;
    display      : block;
    width        : 100%;
}
.blog-post-meta {
    margin-bottom: 20px;
    color        : #999;
}


/*
 * Footer
 */
.blog-footer {
    font-family     : Arial, Georgia, "Times New Roman", Times, serif;
    padding         : 40px 0;
    color           : white;
    text-align      : center;
    background-color: #074e68;
    border-top      : 1px solid #e5e5e5;
    margin-top      : 50px;
}
.blog-footer .col {
    padding-left : 0;
    padding-right: 0;
}
.blog-footer a, .blog-footer a:visited, .blog-footer a:hover {
    color          : snow;
    text-decoration: underline;
}

/**
 * Tables
 */
table > caption {
    border          : inherit;
    background-color: lightgrey;
    padding         : 10px 10px 10px 10px;
    caption-side    : top;
}

/* TlS security notification styles */
.tls_notification {
	height: 180%;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: rgb(100, 100, 100);
    position: absolute;
    z-index: 1000;
}
.notification_content {
	/* height: 11rem; */
	width: 30rem;
	background-color: rgba(0,0,0,.25);
	padding: 0 .5rem .5rem .5rem;
	color: white;
	margin-top: 10%;
}
.notification_content h3 {
	color: rgb(255,150,150);
	font-weight: bold;
	background-color: rgb(50,50,50);
	text-align: center;
	margin: 0 -.5rem .5rem;
	padding: .25rem;
}