.bg-primary {
    background-color: #002664 !important;
}

.bg-secondary {
    background-color: #16488a !important;
}

.white {
    color: white !important;
}

.content-wrapper {
    width: 100%;
}

.navbar-light .navbar-text {
    color: white !important;
}

.top-bar {
    height: 60px;
    padding-left: 3%;
    width: 100%;
}

span.logo {
    color: white;
    height: 100%;
}

span.right-icon > i {
    padding: 3%;
    height: 100%;
}

#sidebarCollapse {
    cursor: pointer;
}

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@100;200;300;400;500&display=swap');

.title-text {
    height: 30px;
    max-height: 30px;
    display: inline-flex;
    align-items: center;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    background: transparent;
}

p {
    font-size: 1.1em;
    font-weight: 300;
    line-height: 1.7em;
    color: #999;
}

a,
a:hover,
a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;    
}

.navbar {
    height: 48px !important;
    background: #004B8B;
    border: none;
    border-radius: 0;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    padding: 0rem 1rem !important;
}

.navbar-expand-lg {
    height: 40px !important;
}

.navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
}

.navbarButton {
    margin: auto 20px 45px 20px;        
    padding: 10px 50px !important;
    border: 2px solid white;
    border-radius: 5px;    
    transition: background-color 0.3s, border-color 0.3s;
}


.navbarButton:hover {
    color: #fff;
    background: #002664;
}

.navbar-nav.ml-auto {
    opacity: 0.2;    
}

.center {
    text-align: center !important;
}

.mb-20 {
    margin-bottom: 20px;
}

.mt-20 {
    margin-top: 20px;
}

.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
}

.logo {
    height: 30px;
    max-height: 30px;
}

.activeLink {
    background-color: #002664 !important;    
    padding-left: 20px;
}

.wrapper {
    display: flex;
    width: 100%;
    align-items: stretch;
}

#sidebar {
    display: flex;
    flex-direction: column;
    height: 100vh;
}

.sidebar-sections {
    flex: 1 1 auto;
    min-height: 0;
}

.sidebar-section {
    min-height: 0;
}

.sidebar-section a {
    position: relative;
    z-index: 1;
    margin-bottom: 1px; 
}

.sidebar-section-top {
    flex: 0 0 208px;
    min-height: 0;
    overflow-y: auto;
}

.sidebar-section-api {
    flex: 0 0 155px;    
}

.sidebar-section-middle {
    flex: 0 0 auto;
    margin-bottom: -12%;
}
.sidebar-section-bottom {
    flex: 1 1 0%;
    min-height: 0;
    overflow-y: auto;
}



#sidebar {
    display: flex;
    flex-direction: column;
    min-width: 250px;
    max-width: 250px;
    background: #004B8B;
    color: #fff;
    transition: all 0.3s;
    height: 95vh;
    padding-top: 40px;    
}

    #sidebar.active {
        margin-left: -250px;
    }

    #sidebar .sidebar-header {
        background: #004B8B;
    }

    #sidebar ul.components {
        padding: 8px 0px;
    }

    #sidebar ul p {
        padding: 10px;
        font-size: 15px;
        display: block;
        color: #fff;
    }

    #sidebar ul li a {
        padding: 0px 30px;
        font-size: 1.09em;
        display: block;
        background: #004B8B;
    }

        #sidebar ul li a:hover {
            color: #fff;
            background: #002664;
        }

    #sidebar ul li.active > a,
    a[aria-expanded="true"] {
        color: #fff;
        background: #318fb5;
    }

a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    background: #318fb5;
}

ul.CTAs {
    padding: 20px;
}

    ul.CTAs a {
        text-align: center;
        font-size: 0.9em !important;
        display: block;
        border-radius: 5px;
        margin-bottom: 5px;
    }

a.download,
a.download:hover {
    background: #318fb5;
    color: #fff;
}

#content {
    width: 100%;
    padding: 20px;
    min-height: 100vh;
    transition: all 0.3s;
}

iframe {
    border-width: 0px !important;
}

.content {
    width: 100%;
}

.content-wrapper {
    padding: 0px !important;
}

.clickedLink {
    animation: clickGlow 1s cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes clickGlow {
    0%   { box-shadow: 0 0 0 0 #318fb5cc; }
    70%  { box-shadow: 0 0 10px 6px #318fb540; }
    100% { box-shadow: 0 0 0 0 transparent; }
}

@media (maz-width: 768px) {
    #sidebar {
        margin-left: -250px;
    }

        #sidebar.active {
            margin-left: 0px;
        }

    #sidebarCollapse span {
        display: none;
    }
}

/* BEGIN: scrollbar */

    /* width */
    ::-webkit-scrollbar {
        width: 10px;
    }

    /* Track */
    ::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    /* Handle */
    ::-webkit-scrollbar-thumb {
        background: #16488a;
    }

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #002664;
    }

/* END: scrollbar */

/* CSS for MS icons */

@font-face {
    font-family: 'FabricMDL2Icons';
    /* src: url('data:application/octet-stream;base64,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') format('truetype'); */
    src: url('fonts/fabric-icons.ttf') format('ttf');
}

.ms-Icon {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-family: 'FabricMDL2Icons';
    font-style: normal;
    font-weight: normal;
    /* speak: none; */
}

.ms-Icon--DoubleChevronRight:before {
    content: "\EDBF";
}

.ms-Icon--Ringer:before {
    content: "\EA8F";
}

.ms-Icon--Settings:before {
    content: "\E713";
}

.ms-Icon--Download:before {
    content: "\E896";
}

.ms-Icon--ChromeClose:before {
    content: "\E8BB";
}

.ms-Icon--Reset:before {
    content: "\E423";
}

.ms-Icon--FullScreen:before {
    content: "\E740";
}

ms-Icon--PowerButton:before {
    content: "\E7E8"
}

ms-Icon--Contact:before {
    content: "\E77E"
}

ms-Icon--Signin:before {
    content: "\E286";
}

.beta-label {
    font-size: 0.4em;
    display: inline-flex;
    align-items: center;
    margin-left: 6px;
}

#sidebar h4 {
    margin-bottom: 20px;
    font-size: 1.6em;
}

.sidebar-section-bottom ul li a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}