html, body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    color:white;
    background-color:black;
}
.bg-grey {
    background-image: radial-gradient( circle 975px at 2.6% 48.3%, rgba(0,8,120,1) 0%, rgba(95,184,224,1) 99.7% );
    background-color: #fafafa;
}

.icon-profile {
    /*   background-color:#e6e6e6;*/
 margin-bottom:4px;
    color: black;
}
.icon-lock {
    color: white;
    border-radius: 10px;
    padding: 10px;
    background-image: radial-gradient( circle 975px at 2.6% 48.3%, rgba(0,8,120,1) 0%, rgba(95,184,224,1) 99.7% );

}
.content {
    min-height: calc(100vh - 86px - 53px);
    margin-top: 90px;
    width: 100%;
    height: 100%;
}

.footer-bg {  
    color: #363636;   
    text-align: center; 
}

.pad-tb {
    padding-top: 20px;
    padding-bottom: 20px; 

}
.vertical-center {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media only screen and (max-width: 600px) {
    .vertical-center {
        margin: auto;
        position: initial;
        top: initial;
        -ms-transform: translateY(0%);
        transform: translateY(0%);
    }

}

.nav-init{
    color:navy !important;
}

.nav-init .active {
    color: pink !important;
}

    .nav-init:hover {
        color: #1357BE !important;
    }

.accord-link {
    color: navy !important;
    text-decoration: none;
}

    .accord-link:hover {
        color: #1357BE !important;
    }

/*--Color--*/
.bg-blue-gradient {
    background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
}

.bg-dark{
    background-color:transparent !important;
}

.bg-dark-grey {
    background-color: #363636;
}

.bg-lt-green {
    background-color: #eaf2e7;
    border-radius:5px;
   padding:11px;
}

.square-blue {
    border-left: solid 5px #113A8C;
}

.square-green {
    border-left: solid 5px #15591F;
}

.square-lt-green {
    border-left: solid 5px #94bf88;
}


.square-navy {
    border-left: solid 5px #0f3c59;
}

.square-orange {
    border-left: solid 5px #D95829;
}

.link-blue {
    color: #113A8C;
}
    .link-blue:hover {
        color: black;
    }

/*--Buttons--*/


/*--Text Colors--*/

.bg-ltblue {
    background-color: #f2f6fc;
}


element.style {
}

.table-bordered > :not(caption) > * > * {
    border-width: 0 1px;
}

.breadcrumb-nav::after {
    content: "/";
    margin-left: 1rem;
}

@media only screen and (max-width: 600px) {
    .breadcrumb-nav::after {
        content: "";
        margin-left: 0;
    }
}

.text-title {
    color: black;
    text-align: left;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight:bold;

}

.bg-none{
    background-color:transparent;
}

.gradient-background {
    /*    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);*/
    background: linear-gradient(-45deg, #23a6d5, #0a58ca, #001741, #001741);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
    height: 100%;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.text-blue {
    color: #023373;
}

.bg-1blue {
    background-color: #023373;
}

.bg-2blue {
    background-color: #03588C;
}

.bg-3blue {
    background-color: #0388A6;
}

.bg-3blue {
    background-color: #04ADBF;
}

.bg-4blue {
    background-color: #04D9C4;
}
/*--new colors--*/
.bg-navy {
 /*   background-color: #101357;*/
    background-image: radial-gradient( circle 975px at 2.6% 48.3%, rgba(0,8,120,1) 0%, rgba(95,184,224,1) 99.7% );
}

.icon-navy {
    background-color: #021e73;
    border-radius: 0.25rem;
}

.nav-dashboard{
    color:white !important;
}

    .nav-dashboard .active a{
        color: #38e0f2 !important;
    }

    .nav-dashboard:hover {
        color: #38e0f2 !important;
    }


.center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.bg-image {
    background-image: url('../images/istockphoto-1294021851-612x612.jpg');
    background-size:cover;
    height:auto;
    width:100%;
}

.background {
    background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%);
}

.btn-dark {
    border-radius: 50rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

.btn-primary {
    border-radius: 50rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

.btn-outline-primary {
    border-radius: 50rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

.image {
    background-image: url('../images/istockphoto-1435226184-612x612.jpg');
}

.nav-link-bar{
    color:white !important;
}

    .nav-link-bar:hover {
        /*   color: #38e0f2 !important;*/
        /*   color: #0d6efd !important;*/
        color: #38e0f2 !important;
    }

.dropdown-menu {
    background: #021e73 !important;
}

   .dropdown-menu li a {
       color: white !important;
}
    .dropdown-menu li a:hover {
        background-color: #0d6efd !important;
    }

.accord-link {
    color: #0d6efd !important;
}

.text-navy {
    color: #101357;
}

.text-turq {
    color: #00ece9;
}


.dashboard-img {
    background-image: url('../images/iStock-1488222579.jpg');
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}

.table-dark {
    --bs-table-bg: black !important;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: white;
    background-color: black;
    border-color: #373b3e !important;
}

.nav-tabs {
   border-color: #373b3e !important;
}

    .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
        isolation: isolate;
        border-color: #373b3e !important;
    }

.border-black {
    border-color: #373b3e !important;
}

/*.bg-table {
    padding: 0.5rem;
    background-color: #2a2a2a;
    border-radius: 0.375rem;
}*/


.mr-top-10{
    margin-top:10%;
}

@media only screen and (max-width: 600px){
    .mr-top-10 {
        margin-top: 0%;
    }
}

.form-control {
    color: black !important;
}