/*--------------------------------------------------------------------------------------------------*/
/*----------------------------------## IMPORTANT ##---------------------------------------*/
/*If there are any styles that are shared between solutions, move them to:
    
  Carvant_App > Content > Shared-Styles.

  - This is the style sheet that contains all the Common / Duplicated Styles that are shared among Solutions.
  - Unique Styles For Carvant_App can be placed Here */
/*--------------------------------------------------------------------------------------------------*/




/*-------------------------------------------------*/
/*Css Styles - Varialbes*/
/*-------------------------------------------------*/

/*#region Css Varialbes*/

:root {
    /* To use these Variables just Type it in the attr like this - var(--CarvantBlue); */

    --CarvantBlue: #012255;
    --Gold: #ffc107;
    --Green: #1a5944;
}

/*#endregion Css Varialbes*/

/*-------------------------------------------------*/
/*Used by Divs to create a table Look alike using Divs*/
/*-------------------------------------------------*/

/*#region Table Lookalike Styles*/

.BC-B {
    background-color: var(--CarvantBlue);
}

.C-W {
    color: white;
}

.C-R {
    color: red;
}

.C-G {
    color: green;
}

.brd-l {
    border-left: 1px solid black;
}

.brd-R {
    border-right: 1px solid black;
}

.brd-B {
    border-bottom: 1px solid black;
}

.col-bt {
    padding-top: 5px;
    padding-bottom: 5px;
}

/*#endregion Table Lookalike Styles*/





/*-------------------------------------------------*/
/* New Styles*/
/*-------------------------------------------------*/


.row {
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
}

.FixedTable {
    overflow: auto;
}

    .FixedTable thead th {
        position: sticky;
        top: 0;
        z-index: 1;
    }

.T-sm > thead > tr > th,
.T-sm > tbody > tr > td {
    padding: 4px;
}

.a-c-l {
    float: left;
}

.a-c-r {
    float: right;
}

/*-------------------------------------------------*/
/*Jquery Accordion Styles*/
/*-------------------------------------------------*/

/*#region Jquery Accordion Styles*/

.Accordion-head {
    padding-left: 30px !important;
    margin-top: 15px !important;
    width: 100% !important;
}

.Accordion-body{
    height:100%!important;
}

.Accordion-head h3 {
    color: white;
}

.ui-accordion-header {
    background: var(--CarvantBlue);
}

/* Just used to overwrite the default white color */
.Accordion-head {
    background: var(--CarvantBlue) !important;
}

.ui-state-active {
    border: 1px solid black !important;
}

/*#endregion Jquery Accordion Styles*/

/*fix for pqselect*/
.pq-select-search-div > .ui-icon {
    float: none !important;
    height:1.1em;
    width:100%;
}
.modal-title {
    width: 95%;
}
.modal-header .close {
    width: 5%;
}
.modal-header {
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    padding: 5px 15px;
}
.modal-footer {
    padding: 5px 15px;
}
.modal-header .row {
    width: 100%;
}


.invest_dot, .dot {
    position: absolute;
    display: inline-block;
    content: "";
    top: 0%;
    right: 0px;
    transform: translate(-0%, 50%);
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.green {
    background-color: green;
}

.yellow {
    background-color: yellow;
}

.red {
    background-color: red;
}

.outline_dot {
    border: 2px black solid;
}