html, body {
    /*background-color: var(--bs-gray-100);*/
    font-size: 15px;
}




/***********************************
Left Navigations
************************************/


.left-nav-item{
    cursor: pointer;
    position: relative;
    background-color: #ececec;
    padding: 3rem 2rem 1rem;
}

.left-nav-container .left-nav-item:first-child{
    padding: 2rem 2rem 1rem;
}

.left-nav-item.active{
    background-color: white;
    cursor: default;
}






.left-nav-container{
    color: #00aeef;
    font-size: 14px;
}





.nav-num {
    padding: 4px 9px;
    border: 1px solid #ccc;
    border-radius: 15px;
    background-clip: padding-box;
    margin-right: 10px;
}
.nav-txt {

}

.left-nav-item .arrow-down {
    display: inline-block;
    width: 100%;
    height: 29px;
    background: url(../images/arrow-down-g.png) no-repeat center;
    background-size: cover;
    z-index: 999;

    position: absolute;
    bottom: -29px;
    left: 0;
}


.left-nav-item.active .arrow-down{
    background-image:  url(../images/arrow-down-w.png);
}



/***********************************
ICONS
************************************/


.icon-sm {
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    font-size: 75%;
}

.icon-md {
    width: 2.6rem;
    height: 2.6rem;
    line-height: 2.6rem;
    text-align: center;
    font-size: 0.8rem;
}

.icon-lg {
    width: 3.5rem;
    height: 3.5rem;
    line-height: 3.5rem;
    text-align: center;
    font-size: 1.2rem;
}

.icon-xl {
    width: 5rem;
    height: 5rem;
    line-height: 5rem;
    text-align: center;
    font-size: 1.9rem;
}

.icon-xxl {
    width: 7rem;
    height: 7rem;
    line-height: 7rem;
    text-align: center;
    font-size: 2.5rem;
}

.nav.nav-bottom-line .nav-link {
    background: transparent;
    border: transparent;
    border-bottom: 3px solid transparent;
    font-weight: 600;
    padding: 0.6rem 0.75rem;
    white-space: nowrap;
}
.nav.nav-bottom-line .nav-link.active {
    background: transparent;
    color: var(--bs-primary);
    border-bottom: 3px solid var(--bs-primary);
}



.themed-container {
    padding: .75rem;
    margin-bottom: 1.5rem;
    background-color: rgba(0, 123, 255, .15);
    border: 1px solid rgba(0, 123, 255, .2);
}

.nav-link:hover, .nav-link:focus {
    /*color: var(--bs-jj-orange);*/
}

.nav-link {
    color: #00aeef;
}

.demo{
    background-color: orange;
    border: 2px solid green;
}

label{
    font-weight: 550 !important;
}

.has-background-linethrough:before{

    content: "";
    width: 100%;
    z-index: -1;
    margin: 0 auto;
    position: absolute;
    inset: 50% 0 0;
}


#loginSub {
    cursor: default;
    text-align: center;
    margin-top: 9px;
    color: #fff;
    font-weight: 600;
    padding: 4px;
    background-color: #00aeef;
}

#accordionProposalMessage, #accordionProposalMessage.accordion, #criteriaBox{
    background-color: var(--bs-gray-100);
    --bs-accordion-bg:var(--bs-gray-100);
}

#criteriaBox{
    padding: 1em;
    border-radius: 7px;
}




a {
    color: #00aeef;
}

a:hover {
    color: #89dfff;
}

.btn-link{
    --bs-btn-color: #00aeef;
    --bs-btn-hover-color: #89dfff;
}

.hover-text-decoration:hover, .hover-text-decoration:focus{
    text-decoration: underline !important;
}



textarea::placeholder, input::placeholder {
    opacity: .5 !important;
}

.twitter-typeahead {
    width: 100%;
}

.first-delete-button{
    cursor: not-allowed !important;
}

table.dataTable td.dataTables_empty {
    text-align: left !important;
}


footer a:hover{
    color: white !important;
}

footer{
    /*position: fixed;*/
    /*bottom: 0;*/
}

/*
  ========================================
  Buttons
  ========================================
*/
.btn {
    border-radius: 5px;
    padding: 10px 30px;
    display: inline-block;
    margin: 0;
}
.btn-sm,
.btn-group-sm > .btn {
    border-radius: 5px;
    padding: 10px 10px;
    display: inline-block;
    margin: 0;
}
.btn-thin-sm {
    border-radius: 5px;
    padding: 3px 10px;
    display: inline-block;
    margin: 0;
}
.btn-ltblue {

    --bs-btn-hover-bg :#f0f8ff;
    --bs-btn-hover-color:#012d6b;

    border: 1px solid #dfe2e5;
    background-color: #f0f8ff;
    color: #012d6b;
}
.btn-silver {

    --bs-btn-hover-bg :#f4f4f4;
    --bs-btn-hover-color:#012d6b;


    border: 1px solid #dfe2e5;
    background-color: #f4f4f4;
    color: #012d6b;
}
.btn-cyan {
    --bs-btn-hover-bg :#00aeef;
    --bs-btn-hover-color:white;

    border: 1px solid #dfe2e5;
    background-color: #00aeef;
    color: #f0f8ff;
}
.btn-blue {

    --bs-btn-hover-bg :#f0f8ff;
    --bs-btn-hover-color:white;


    border: 1px solid #dfe2e5;
    background-color: #f0f8ff;
    color: #012d6b;
}
.btn-red {

    --bs-btn-hover-bg :#e49497;
    --bs-btn-hover-color:white;

    border: 1px solid #dfe2e5;
    background-color: #e49497;
    color: #f0f8ff;
}
.btn-green {

    --bs-btn-hover-bg :#9dc9ba;
    --bs-btn-hover-color:white;

    border: 1px solid #dfe2e5;
    background-color: #9dc9ba;
    color: #f0f8ff;
}


.btn.pseudo-disabled{
    opacity: 0.65;
}


.btn-super-small
{
    padding: .24rem .4rem;
    font-size: .75rem;
}


.col-form-label{
    font-weight: 600;
}


.circle {
    width: 18px;
    line-height: 16px;
    border-radius: 50%;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial,sans-serif;
    border: 2px solid #666;
    /*font: 14px Arial, sans-serif;
   */
}
.circle-light {
    width: 18px;
    line-height: 16px;
    border-radius: 50%;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial,sans-serif;
    border: 2px solid #aaa;
    color:#aaa;
    /*font: 14px Arial, sans-serif;
   */
}


.accordion-button.collapsed {
    background-color: #f8f9fa;
}

.required{
    color: red;
}