html {
  font-size: 14px;
}
html {
    position: relative;
    min-height: 100%;
}
@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}
body {
    /*    padding-top: 50px;*/
    padding-bottom: 20px;
    padding-top: 90px;
}
}


/*Tags*/

footer {
    margin-top: 40px;
    background-color: rgba(62, 90, 119, 0.15);
}

img.pull-left {
    padding-right: 10px;
}

img {
    font-style: italic;
    color: blue;
    font-size: .9em;
}

/*Forms*/

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 280px;
}



.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}





.download-table {
    max-width: 800px;
}



.scroller {
    width: 100px;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.SysIntegratorSection {
    background-repeat: no-repeat;
    color: white;
    min-height: 280px;
    padding-top: 60px;
    font-size: 1.2em;
}



@media screen and (min-width: 992px) {
    .SysIntegratorSection {
        background-image: url("/images/sys-integrators.jpg");
    }
}



@media screen and (max-width: 992px) {
    .SysIntegratorSection {
        background-image: url("/images/sys-integrators-small.jpg");
    }
}

.opaqueWhitePage {
    background-color: whitesmoke;
    margin-left: -15px;
    margin-right: -15px;
    padding: 15px 15px 20px 20px;
    font-size: 1.2em;
}

.opaqueBluePage {
    background-color: #adb7c3;
    margin-left: -15px;
    margin-right: -15px;
    padding: 15px 15px 20px 20px;
}



/* buttons and links extension to use brackets: [ click me ] */
.btn-bracketed::before {
    display: inline-block;
    content: "[";
    padding-right: 0.5em;
}

.btn-bracketed::after {
    display: inline-block;
    content: "]";
    padding-left: 0.5em;
}

.form-group {
    margin-left: 15px;
}



.holidays-panel {
    min-width: 300px;
}


.menu-panel {
    max-width: 150px;
    min-width: 125px;
    min-height: 110px;
}

    .menu-panel i {
        color: darkblue;
        font-size: 4rem;
    }
.support-menu {
    max-width: 350px;
}

.body-content {
    margin-top: 0px;
    min-height: 80vh;
}

@media screen and (min-width: 767px) {
    .support-menu {
        max-width: 650px;
    }

    .body-content {
        margin-top: 30px;
    }
}

.form-group {
    margin-left: 0px !important;
}

.tab-content {
    border: silver 1px solid;
    border-top: white 0px solid;
}

a.anchor-light:visited, a.anchor-light {
    color: whitesmoke;
}

    a.anchor-light:focus, a.anchor-light:hover {
        color: white;
    }



.exampleNavbar {
    border: 0px solid transparent;
    margin-bottom: 0px;
    display: none;
}

.ExampleSteps .tab-content {
    border: none;
}

.page-header-icon {
    float: left;
    padding-right: 20px;
    position: relative;
    top: -7px;
}

img.screenshot {
    padding-bottom: 10px;
}

.mainTag {
    font-size: 2em;
    color: #2b2b5a;
    margin-left: 120px;
}

.mainSubTag {
    position: relative;
    top: -10px;
    color: #647d02;
    margin-left: 120px;
}

@media screen and (max-width: 767px) {
    .mainTag {
        margin-left: 50px;
        font-size: 1.7em;
    }

    .mainSubTag {
        margin-left: 50px;
        font-size: .9em;
        top: -5px;
    }
}



.main-content {
    margin-left: 10px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 10px;
   /* margin-top: 10px;*/
    min-height: 500px;
}
 
    .card-header {
        font-family: Tahoma;
        font-weight: bolder;
        color: #000062;
    }

    .page-header {
        margin: 0px;
        font-size: 1.75em;
        /*background-color: #000062;*/
        color: white;
        margin-left: -15px;
        margin-right: -15px;
        /*padding-top: 12px;*/
        padding-left: 10px;
        margin-bottom: 10px;
        background: #000062;
        /* Old browsers */
        background: -moz-linear-gradient(left, #000062 0%, #dce1e5 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #000062 0%, #dce1e5 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #000062 0%, #dce1e5 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000062', endColorstr='#dce1e5',GradientType=1 );
    }