html {
  font-size: 12px;
}

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

html {
  position: relative;
  min-height: 100%;
}

body {
    margin-bottom: 60px;
    /*background-color: antiquewhite;*/
    /*background-color: khaki;*/
    font-family: Aptos, "Helvetica Neue", Helvetica, Arial, sans-serif
}

div.row > div form > div.form-floating {
    margin-bottom: 20px;
}

a {
    text-decoration: none;
}

a:hover {
    color: #23527c;
}

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


.loading span {
    background: url('../images/busy-small.gif') no-repeat;
    background-position: left center;
    padding-left: 20px;
    display: table-cell;
    vertical-align: middle;
    font-style: italic;
    color: blue;
}

.ui-autocomplete-term {
    font-weight: bold;
    color: #ffc000;
}

.inline-items-wrapper {
    overflow-y: auto;
    margin-top: 0px;
    /*background-color: #fafafa;*/
    /*display: inline-block;*/
    /*width: inherit;*/
}

    .inline-items-wrapper div {
        border: 1px solid lightgray;
        /*display: inline-block;*/
        padding: 4px;
        border-radius: 3px;
        margin: 2px 2px 2px 0;
        /*font-family: Arial 'Arial Rounded MT' Verdana;*/
        background-color: #cad3f7;
    }

.ui-icon-item-delete {
    /*background-image: url("themes/base/images/ui-icons_222222_256x240.png");*/
    background-image: url('../images/ui-icons_222222_256x240.png');
    background-position: -80px -128px;
    cursor: pointer;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
}

    .ui-icon-item-delete:hover {
        /*background-image: url("themes/base/images/ui-icons_cd0a0a_256x240.png");*/
        background-image: url('../images/ui-icons_cd0a0a_256x240.png');
        background-position: -80px -128px;
        cursor: pointer;
        display: inline-block;
        width: 16px;
        height: 16px;
        background-repeat: no-repeat;
    }

.inline-form-control {
    display: inline;
    width: 85%;
}


.dropdown-menu.multi-column {
    width: 600px;
}

    .dropdown-menu.multi-column .dropdown-menu {
        display: block !important;
        position: static !important;
        margin: 0 !important;
        border: none !important;
        box-shadow: none !important;
        min-width: 100px;
    }

.dropdown-menu > li > a.quarterly:hover {
    background-color: #64AB23;
    color: white;
}

.dropdown-menu > li > a.sapr:hover {
    background-color: #DF8500;
    color: white;
}

.dropdown-menu > li > a.apr:hover {
    background-color: #68468F;
    color: white;
}

.modal-dialog {
    max-width: 800px;
}

a.text-reset:hover {
    text-decoration:underline;
}


/* added css for vmmc form */

/* Hide all steps by default: */
.tab {
    display: none;
}

#prevBtn {
    background-color: #bbbbbb;
}

/* Make circles that indicate the steps of the form: */
.step {
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbbbbb;
    border: none;
    border-radius: 50%;
    display: inline-block;
    opacity: 0.5;
}

   .step.active {
        opacity: 1;
    }

    /* Mark the steps that are finished and valid: */
    .step.finish {
        background-color: #04AA6D;
    }


    .inline-chart-container {
        /*height: 300px;*/
        /*display: inline-block;*/
    }

.inline-chart-item {
    height: 180px;
}

/* end css for vmmc form */