@charset "UTF-8";

/******************************* general styles *******************************/

html
{
    overflow-y: scroll;
}

body .ui-state-disabled
{
    opacity: 1.0;
}

body .ui-dialog .ui-widget-content
{
    font-size: 18px;
}

.ui-dialog .ui-widget-content a
{
    text-decoration: underline !important;
    color: var(--cerulean) !important;
}

.ui-dialog .ui-widget-content a:hover
{
    text-decoration: underline !important;
    color: var(--black) !important;
}

.ui-panel-content
{
    font-size: 18px !important;
}


.layout-main a
{
    color: var(--cerulean);
    text-decoration: underline;
}

.layout-main a:hover
{
    color: var(--black);
}

.ui-widget-header a
{
    text-decoration: none;
}

td a
{
    text-decoration: underline !important;
}

.layout-main label
{
    display: inline-block; /* aligns login buttons */
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 2;
    letter-spacing: 0.3px;
    color: var(--black);
    margin-top: 0px;
    padding-left: 1px;
}

/******************************* content styles *******************************/

.content
{
	padding-left: 15px;
	padding-right: 15px;
}

.content-gray
{
    background-color: var(--white);
    padding: 35px 15px 25px 15px;
}

.content-white
{
    background-color: #ffffff;
    padding: 35px 15px 25px 15px;
}

.content-gray hr
{
    color: var(--white);
}

.content-white hr
{
    color: #ff0000; /* adjust as needed */
}


.max-width-100
{
    max-width: 100%;
}

.max-width-66
{
    max-width: 66%;
}

.max-width-67
{
    max-width: 67%;
}

.max-width-940px
{
    max-width: 940px;
}

.max-width-1440px
{
    max-width: 1440px;
}

.max-width-content
{
    max-width: 930px;
}

.width-main
{
    width: 930px;
}

/********************************* data styles ********************************/

.ui-datatable
{
    font-size: 18px;
    line-height: 1em;
}

.ui-datatable th
{
    background-color: var(--cerulean) !important;
    text-align: center !important;
    color: #ffffff !important;
    border-top: 1px solid #dddddd !important;
    border-right: 1px solid var(--white) !important;
    border-bottom: 2px solid var(--black) !important;
    border-left: 1px solid var(--white) !important;
    white-space: nowrap !important;
    box-shadow: none !important;
}

.ui-datatable th.ui-state-active
{
    /*background-color: var(--black) !important;*/
    box-shadow: none !important;
}

.ui-datatable th .ui-sortable-column-icon
{
    margin: 0px !important;
}

.ui-datatable td
{
    border-top: 1px solid #dddddd !important;
    border-right: 1px solid var(--white) !important;
    border-bottom: 1px solid var(--greyish) !important;
    border-left: 1px solid var(--white) !important;
}


.ui-datatable.stripped-datatable tbody
{
    border-top: 1px solid #dddddd !important;
    border-right: none !important;
    border-bottom: 1px solid #dddddd !important;
    border-left: none !important;
}

.ui-datatable.stripped-datatable th
{
    height: 10px;
}
    
.ui-datatable.stripped-datatable th,
.ui-datatable.stripped-datatable tr
{
    background-color: transparent !important;
    border: none !important;
}

.ui-datatable.stripped-datatable td
{
    border: 1px solid #dddddd !important;
    border-right-style: none !important;
    border-left-style: none !important;
    padding: 8px 0px 8px 8px !important;
}

.ui-datatable.multi-selection-datatable .ui-datatable-data > tr.ui-datatable-even.ui-state-highlight
{
    background-color: #f9f9f9;
    color: var(--black);
}

.ui-datatable.multi-selection-datatable .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight
{
    background-color: #ffffff;
    color: var(--black);
}

.ui-datatable.multi-selection-datatable .ui-datatable-data > tr:hover
{
    background-color: #f0f0f0 !important;
}

.ui-column-title
{
	font-family: Roboto !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1.5 !important;
    letter-spacing: 0.3px !important;
}

/******************************** panel styles ********************************/

.ui-scrollpanel
{
    border: none !important;
}

.ui-panelgrid-content
{
    border: none !important;
    background-color: transparent !important;
}

.ui-panelgrid .ui-panelgrid-cell
{
	padding: 8px !important;
	background-color: transparent !important;
}

/********************************* form styles ********************************/

.responsive-form .ui-panelgrid-cell
{
    padding: 0px !important;
}

.responsive-form .ui-panelgrid-cell.ui-grid-col-4:nth-child(1)
{
    padding-right: 30px !important;
    padding-bottom: 15px !important;
}

.responsive-form .ui-panelgrid-cell.ui-grid-col-4:nth-child(2)
{
    padding-right: 30px !important;
     padding-bottom: 15px !important;
}

.responsive-form .ui-panelgrid-cell.ui-grid-col-6:nth-child(1)
{
    padding-right: 15px !important;
}

.responsive-form .ui-panelgrid-cell.ui-grid-col-6:nth-child(2)
{
    padding-left: 15px !important;
}

.responsive-form .ui-grid-row:nth-child(odd)
{
}

.responsive-form .ui-grid-row:nth-child(even)
{
    /*padding-top: 1px !important;
    padding-bottom: 21px !important; */
}

.responsive-form .ui-grid-row .ui-outputlabel
{
    /* small gap before labels in datatables! */
    
    padding-top: 21px !important;
    padding-bottom: 1px !important;
}

.lefthand-label
{
    font-size: 18px !important;
    font-weight: 300 !important;
}

/********************************* grid styles ********************************/
/* 
.ui-md-1:first-child,
.ui-md-2:first-child,
.ui-md-3:first-child,
.ui-md-4:first-child,
.ui-md-5:first-child,
.ui-md-6:first-child,
.ui-md-7:first-child,
.ui-md-8:first-child,
.ui-md-9:first-child,
.ui-md-10:first-child,
.ui-md-11:first-child,
.ui-md-12:first-child
{
    padding-left: 0px !important;
}


.ui-md-1:last-child,
.ui-md-2:last-child,
.ui-md-3:last-child,
.ui-md-4:last-child,
.ui-md-5:last-child,
.ui-md-6:last-child,
.ui-md-7:last-child,
.ui-md-8:last-child,
.ui-md-9:last-child,
.ui-md-10:last-child,
.ui-md-11:last-child,
.ui-md-12:last-child
{
    padding-right: 0px !important;
} */

/********************************* list styles ********************************/

li
{
   margin-bottom: 6px;
}

ol
{
    counter-reset: item;
}

ol li
{
    display: block;
}

ol li:before
{
    content: counter(item) ". ";
    counter-increment: item;
    
    font-weight: bold;
    
    display: inline-block;
    width: 40px;           /* for first line */
    margin-left: -40px;    /* for breaking lines 2-n */
}


ul
{
    padding-left: 20px;
    list-style: none;
}

ul li::before
{
    content: "\2022";
    
    font-weight: normal;
    
    display: inline-block;
    width: 20px;           /* for first line */
    margin-left: -20px;    /* for breaking lines 2-n */
}

/******************************** misc styles *********************************/

.ui-tooltip .ui-tooltip-text
{
    font-size: 15px;
    line-height: 20px;
    background-color: var(--black) !important;
}