@font-face {
    font-family: 'SF UI Display Regular';
    font-style: normal;
    font-weight: normal;
    src: local('SF UI Display Regular'), url('Fonts/sf-ui-display/SF-UI-Display-Regular.otf') format('opentype')
}

.RadGrid:focus {
    outline: none;
}

/* RadTabStrip Styling */
.RadTabStrip .rtsUL {
    display: flex !important; 
    justify-content: center;
    width:100%;
    border-bottom: 1px solid #CCCCCC;

}

.RadTabStrip .rtsLI {
    margin-left: 7.5px !important;
    margin-right:7.5px !important; 
}

.RadTabStrip .rtsLevel1 .rtsLink {
    color: black !important; 
    border: #fff !important; 
    text-transform: none;
    font-size: 10px;
    letter-spacing: 0.02em;
    text-align: center; 
    align-items:center;
    line-height: 12px;
    padding: 0px;
    width: 131px; 
    font-family: 'SF UI Display Regular';
    display: table;
}

.RadTabStrip .rtsLevel1 .rtsSelected {
    border-bottom: 4px solid #000000 !important;
    outline-offset: unset !important;
}

.RadTabStrip .rtsLevel .rtsLevel1, .RadTabStrip .rtsUL {
    background-color: white !important;
}

.RadTabStrip .rtsLevel1 .rtsOut {
    padding: 0px !important; 
    display: table-cell;
    vertical-align: middle;
}

.RadTabStrip .rtsLevel1 .rtsIn {
    display: flex; 
    align-items: center;
    justify-content: center;
    height: 80px;
}

.RadTabStrip .rtsLevel1 .rtsImg {
    position: absolute;
    bottom: 55px;
    margin: unset;
}

.RadTabStrip .rtsLevel1 .rtsTxt {
    margin-top: 27.5px;
    font-size: 14px;
}

.RadTabStrip a.rtsClicked:focus {
    outline: none !important;
    position:unset !important;
} 
/**/

BODY
{
    font-size: 12pt;
    font-family: 'SF UI Display Regular'; 
    margin: 0px;
}


BODY TABLE.menu
{
    margin-top: -2px;
    margin-bottom: 10px;
    margin-left: -2px;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}


BODY TABLE.grid3
{
    margin: 0px 0px 0px 0px;
    border: 1px solid #666666;
    border-collapse: collapse;
    border-spacing: 1px;
    caption-side: top;
    empty-cells: show;
    font-family: 'SF UI Display Regular';
 
}

.default_text_styling {
    font-family: 'SF UI Display Regular';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    display: flex;
    align-items: center;
    letter-spacing: 0.02em;
    color: #000000;
}

.dropdown_select_item_text {
    font-family: 'SF UI Display Regular';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0.02em;
    color: #222222;
}

.dropdown_list_item_text {
    font-family: 'SF UI Display Regular';
    font-style: normal;
    font-weight: 500;
    font-size: 9px;
    line-height: 18px;
    letter-spacing: 0.02em;
    color: #000000;
}

.default_dropdown {
    width: 87px !important;
    height: 30px !important;
}

.committee_grid_count_cell {
    width: 98px;
    height: 77px;
}

.voting_count_text {
    font-family: "SF UI Display Regular";
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0.02em;
    color: #000000;
}

.green-text {
    color: #2A8540;

}

.yellow-text {
    color: #FECD43;
}

.voting_count_title {
    font-family: "SF UI Display Regular";
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    letter-spacing: 0.02em;
    margin: 0px;
}

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

.voting_counts_block {
    float: right;
}

table.grid3 th
{
    border: 1px solid #666666;
    background-color: #D0FFFF;
    margin: 1px;
    padding: 3px;
    border-collapse: collapse;
    vertical-align: top;
}


table.grid3 td
{
    border: 1px solid #666666;
    margin: 1px;
    padding: 3px;
    border-collapse: collapse;
    vertical-align: top;
}


TABLE.grid2
{
    margin: 10px 0px 10px 4px;
    padding: 0px;
    border: 1px solid #666666;
    border-collapse: collapse;
    border-spacing: 1px;
    caption-side: top;
    empty-cells: show;
    font-family: 'SF UI Display Regular'; 

}


table.grid2 th
{
    border-style: solid;
    border-width: 1px;
    background-color: #aaffeb;
    margin: 1px;
    padding: 3px;
    border-collapse: collapse;
    vertical-align: top;
}


table.grid2 td
{
    border: 1px solid #999999;
    margin: 1px;
    padding: 3px;
    border-collapse: collapse;
    vertical-align: top;
}


TABLE.grid4
{
    border-style: solid solid solid none;
    border-width: 0px;
    border-color: #666666;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    border-collapse: collapse;
    border-spacing: 0px;

    empty-cells: show;

}

table.grid4 td
{
    border-style: solid solid solid none;
    border-width: 1px;
    border-color: #C0C0C0;
    margin: 0px;
    padding: 3px;
    border-collapse: collapse;
    vertical-align: top;
    font-family: 'SF UI Display Regular'; 
  
}

TABLE.grid_align
{
    border: 0px solid white;
    border-collapse: collapse;
    border-spacing: 1px;
    caption-side: top;
    empty-cells: show;
    font-family: 'SF UI Display Regular'; 

    margin-top: 8px;
    margin-bottom: 8px;
}


table.grid_align th
{
    border: 1px solid #666666;
    background-color: #D0FFFF;
    margin: 1px;
    padding: 8px 3px 8px 3px;
    border-collapse: collapse;
    vertical-align: top;
}


table.grid_align td
{
    border: 0px none #666666;
    margin: 2px;
    padding: 4px 2px 4px 2px;
    border-collapse: collapse;
    vertical-align: middle;
}

/*label {
    font-family: 'Segoe UI' , Tahoma, Geneva, Verdana, sans-serif;
}*/
input[readonly] {
    background-color: #f4f4f4;
}

a:link
{
    color: #00007D;
    text-decoration: none;
}
a:active
{
    color: #00007D;
     
}
a:visited
{
    color: #00007D;
    text-decoration: none;
}
a:hover
{
    color: #008060;

    text-decoration: underline;
    
}



TD.lowerleft
{
    background-color: white;
    border-left: black 1px solid;
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-bottom: black 1px solid;
    padding-right: 0px;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top: 0px;
    font-family: 'SF UI Display Regular'; 
}


.no_print
{
    
}

.locator_left
{
    width: 180px;
    position: absolute;
    left: 4px;
    vertical-align: top;
    z-index: 1;
    margin-bottom:80px;
    font-family: 'SF UI Display Regular'; 
}

.locator_content
{
    margin-left: 180px;
    width: 716px;
    position: relative;
    z-index: 0;
    font-family: 'SF UI Display Regular';
}
table.locator_header
{
    padding: 0px;
    margin: 0px;
    empty-cells: hide;
    border-collapse: collapse;
    width:896px;
    font-family: 'SF UI Display Regular'; 
}


.content_left {
    width: 740px;
    position: relative;
    left: 0px;
    vertical-align: top;
    z-index: 1;
    font-family: 'SF UI Display Regular'; 
    font-size: 12pt;
}

.links_right
{
    margin-left: 696px;
    padding-left:18px;
    width: 180px;
    position: absolute;
    z-index: 0;
    font-family: 'SF UI Display Regular'; 
}

table.grid_inset
{
    border-width: 1px;
    border-color: #999999;
    margin: 4px 0px 0px 0px;
    border-collapse: collapse;
    border-spacing: 1px;
    caption-side: top;
    empty-cells: show;
    font-family: 'SF UI Display Regular'; 
 
    border-top-style: solid;
    padding-top: 4px;
}
table.grid_inset td
{
    margin: 0px 0px 0px 0px;
    
    border: 0px;
    border-collapse: collapse;
    border-spacing: 0px;
    font-family: 'SF UI Display Regular'; 
}
table.grid_inset tr
{
    border-collapse: collapse;
    border: 0px;
    font-family: 'SF UI Display Regular'; 
}

        .personal_header
        {
            position: relative;
            width: 896px;
    font-family: 'SF UI Display Regular'
        }

    #detail_container
{
    width: 896px;
    margin: 0px 0px 8px 4px;
}
       
    
        #detail_header
{
    width: 896%;
    position: relative;
    vertical-align: middle;
    font-family: 'SF UI Display Regular'; 
}
        
        #detail_header_left
        {
            float: left;
            width: 250px;
            vertical-align: baseline;
            margin-left: 4px;
        }
        
        #detail_header_center
        {
        float: left;
        width: 240px;
                   vertical-align: middle;

        }
        
        #detail_header_right
        {
            float: left;
            width: 402px;
            text-align: right;
        }
        #detail_properties
{
    float: left;
    width: 350px;
    clear: both;
        height: 100%;

}
        
        #detail_notes
{
    border: 1px solid #808080;
    float: left;
    width: 284px;
    height: 253px;
    margin-top: 10px;
    background-color: #F8F8F8;
    margin-right: 12px;
    margin-left: 12px;
    overflow: hidden;
}
        
        #detail_dashboard
{
    float: left;
    width: 220px;
    margin-top: 10px;
}
        
        #detail_mainline
{
    clear: both;
    margin-top: 16px;
}
        
 TABLE.properties_block {
    margin: 10px 0px 10px 4px;
    padding: 0px;
    font-size: 12pt;
    border: 1px solid #CCCCCC;
    border-spacing: 0px;
    caption-side: top;
    font-family: 'SF UI Display Regular'; 
    table-layout: auto;
    border-collapse: collapse;
    background-color: #FFFFFF;
}


table.properties_block td {
    border: 1px solid #CCCCCC;
    margin: 0px;
    padding: 4px;
    vertical-align: top;
    border-collapse: collapse;
    border-spacing: 0px;
}


    #mega_tab
{
    border: 1px solid #808080;
    clear: both;
    width: 894px;
    height: 490px;
    margin: 8px 0px 2px 0px;
    background-color: #FFFFFF;
}


.mega_tab_container
{
width:892px;

}
.mega_tab_header_left
{
    width: 396px;
    position: relative;
    vertical-align: top;
    float: left;
    margin-left: 3px;
    margin-right: 3px;
    top: 0px;
    left: 0px;
}

.mega_tab_header_middle
{
    width: 372px;
    position: relative;
    vertical-align: top;
    float: left;
    margin-top: 8px;
    top: 0px;
    left: 0px;
    height: 447px;
}

.mega_tab_header_right
{
    border-style: dotted;
    width: 0px;
    position: relative;
    text-align: right;
    vertical-align: top;
    float: left;
}
.mega_tab_footer
{
clear:both
}
.detail_multipage_477
{
height: 457px;
}

.detail_multipage_480
{
 height:460px;

}
.detail_multipage_483
{
 height:463px;
}
.detail_multipage_510
{
 height:490px;
}
.detail_multipage_277
{
 Height:257px;
 
}

.detail_multipage_80
{
 Height:80px;
 
}

.master_menu
{
width:896px;
    
}
.expanded_header
{
    letter-spacing: .1em;
    font-size: 14px;
 
}


.Header_Link a
{
    font-size: 16px;
    letter-spacing: .2em;
    
}

.locator
{
    padding-bottom: 8px;
}
   .rgCaption {
    border-width: 1px;
    border-color: #688CAF;
    text-align: left;
    padding-top: 4px;
    padding-bottom: 4px;
    background-color: #25A0DA;
    border-bottom-style: solid;
    padding-left: 4px;
    font-size: 12pt;
    color: #FFFFFF;
}

/*.rgAltRow td {   no apparent value when actually viewed on screen
    background-color: #F1F1F1;
}*/


.rcbHeader ul,
.rcbFooter ul,
.rcbItem ul, .rcbHovered ul, .rcbDisabled ul
{
    width: 100%;
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.rcbSeparator
{
    color: black;
    background-color: white;
}

.col1, .col2
{
    float: left;
    width: 250px;
    margin: 0;
    padding: 0 0px 0 0;
    line-height: 15px;
    font-size: 12pt;
}
 .col3
{
    float: left;
    width: 30px;
    margin: 0;
    padding: 0 0px 0 0;
    line-height: 15px;
    font-size: 12pt;
}

table.company_user_control_spacing tr td {
    padding-bottom: 8px;
}

table.company_user_control_spacing {
    margin-left: 15px;
}

.Multi_Grid_Filter_Combo
{
float:left;
margin-left:2px;
padding-top:3px;
padding-left:0px;
padding-bottom:0px;
padding-right:8px;
}
.Multi_Grid_Filter_Button
{
    float:right;
padding-top:6px;
padding-bottom:0px;
padding-right:10px;
}
.Multi_Grid_Print_Button
{
float:right; 
margin-right:24px;
padding-top:6px;
}
.Multi_Grid_Body
{
clear:both;
float:left;
margin-top:10px;
margin-bottom:10px;
width: 100%;
}
.status_indicator
{
    font-size: 12pt;
    text-align: center;
    border: 1px solid #688CAF;
    padding: 2px 6px 2px 6px;
}
.expanded_reading_block
{
    padding: 0px;
    margin: 0px;
    line-height: 133%;
    vertical-align: top;
    white-space: normal;
    word-spacing: normal;
    overflow:scroll;
}
.pageview_border
{
    border-width: 1px;
    border-style: none solid solid solid;
    border-color: #8BA0BC;    
    display: block;
    overflow: auto;
    overflow-x: hidden;
}
.pageview_border_no_tabs
{
    border-width: 1px;
    border-style: solid solid solid solid;
    border-color: #8BA0BC;
}
   .tgcaption
{
    font-size: 12pt;
} 
.quantity_discount
{
    border: 1px solid #8BA0BC;
    font-family: 'SF UI Display Regular'
    background-color: #F6F7F8;
    padding: 0px 2px 0px 5px;
    margin-top: -4px;
}
.web_content_paragraph
{
    font-family: 'SF UI Display Regular';
    font-size: 12pt;
    padding: 1px;
    margin: 1px;
}

.panel_content {
    padding: 4px 4px 4px 6px;
    overflow: auto;
    clip: rect(0px, auto, auto, auto);
}
.panel_title
{
    border-width: thin;
    border-color: #8BA0BC;
    padding: 2px 0px 2px 6px;
    margin: 0px 0px 0px 0px;
    font-size: 12pt;
    letter-spacing: .225em;
    font-variant: small-caps;
    border-top-style: solid;
    border-right-style: solid;
    background-color: #D0FFFF;
    border-left-style: solid;
}
.db_topic
{
    font-size: 12pt;
    list-style-type: circle;
    list-style-position: outside;
    list-style-image: url('../images/red_bullet_16.png');
    letter-spacing: .025em;
    line-height: 115%;
        color: #313131;
}
.db_topic table
{
    padding: 6px;
    background-color: #EAFFFF;
    border: 1px solid #B8C9DB;
    table-layout: auto;
    border-collapse: collapse;
    empty-cells: show;
    caption-side: top;
    border-spacing: 0px;
}



.db_topic li
{
    padding: 6px 0px 6px 0px;
    line-height: 120%;

}
.db_topic ul
{
    padding-top: 0px;

}
.db_topic p
{
    margin-top: 3px;
    margin-bottom: 9px;
}
.db_topic td
{
    border: 1px solid #C0C0C0;
    padding: 5px;
    border-collapse: inherit;
}

.db_menu
{
    font-size: 12pt;
    list-style-type: circle;
    list-style-position: outside;
    list-style-image: url('images/red_bullet_16.png');
    letter-spacing: .01em;
    line-height: 125%;
    color: #313131;
}
.db_menu table
{
    margin: 0px;
    padding: 0px;
    border: 0px none #B8C9DB;
    table-layout: auto;
    border-collapse: collapse;
    empty-cells: show;
    caption-side: top;
    border-spacing: 0px;
    letter-spacing: .1em;
}



.db_menu li
{
    padding: 6px 0px 6px 0px;
    line-height: 120%;

}
.db_menu ul
{
    padding-top: 0px;

}
.db_menu p
{
    margin-top: 3px;
    margin-bottom: 9px;
}
.db_menu td
{
    margin: 0px 0px 0px 20px;
    border: none;
    padding: 6px 8px 6px 16px;
    border-collapse: inherit;
    font-size: 12pt;
}


.grid_pcl
{
    margin: 0px 0px 0px 0px;
    border: 1px solid #666666;
    border-collapse: collapse;
    border-spacing: 1px;
    caption-side: top;
    empty-cells: show;
    font-family: 'SF UI Display Regular';
    font-size: 12pt;
 
}


table.grid_pcl th
{
    border: 1px solid #666666;
    background-color: #D0FFFF;
    margin: 1px;
    padding: 3px;
    border-collapse: collapse;
    vertical-align: top;
}


table.grid_pcl td
{
    border: 1px solid #666666;
    margin: 1px;
    padding: 3px;
    border-collapse: collapse;
    vertical-align: top;
        font-family: 'SF UI Display Regular';
    font-size: 12pt;
}
.publication_node
{
    border: 1px solid #B7C4D5;
    background-color: #FAFAFA;
    min-height: 32px !important;
}
.committee_node
{
    font-size: 16px !important;
    min-height: 64px !important;

}
.header_node
{
    font-size: 16px !important;
    
}

.tile_title_blue_bold {

    color: #000080;
    font-weight: bold;

}
.tile_title_white {
    font-weight: normal;
    color: #FFFFFF;
}
.tile_title_heading {
    font-weight: bold;
    color: #FFFF00;
    font-variant: small-caps;
    letter-spacing: .25em;
    margin-top: -8px;
    margin-bottom: -8px;
}
.expanded_sub_head {
    font-weight: normal;
    font-size: 12pt;
    letter-spacing: .25em;
    color: #6C6C6C;
}
    .expanded_sub_head td {
    text-align: center;
        padding-top: 2px;
    padding-bottom: 2px;
}
    .expanded_sub_head a {
    color: #6C6C6C;
}

     
 
.metro_block {
    border: thin solid #99ABC4;
    font-family: 'SF UI Display Regular';
    background-color: #FBFBFB;
    padding: 6px;
        font-size: 12pt;
}

.metro_block_heading {


}

.heading1 {
    font-family: 'SF UI Display Regular';
    font-weight: 600;
    font-size: 36px;
    line-height: 43px;
    color: #000000;
    text-align: left;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 0px;
    display:inline;
}

.heading2 {
    font-family: 'SF UI Display Regular';
    font-size: 18px;
    line-height: 20px;
    color: #000000;
    text-align: left;
    margin-bottom: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    display:inline;
}

h2 {
    font-family: 'SF UI Display Regular';
    font-weight:normal;
    font-size: 18px;
    line-height: 15px;
    color: #000000;
    text-align: left;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #999;
}
    
h3 {
    font-size: 16px;
    line-height: 18px;
    color: #330099;
    text-align: left;
    margin-bottom: 6px;
    margin-top: 10px;
    font-weight: bold;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #999;
}

h4 {
    font-family: 'SF UI Display Regular';
    font-size: 12pt;
    font-style: normal;
    font-weight: normal;
    color: #4B4B4B;
    margin-top: -0px;
    margin-bottom: -4px;
    letter-spacing: .05em;
}


h5 {
    font-family: 'SF UI Display Regular';
    font-size: 12pt;
    font-style: normal;
    font-weight: normal;
    color: #4B4B4B;
    margin-top: 1px;
    margin-bottom: 2px;
    letter-spacing: .025em;
}


.expanded_side_links {
    font-weight: normal;
    font-size: 12pt;
    letter-spacing: .125em;
    color: #999999;
}


.Page_Icon {
    position: absolute;
    left: 10px;
    top: 100px;
}
.Page_Heading {
    position: absolute;
    left: 50px;
    top: 100px;
}
.Page_Toolbar {
    position: absolute;
    left: 740px;
    top: 106px;
    z-index: 0;

}
 
.metro_block {
    border: thin solid #99ABC4;
    font-family: 'SF UI Display Regular'; 
    background-color: #FBFBFB;
    padding: 6px;
}

.metro_block_heading {


}

.metro_block_left {
    position: absolute;
    left: 10px;
    top: 150px;
    width: 470px;
    border: thin solid #99ABC4;
    background-color: #FBFBFB;
    padding: 6px;
   
}
.metro_block_left td {
    border: 0px solid #FFFFFF;
    margin: 0px;
    padding: 4px;
    vertical-align: top;
    border-collapse: collapse;
    border-spacing: 0px;
}


.metro_block_right {
    position: absolute;
    left: 520px;
    top: 150px;
    width: 470px;
    border: thin solid #99ABC4;
    background-color: #FBFBFB;
    padding: 6px;
   
}
.metro_help_right {
    position: absolute;
    left: 375px;
    top: 0px;
    width: 362px;
    border: thin solid #99ABC4;
    background-color: #FBFBFB;
    padding: 6px;
}

.tab_metro_help_right {
    position: absolute;
    left: 372px;
    top: 0px;
    width: 355px;
    border: thin solid #99ABC4;
    background-color: #FBFBFB;
    padding: 6px;
}
.metro_help_left {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 350px;
    border: thin solid #99ABC4;
    background-color: #FBFBFB;
    padding: 6px;
}

.tab_metro_help_left {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 347px;
    border: thin solid #99ABC4;
    background-color: #FBFBFB;
    padding: 6px;
}

.metro_help_list {
    margin: 0px;
    padding: 10px 0px 10px 30px;
    text-indent: 0px;
    font-size: 12pt;

}
.metro_help_list li {
    margin: 0px;
    font-size: 12pt;
    padding-top: 4px;
    padding-right: 0px;
    padding-bottom: 4px;
}

.metro_embed_right {
    position: absolute;
    left: 437px;
    top: 0px;
    width: 290px;
    border: thin solid #99ABC4;
    background-color: #FBFBFB;
    padding: 6px;
}
.metro_embed_left {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 400px;
    border: thin solid #99ABC4;
    background-color: #FBFBFB;
    padding: 6px;
}

 .RadTreeView .rtLI
{
   padding-bottom: 6px;
}

.RadTreeView .rtUL .rtUL
{
   margin-top: 6px;
}

.RadTreeView .rtLast
{
   padding-bottom: 0;
}

.panelbarInner {
    FONT-SIZE: 12pt !important;
    line-height: 25px !important;
    text-indent: 6px;
    vertical-align: baseline;
    padding-left: 16px !important;
}

.panelBar
{    
    FONT-SIZE: 12pt !important;
    line-height: 25px !important;
    vertical-align: baseline;
    padding-left: 16px !important;
}
  
.rpText, .rpLink, .rpOut {
    padding: 3px 0px 3px 0px;
    vertical-align: middle;
}

.overlay_left {
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #FFFFFF;
}

.no_print {
    display: inherit;    
}

.rcbItem, .rcbHovered, .rcbInput
{
    font-size: 12pt;
}

.align-right {
    text-align:right;
    width:35%;
    font-weight: bold;
    padding-bottom: 3px;
}
.align-left {
    text-align:left;
    padding-left:15px;
    padding-bottom: 3px;
}
.info_box {
    background-color: white;
    border: thin solid black;
    padding:2px;
}

.title_block {
    width: 100%;
    height: 76px;
    font-family: 'SF UI Display Regular';
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 76px;
    letter-spacing: 0.02em;
    color: #000000;
}

.title_block svg {
    line-height: 76px;
    vertical-align: middle;
    margin-bottom: 5px;
}

.details_block {
    width:auto;
    overflow:hidden;
}

.navigation_block {
    width: 250px;
    float:left;
    padding-top: 5px;
    margin-bottom: 16px;
}

.control_block {
    position: absolute;
    top: 180px;
    left: 262px;
    z-index: 10;
}

.filter_block
{
    text-align: center;
    width: 100%;
}

.info_block
{
    text-align: center;
    font-weight: bold;
    color: #00007D;
    width: 100%;
}

.details_quicklinks {
    width:100%;
}

.list_block
{
    width: 100%;
}

.main_block
{
    width: 100%;
    padding-top: 5px;
}

.tab_filter_block
{
    width:100%;
}

.tab_list_block
{
    width:100%;
    padding-left: 2px;
}

.tab_main_block
{
    width:99%;
    padding: 10px;
}

.tab_nav_block
{
    float:left;
    padding-left:5px;
    width:250px;
}

.tab_details_block
{
    width:auto;
    overflow:hidden;
}

.tab_right_column {
    width: 49%;
    height: 98%;
    float: right;
}

.tab_left_column {
    width: 49%;
    height: 98%;
    float: left;
}

.pad_title_left {
    padding-left:5px;
}

.indent-section {
    margin-left: 15px;
}

.asp_combo_default {
    height: 20px;
    padding-top: 2px;
}

.asp_dropdown_combo_default {
    height: 20px;
    font-size: 18px;
    padding-top: 2px;
}

.harmoniaztion_year_font {
    padding-left: 8px;
}

.harmonization_table {
     font-weight: bold;
     text-align: center;
     /*background-color:  #999;*/
}

.harmonization_table_cell {
    padding: 10px; 
    margin: 10px; 
    vertical-align: top;
    font-weight: normal; 
}

.harmonization_table_separator_left {
    border-left: solid;
    border-left-color: #696969;
}

.harmonization_table_header,
.harmonization_table_secondary_header {
    font-weight: bold; 
    text-align: center;
    padding-right: 15px;
}

.disabledButtonStyle {
    background-color: #cccccc;
    display: inline-block;
    color: white;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    border: 0px;
    padding: 9px;
    margin-top: 12px;
    font-size: 11pt;
}

div.login-box > div.login-control-box > span > input.riTextBox {
    margin-left: 45px;
    border: none;
    font-family: 'SF UI Display Regular';
    font-style: normal;
    font-size: 14px;
    line-height: 17px;
    display: flex;
    align-items: center;
    letter-spacing: 0.02em;
    color: black;
    width: 529px;
    height: 43px;
    border: none;
    border-color: white;
    outline: none;
    padding-bottom: 25px;
}

.login-remindme-checkbox {
    position: relative;
    left: 370px;
}

#login_button {
    font-family: 'SF UI Display Regular';
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    line-height: 13px;
    display: flex;
    letter-spacing: 0.02em;
    color: #000000;
    border-radius: 15px;
    background-color: white;
    padding: 10px 20px 10px 20px;
    position: relative;
    left: 185px;
    width: 87px;
    height: 30px;
    border: 1px solid #CCCCCC;
}

#Logoff_Button {
    font-family: 'SF UI Display Regular';
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    line-height: 13px;
    display: flex;
    letter-spacing: 0.02em;
    color: #000000;
    border-radius: 15px;
    background-color: white;
    padding: 10px 20px 10px 20px;
    position: relative;
    border: 1px solid #CCCCCC;
}

#Continue {
    font-family: 'SF UI Display Regular';
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    line-height: 13px;
    display: flex;
    letter-spacing: 0.02em;
    color: #000000;
    border-radius: 15px;
    background-color: white;
    padding: 10px 20px 10px 20px;
    position: relative;
    border: 1px solid #CCCCCC;
}

.hr-text-input {
    border: 1px solid #CCCCCC;
    width: 572px;
}

.login-box {
    display: flex;
    justify-content: center;
    margin: auto;
}

.logoff-box {
    display: flex;
    justify-content: center;
}

.login-control-box {
    width: 572px;
    display: flex;
    justify-content: center;
    margin: auto;
}

.login-footer-text {
    font-family: 'SF UI Display Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    display: flex;
    align-items: center;
    letter-spacing: 0.02em;
    color: #C4C4C4;
    white-space: nowrap;
    display: flex;
    justify-content: center;
}
    
#footer a.privacy-link {
    font-family: 'SF UI Display Regular';
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    line-height: 13px;
    display: flex;
    align-items: center;
    letter-spacing: 0.02em;
    color: #2997FF;
    margin-left: 4px;
}

.buttonStyle-no-margin,
.buttonStyle-no-margin-disabled,
.login-buttonStyle,
.buttonStyle {
    background-color: #373C5A;
    display: inline-block;
    color: white;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    border:0px;
    font-family: 'SF UI Display Regular';
}
.buttonStyle,
.login-buttonStyle {
    padding: 9px;
    margin-top: 12px;
    font-size: 12pt;
}
.login-buttonStyle {
    margin-left: 30px;
}
.buttonStyle-no-margin {
    padding: 5px;
    font-size: 11pt;
}
.buttonStyle-no-margin-disabled {
    padding: 5px;
    font-size: 11pt;
    background-color:#C0C0C0;
    color:black;
}
.buttonStyle,
.buttonStyleSmall {
    font-size:10pt;
}
.MyGridClass .rgDataDiv {
    height: auto !important;
}

.MyGridClass .rgCaption {
    background-color: #373C5A;
    color:white;
    caption-side: top;
}

.rounded-button-style-wide {
    width: 210px;
    height: 30px;
    border-radius: 15px;
    border: 1px solid #CCCCCC;
    background-color: white;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    line-height: 13px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #000000;
    cursor: pointer;
}

.rounded-button-style {
    width: 184px;
    height: 30px;
    border-radius: 15px;
    border: 1px solid #CCCCCC;
    background-color: white;
    margin-top: 23px;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    line-height: 13px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #000000;
    cursor: pointer;
}

.buttonDisabled {
    background-color: #A9A9A9;
    display: inline-block;
    color: black;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    border: 0px;
    padding: 9px;
    margin-top: 12px;
    font-size: 12pt;
}

#header {
    background-repeat: repeat-x;
}

.headerBody {
    width: 1350px;
    height: 125px;
    margin: 0px auto;
    background-position: 170px 0px;
    box-sizing: content-box; 
    border-bottom: solid #000000 0.5px;
}

.headerLeft {

    float: left;
    width: 234px; 
    height: 125px; 
}

@media print {
    .title_block {
        padding-top: 25px;
    }
    .headerLogo {
        padding-left: 15px;
    }
    .details_quicklinks {
        display: none;
    }
}

.headerLogo {
    padding-top: 16px; 
    margin-left: -11px; 
}

.headerRight {
    margin-left: 290px;
    height: 125px;
    background-position: -63px 0px;
    background-repeat: no-repeat;
    background-size: contain;
}

.headerRight .top {
    padding-top: 15px; 
    height: 34px !important; 
    font-size:12pt; 
    font-family: 'SF UI Display Regular';
    margin: 0px; 
    box-sizing: content-box; 
    min-height: 39px;
}

.headerRight .bottom {
    height: 75px; 
}

.headerBottom {
    height: 55px;
    background-color: white;
    width: 100%;
    text-align: center;
}

.headerPageSubTitleContainer {
    height: 138px;
    line-height: 189px;
    z-index: 1;
    width: 572px;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pageHeader {
    font-family: 'SF UI Display Regular';
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    line-height: 43px;
    color: #222222;
    text-align: center;
}

.siteTitle {
    padding-top: 50px;
    font-size: 1.7em;
    color: black;
    float:left; 
    display: none; 
}


.quickLinks {
    float: right; 
    font-family: 'SF UI Display Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #222222;
}

.quickLinks div {
    padding-right: 0px !important; 
}

.quickLinks a {
    color: black;
    margin-left: 10px;
    width: 86px;
    display: inline-block;
    font-family: "SF UI Display Regular";
    font-size: 11px;
    line-height: 13px;
    align-items: center;
    text-align: center;
    letter-spacing: 0.02em;
    margin-top: 2.83px;
}

.quickLinks a:hover {
    color:#2997FF;
    cursor: pointer;
    text-decoration: none;
}

.nav {
    float: left;
    font-family: "SF UI Display Regular";
    font-weight: 600;
    box-sizing: border-box;
}

.nav ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.nav ul li {
    display: inline;
    float: left;
    margin-left: 10px;
    position: relative;
}

.nav ul li a {
    display: block;
    text-decoration: none;
    font-family: 'SF UI Display Regular';
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    color: #222222;
    line-height: 16px;
    width: auto;
    vertical-align:middle;
    text-align: center;
    padding: 23px 10px 32px 10px;
}

.nav ul li a:hover {
    display: block;
    text-decoration: none;
    color: #2997FF !important;
    
}

.noprint{
    position: relative;
}

@media (max-width:1000px ) {

    .nav ul li {
        font-size: 10pt;
        margin-left:5px;
    }
}

@media (max-width:600px ) {
    
    .nav ul li {
        font-size: 9pt;
        margin-left: 0px;
    }
}

@media print {
    .noprint {
        display: none;
        background-image: none;
    }
}

@media screen and (max-width: 1349px) {
    #header {
        display: inline-block;
    }
}

#content {
    font-family: 'SF UI Display Regular';
    clear: both;
    width: 1300px;
}

#footer a {
    font-family: 'SF UI Display Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    align-items: center;
    text-align: center;
    color: #545457;
    width: 87px;
    vertical-align: middle;
    display: inline-block;
}

#footer li {
    display: inline;
    width: 87px;
    height: 120px;
}

.announcements {
    font-family: 'SF UI Display Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    display: flex;
    align-items: center;
    letter-spacing: 0.02em;
    color: #000000;
}

.announcements_title {
    font-family: 'SF UI Display Regular';
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 76px;
    align-items: center;
    letter-spacing: 0.02em;
    color: #000000;
    padding-right: 18px;
    display: inline-block;
}

.announcements-row {
    height: 60px;
}

div a.announcements-link-anchor:hover {
    text-decoration: underline;
}

div a.announcements-link-anchor {
    text-decoration: none;
    color: #2997FF;
}

.announcements-news {
    font-family: 'SF UI Display Regular';
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    display: flex;
    letter-spacing: 0.02em;
    color: #000000;
}

.announcements-date {
    font-family: 'SF UI Display Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    align-items: center;
    letter-spacing: 0.02em;
    color: #000000;
}

.annoucements-link-icon {
    font-family: 'SF UI Display Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    text-align: right;
    align-items: center;
    letter-spacing: 0.02em;
    color: #000000;
    align-items: baseline;
    margin: 0px;
}

.annoucements-link {
    font-family: 'SF UI Display Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    text-align: left;
    align-items: center;
    letter-spacing: 0.02em;
    color: #000000;
    align-items: baseline;
    margin: 0px;
    cursor: pointer;
    text-decoration: underline;
}

.announcements_btn {
    width: 184px;
    height: 30px;
    border-radius: 15px;
    border: 1px solid #CCCCCC;
    float: right;
    background-color: white;
    margin-top: 23px;
    font-family: 'SF UI Display Regular';
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    line-height: 13px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #000000;
}

.announcements_expand {
    font-family: 'SF UI Display Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #000000;
}

.btn-close {
    border-radius: 25px;
    float: right;
    padding: 8px 20px;
    font-family: 'SF UI Display Regular';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 115%;
    letter-spacing: 0.12px;
}

.redirect-message {
    font-family: 'SF UI Display Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #FFF;
    padding-top: 20px;
}

.new-portal-flyout {
    position: absolute;
    left: 110px;
    top: 15px;
    padding: 15px;
    animation: slidein 1s ease-in-out 1;
    z-index: 1;
    max-width: 500px;
    background-color: whitesmoke;
    border-radius: 25px;
    background-color: rgba(0,37,84,1);
}

@keyframes slidein {
    0% {
        top: -1900px;
    }

    100% {
        top: 0px;
    }
}

.new-member-portal-btn-flyout {
    color: rgba(0,37,84,1);
    background-color: white;
    border-radius: 25px;
    position: absolute;
    left: 24%;
    font-family: 'SF UI Display Regular';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 115%;
    letter-spacing: 0.12px;
    white-space: nowrap;
    padding: 8px 20px;
    cursor: pointer;
}

.new-member-portal-btn {
    border-radius: 25px;
    background-color: rgba(0,37,84,1);
    color: white;
    position: absolute;
    left: 24%;
    font-family: 'SF UI Display Regular';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 115%;
    letter-spacing: 0.12px;
    white-space: nowrap;
    padding: 8px 20px;
    cursor: pointer;
}

.todayStyle {
    vertical-align: top;
    background-color: #25a0da;
}

.eventStyle {
    font-size: 10pt;
    border-style: solid;
    border-width: 1px;
    border-color: crimson;
    border-radius: 5px;
    padding-left: 5px;
}

 .appointmentMonthView {
    height: 120px;
    color: red;
}

.BigCheckBox input {
    width: 20px;
    height: 20px;
}

.red_note {
    color: red;
    font-family: 'SF UI Display Regular'; 
    font-size: 18px;
    line-height: 40px;
    text-align: left;
    margin-bottom: 13px;
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 0px;
    display: inline;
}
.bootstrap_padding {
    padding: 3px;
}
.modalBackground {
    background-color: Black;
    filter: alpha(opacity=90);
    opacity: .8 ;
}

.modalPopup {
    background-color: #FFFFFF;
    border-width: 3px;
    border-style: solid;
    border-color: black;
    padding-top: 10px;
    padding-left: 10px;
    width: 300px;
    height: 140px;
}
.textBoxEnabled {
    background-color:#ffffff;
}
.textBoxDisabled {
    background-color: #C0C0C0;
}
.cga-fade.in {
    opacity: 1;
}
.cga-modal-open {
    overflow: hidden;
}

.add-company-modal {
    width: 900px;
}

.cga-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    opacity: 1.0;
}
.cga-modal.fade .cga-modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
         -o-transition:      -o-transform .3s ease-out;
            transition:         transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
        -ms-transform: translate(0, -25%);
         -o-transform: translate(0, -25%);
            transform: translate(0, -25%);
}
.cga-modal.in .cga-modal-dialog {
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
}
.cga-modal-open .cga-modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.cga-modal-dialog {
    position: relative;
    width: auto;
    font-size: 18px;
    margin: 10px;
    filter: alpha(opacity=100);
}
.cga-modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
            background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
            box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    opacity: 1.0 !important;
}
.cga-modal-backdrop {
    background-color: #0000008c;
    z-index: 1040
}
.cga-modal-backdrop.fade {
    filter: alpha(opacity=50);
    opacity: 1.0;
}
.cga-modal-backdrop.in {
    opacity: 1;
}
.cga-modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}
.cga-modal-header .close {
    margin-top: -2px;
}
.cga-modal-body {
    position: relative;
    padding: 15px;
}
.cga-modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}
.cga-modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px;
}
.cga-modal-footer .btn-group .btn + .btn {
    margin-left: -1px;
}
.cga-modal-footer .btn-block + .btn-block {
    margin-left: 0;
}
@media (min-width: 768px) {
    .cga-modal-dialog {
        width: 600px;
        margin: 30px auto;
    }

    .add-company-modal {
        width: 900px;
        margin: 30px auto;
    }

    .cga-modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
                box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    }

    .cga-modal-sm {
        width: 300px;
    }
}
@media (min-width: 992px) {
    .cga-modal-lg {
        width: 900px;
    }
}
.date-input, label[for=date] {
    display: inline-block;
    width: 100px;
    text-align: right;
}
.loadWorkItemsAttendance {
    margin-bottom: 5px;
}
.calendar-location {
    position: relative;
    top: 210px;
}

.dropdown-above-nav {
    display: none;
    font-family: 'SF UI Display Regular';
    background-color: white;
    width: 86px;
    float: right;
    clear: right;
    z-index: 500;
    line-height: 20px;
    font-size: 11px;
    border-radius: 3px;
    border-right: inset;
    border-bottom: inset;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.dropdown-above-nav-arrow:hover + div, .dropdown-above-nav:hover {
    display: block;
    cursor: pointer;
    position: relative;
}

.dropdown-above-nav a:hover {
    color: #2997FF;
}

.dropdown-above-nav a {
    margin-left: 0px;
}

.dropdown-above-nav-arrow {
    float: right;
    overflow: hidden;
}

.detail-subheader-container {
    width: 100%;
    height: 76.5px;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
}

.detail-subheader-text {
    font-family: "SF UI Display Regular";
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 29px;
    display: flex;
    align-items: center;
    letter-spacing: 0.02em;
    color: #000000;
}
h2.print_section_header {
    font-family: 'SF UI Display Regular';
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: 0.02em;
    color: #000000;
    border-bottom: none;
    margin-top: 0px;
}

div.col-xs-5.col-sm-4 {
    font-family: 'SF UI Display Regular';
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.02em;
    color: #000000;
    padding: 0px;
    width: 185px;
}

div.col-xs-7.col-sm-8 {
    font-family: 'SF UI Display Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.02em;
    color: #000000;
    padding: 0px 0px 0px 9px;
    width: 185px;
}

div.print_row {
    font-family: 'SF UI Display Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.02em;
    color: #000000;
}

.archive_report_btn {
    width: 250px;
    height: 30px;
    border: 1px solid #C4C4C4;
    box-sizing: border-box;
    border-radius: 3px;
    font-family: 'SF UI Display Regular';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 30px;
    text-align: left;
    letter-spacing: 0.02em;
    color: #222222;
    background-color: white;
    padding: 0px;
}

.archive_report_btn svg {
    margin-right: 9.87px;
    margin-left: 10px;
    vertical-align: middle;
    margin-bottom: 3px;
}

.archive_report_btn span {
    width: 153px;
}

.edit_participation_btn {
    width: 87px;
    height: 30px;
    border: 1px solid #C4C4C4;
    box-sizing: border-box;
    border-radius: 3px;
    font-family: 'SF UI Display Regular';
    font-style: normal;
    font-weight: 500;
    font-size: 9px;
    line-height: 30px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #222222;
    background-color: white;
    margin-left: 10px;
    margin-right: 593px;
}

.return_to_top {
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #000000;
}

.portal-breadcrumb {
    font-family: SF UI Display;
    font-style: normal;
    font-weight: 600;
    font-size: 9px;
    line-height: 11px;
    align-items: flex-end;
    letter-spacing: 0.02em;
    float: left;
    margin-top: 15px;
}

    .portal-breadcrumb a {
        font-family: SF UI Display;
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 14px;
        align-items: flex-end;
        letter-spacing: 0.02em;
        text-decoration-line: underline;
        color: #2997FF;
    }

.details_quicklinks a {
    font-family: "SF UI Display Regular";
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0.02em;
    color: #000000;
}

.details_quicklinks a:hover {
    color: #2997FF;
    cursor: pointer;
    text-decoration: none;
}

.tool_bar_links {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    width: 87px;
    cursor: pointer;
}

.tool_bar_links span {
    font-family: 'SF UI Display Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #222222;
    padding-top: 15px;
}

.dot {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    display: inline-block;
}

.grey-background {
    background-color: #CCCCCC;
}

.yellow-background {
    background-color: #FECD43;
}

.red-background {
    background-color: #F74030;
}

.dark-grey-background {
    background-color: #545457;
}

.green-background {
    background-color: #2A8540;
}

.white-background {
    background-color: #FFFFFF;
}

.color-key-text {
    font-family: 'SF UI Display Regular';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0.02em;
    color: #000000;
}

.committee-detail-table-header-container {
    display: flex;
    height: 92px;
    width: 100%;
    align-items: center;
    border-top: 1px solid #CCCCCC;
}

.login-forgotpassord-createaccount {
    font-family: 'SF UI Display Regular';
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: 0.02em;
    color: #2997FF !important;
}

.details-title {
    font-family: 'SF UI Display Regular';
    font-weight: 600;
    font-style: normal;
    font-size: 36px;
    line-height: 42.96px;
}

.cga-header {
    color: #0072CE;
    font-weight: 600;
    font-size: 24px;
}

.details-subtitle {
    font-family: 'SF UI Display Regular';
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 28.64px;
} 

.details-body {
    font-family: 'SF UI Display Regular';
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 18px;
}

.details-body-bold {
    font-weight: 700;
}

.qty-discount-btn {
    border: 1px solid #C4C4C4;
    box-sizing: border-box;
    border-radius: 3px;
    width: 184px;
    height: 36px;
    font-family: 'SF UI Display Regular';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    letter-spacing: 0.02em;
    background-color: white;
}

.btn-with-svg {
    cursor: pointer;
    padding-left: 3px;
    justify-content: center;
    background-origin: content-box;
    background-position: left;
    background-repeat: no-repeat;
}

.download-pdf-svg {
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M0.901525 0.832H11.8408V3.7504H12.6813V0H0.0610352V14.1632H8.89911V13.3312H0.901525V0.832Z' fill='black'/%3E%3Cpath d='M10.5799 3.33398H2.16211V4.16598H10.5799V3.33398Z' fill='black'/%3E%3Cpath d='M5.53053 4.99902H2.16211V5.83102H5.53053V4.99902Z' fill='black'/%3E%3Cpath d='M13.6511 13.4525L12.6813 14.4061V5.41406H11.8409V14.4061L10.8775 13.4525L10.2827 14.0413L12.2611 15.9997L14.2459 14.0413L13.6511 13.4525Z' fill='black'/%3E%3Cpath d='M2.16244 12.0769L2.24649 12.4865C3.84342 12.1601 5.06536 11.6097 5.92525 10.8097C6.70108 10.5793 7.44459 10.4321 8.15578 10.3809C9.04799 10.3169 9.88201 10.3937 10.6385 10.6241C10.8195 10.6945 11.0005 10.7585 11.188 10.8161L11.3108 10.4193L11.4725 10.0353C11.2915 9.9649 11.1104 9.9009 10.9294 9.8433C10.0824 9.4977 9.31307 8.9345 8.72472 8.2177C8.02001 7.3665 7.63855 6.3745 7.63855 5.4209H6.79806C6.79806 6.7329 6.74634 8.1025 6.12567 9.2225C5.95111 9.5361 5.73775 9.8241 5.48561 10.0801C5.3369 10.1249 5.1882 10.1761 5.0395 10.2273C3.24214 10.8673 1.98141 11.7057 1.92969 11.7377L2.16244 12.0769ZM6.86272 9.6193C7.16659 9.0625 7.35408 8.4673 7.47045 7.8593C7.63855 8.1665 7.84544 8.4609 8.07819 8.7361C8.31094 9.0177 8.57602 9.2865 8.85403 9.5233C8.60835 9.5233 8.3562 9.5297 8.10405 9.5489C7.68381 9.5809 7.24417 9.6385 6.80453 9.7281C6.81746 9.6897 6.84332 9.6577 6.86272 9.6193Z' fill='black'/%3E%3Cpath d='M5.53053 6.66211H2.16211V7.49411H5.53053V6.66211Z' fill='black'/%3E%3Cpath d='M5.53053 8.33301H2.16211V9.16501H5.53053V8.33301Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='14.1849' height='16' fill='white' transform='translate(0.0610352)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.hardcopy-svg {
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.67456 0C0.78376 0 0.0610352 0.715425 0.0610352 1.59723V15.9945H11.9104V13.8648H14.0673V0H1.67456ZM10.8347 14.9296H1.13672V3.10572C1.30479 3.16672 1.48407 3.19445 1.67456 3.19445H10.8347V14.9296ZM12.9916 12.8H11.916V2.13518H1.67456C1.37763 2.13518 1.13672 1.89671 1.13672 1.60277C1.13672 1.30884 1.37763 1.07036 1.67456 1.07036H12.986V12.8H12.9916Z' fill='black'/%3E%3Cpath d='M9.22116 4.79688H2.75586V9.06169H9.22116V4.79688Z' fill='black'/%3E%3Cpath d='M9.22116 10.665H2.75586V11.7299H9.22116V10.665Z' fill='black'/%3E%3Cpath d='M9.22116 12.7998H2.75586V13.8646H9.22116V12.7998Z' fill='black'/%3E%3C/svg%3E%0A");
}

.elearning-svg {
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 11.472V0H0V11.472H7.056V14.118H3.972V15H11.028V14.118H7.938V11.472H15ZM0.882 0.882H14.118V10.59H0.882V0.882Z' fill='black'/%3E%3Cpath d='M7.50004 3.50399L1.76404 1.59599V7.81799L7.50004 9.73199L13.236 7.81799V1.59599L7.50004 3.50399ZM2.64604 2.81999L7.05604 4.28999V8.65199L2.64604 7.18199V2.81999ZM12.354 7.18199L7.94404 8.65199V4.28999L12.354 2.81999V7.18199Z' fill='black'/%3E%3C/svg%3E%0A");
}

.pub-details-btn {
    border: 1px solid #C4C4C4;
    box-sizing: border-box;
    border-radius: 3px;
    margin-bottom: 5px;
    width: 184px;
    height: 36px;
    font-family: 'SF UI Display Regular';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    letter-spacing: 0.02em;
    background-color: white;
}

input.pub-details-btn[type="submit"]:hover,
button.pub-details-btn:hover,
span.qty-discount-btn:hover,
span.pub-details-btn:hover {
    background-color: whitesmoke;
}

.top-border {
    border-top: 1px solid #CCCCCC;
}

.email-options {
    border-radius: 3px;
    width: 87px !important;
    height: 30px;
    border: 1px solid #C4C4C4;
    box-sizing: border-box;
    font-family: 'SF UI Display Regular';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    align-items: center;
    letter-spacing: 0.02em;
    display: flex;
    color: #222222;
    background-color: white;
}

.actions-btn {
    border-radius: 3px;
    width: 60px !important;
    height: 30px;
    border: 1px solid #C4C4C4;
    box-sizing: border-box;
    font-family: 'SF UI Display Regular';
    font-style: normal;
    font-weight: 500;
    font-size: 9px;
    line-height: 11px;
    text-align: center;
    align-items: center;
    letter-spacing: 0.02em;
    display: flex;
    color: #222222;
    background-color: white;
}

.options {
    font-family: 'SF UI Display Regular';
    font-style: normal;
    font-weight: 500;
    font-size: 9px;
    line-height: 22px;
    letter-spacing: 0.02em;
    color: #222222;
}

.schedule-box {
    width: 87px;
    height: 87px;
    border: 1px solid #202124;
    box-sizing: border-box;
    border-radius: 10px;
    background: none;
    background-image: linear-gradient(top, black, black 24.137931%, transparent 24.137931%, transparent 100%);
    background-image: -webkit-linear-gradient(top, black, black 24.137931%, transparent 24.137931%, transparent 100%)
}

.month-box {
    font-family: 'SF UI Display Regular';
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    line-height: 18px;
    letter-spacing: 0.02em;
    color: #FFFFFF;
}

.day-box {
    height: 66px;
    font-family: 'SF UI Display Regular';
    font-style: normal;
    font-weight: bold;
    font-size: 48px;
    line-height: 18px;
    letter-spacing: -0.05em;
    color: #202124;
}

.prev-next-link {
    font-family: 'SF UI Display Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 18px;
    display: flex;
    align-items: center;
    letter-spacing: 0.02em;
    color: #2997FF !important;
}

.filter-text {
    font-family: 'SF UI Display Regular';
    font-style: normal;
    font-weight: 500;
    font-size: 9px;
    line-height: 11px;
    letter-spacing: 0.02em;
    color: #000000;
}

.label {
    border-radius: 3px;
    width: 80px !important;
    height: 30px;
    border: 1px solid #C4C4C4;
    box-sizing: border-box;
    font-family: 'SF UI Display Regular';
    font-style: normal;
    font-weight: 500;
    font-size: 9px;
    line-height: 11px;
    text-align: center;
    align-items: center;
    letter-spacing: 0.02em;
    display: flex;
    color: #222222;
    background-color: white;
}