/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */
a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
    /*color: #0366d6;*/
    text-decoration: none;
}

.btn-primary {
    color: #fff;
    /*background-color: #1b6ec2;*/
    /*border-color: #1861ac;*/
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    /*background-color: #1b6ec2;*/
    /*border-color: #1861ac;*/
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 15px;
}

/*@media (min-width: 768px) {*/
/*    html {*/
/*        font-size: 16px;*/
/*    }*/
/*}*/

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 150px;
    /*padding-top: 70px;*/
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 40px; /* Vertically center the text there */
}

.field-validation-error {
    color: red;
    font-size: smaller;
}

/*My Style*/
/* -------------------------------------------------- */

.box {
    /*align-items: stretch;*/
    /*justify-content: center;*/
    /*align-content: space-between;*/
    display: flex;
    /*justify-content: space-between;*/
}

.box div {
    width: 100%;
    height: 100%;
}

.box > *:first-child {
    align-self: stretch;
}

.box .selected {
    align-self: center;
}

img.one {
    height: auto;
    width: auto;
}

img.two {
    height: 70%;
    width: 70%;
}

.article-container {
    font-weight: 400;
}

.article-body {
    font-weight: 400;
}

.article-body h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    margin: 0.67em 0;
}

.article-body h1 {
    font-size: 32px;
}

.article-body h2 {
    font-size: 22px;
}

.article-body h3 {
    font-size: 18px;
    font-weight: 600;
}

.article-body h4 {
    font-size: 16px;
}

.article-body p {
    font-size: 15px;
}

.fs-14 {
    font-size: 14px;
}

a.custom-card,
a.custom-card:hover {
    color: inherit;
}

.material-icons {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: top;
}

/* Rules for sizing the icon. */
.material-icons.md-18 {
    font-size: 18px;
}

.material-icons.md-24 {
    font-size: 24px;
}

.material-icons.md-36 {
    font-size: 36px;
}

.material-icons.md-48 {
    font-size: 48px;
}

/* Rules for using icons as black on a light background. */
.material-icons.md-dark {
    color: rgba(0, 0, 0, 0.54);
}

.material-icons.md-dark.md-inactive {
    color: rgba(0, 0, 0, 0.26);
}

/* Rules for using icons as white on a dark background. */
.material-icons.md-light {
    color: rgba(255, 255, 255, 1);
}

.material-icons.md-light.md-inactive {
    color: rgba(255, 255, 255, 0.3);
}

/*primary color #2196f3*/
.material-icons.primary {
    color: #0d6efd;
}

.material-icons.green {
    color: #4caf50;
}

.mc-orange {
    color: #ff9800
}

.product-icon {
    max-height: 250px;
    max-width: 200px;
    height: 150px;
    width: 150px;
    /*height: auto;*/
    /*width: auto;*/
}

.social-icon {
    width: 24px;
    height: 24px;
}

.profile-photo {

}

.mc-blue {
    background-color: #5B94FD
}
.mc-orange2 {
    background-color: #EA624A
}

.btn-custom-accent {
    color: #ffffff;
    background-color: #EA624A;
    border-color: #EA624A;
}

.body-custom-padding {
    padding-top: 70px;
}

#sidebar {
    /*position: absolute;*/
    /*top: 0px;*/
    /*bottom: 0;*/
    /*left: 0;*/
    /*width: 15%;*/
    /*overflow-y: scroll;*/
    height: calc(100vh - 70px);
}

#main {
    /*overflow-y: scroll;*/
    height: calc(100vh - 70px);
}

.dropdown-toggle::after {
    vertical-align: text-bottom;
}

.btn {
    border-radius: 2rem;
    padding: 0.5rem 1.2rem;
}
.btn-lg {
    border-radius: 2rem;
    padding: 1rem 3rem;
}

.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}
.btn-circle.btn-lg {
    width: 50px;
    height: 50px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 25px;
}
.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    font-size: 24px;
    line-height: 1.33;
    border-radius: 35px;
}

/*Fab Button*/
.fab-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    user-select: none;
    position: absolute;
    bottom: 30px;
    right: 30px;
}
.fab-container:hover {
    height: 100%;
}
.fab-container:hover .sub-button:nth-child(2) {
    transform: translateY(-80px);
}
.fab-container:hover .sub-button:nth-child(3) {
    transform: translateY(-140px);
}
.fab-container:hover .sub-button:nth-child(4) {
    transform: translateY(-200px);
}
.fab-container:hover .sub-button:nth-child(5) {
    transform: translateY(-260px);
}
.fab-container:hover .sub-button:nth-child(6) {
    transform: translateY(-320px);
}
.fab-container .fab {
    position: relative;
    height: 70px;
    width: 70px;
    background-color: #0d6efd;
    border-radius: 50%;
    z-index: 2;
}
/*.fab-container .fab::before {*/
/*    content: " ";*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    right: 0;*/
/*    height: 35px;*/
/*    width: 35px;*/
/*    background-color: inherit;*/
/*    border-radius: 0 0 10px 0;*/
/*    z-index: -1;*/
/*}*/
.fab-container .fab .fab-content {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    border-radius: 50%;
}
.fab-container .fab .fab-content .material-icons {
    color: white;
    font-size: 48px;
}
.fab-container .sub-button {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 10px;
    right: 10px;
    height: 50px;
    width: 50px;
    background-color: #0d6efd;
    border-radius: 50%;
    transition: all 0.3s ease;
}
.fab-container .sub-button:hover {
    cursor: pointer;
}
.fab-container .sub-button .material-icons {
    color: white;
    padding-top: 6px;
}

.landing-title {
    /*font-size: 68px;*/
    /*font-size: 4.5rem;*/
    /*font-size: 3vw;*/
    font-weight: normal;
    text-align: center;
    padding-top: 24px;
    padding-bottom: 24px;
}

.landing-title strong {
    font-weight: 700;
}

.landing-subtitle {
    /*font-size: 22px;*/
    line-height: 1.55;
    font-weight: 300;
    padding-top: 15px;
    padding-bottom: 30px;
    text-align: center;
}

.landing-subtitle.section {
    padding-top: 5px;
    padding-bottom: 20px;
    text-align: start;
}

.landing-first-block {
    height: calc(130vh);
    /*background: #eeeeee;*/
}

.landing-block {
    /*height: calc(30vh);*/
    /*background: #eeeeee;*/
}

/*padding-top: 70px;
    padding-bottom: 50px;*/
.landing-block-with-img {
    padding-top: 100px;
    padding-bottom: 90px;
    /*background: #eeeeee;*/
}
/*End Fab Button*/
/*html {*/
/*  !* default is 1rem or 16px *!*/
/*  font-size: 13px;*/
/*}*/