@font-face {
    font-family: 'old-english';
    src: url('/templates/unei/fonts/oldenglishfive-webfont.woff2') format('woff2'),
         url('/templates/unei/fonts/oldenglishfive-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;     
}

.select_year {
    width: auto;
    min-width: 250px;;
}

.election {
    padding-left: 20px;
}
.election_information_header {
    font-size: larger;
    font-weight: bold;
}

.election_information_sub_header {
    font-size: medium;
    font-weight: bold;
    text-decoration: underline;
    padding-top: 30px;
    padding-bottom: 20px;
}

.election_information_position_table {
     padding-left: 30px;   
}
.election_information_position_header {
    font-size: smaller;
    color: red;
    font-weight: bold;
    padding-left: 60px;
}

.election_information_candidate_header {
    font-size: small;
    color: black;
    font-weight: bold;
    padding-left: 90px;
}

.select_year {
    font-size: 14px !important;
    height: 25px !important;
    width: 60px !important;
    max-width: 75px !important;
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
}

.election_position_count_select {
    font-size: 14px !important;
    height: 25px !important;
    width: 45px !important;
    max-width: 75px !important;
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important; 
}

.select_date {
    display: inline-block !important;
    font-size: 14px !important;
    height: 25px !important;
    width: 100px !important;
    max-width: 180px !important;
    margin: 0px 0px 0px 0px !important;
}

.choose_option_section {
    font-size: 14px;
}

.choose_option_radio {
    padding-left: 20px; 
    padding-right: 10px;
    vertical-align: middle; 
    margin-top: -3px;
}

.previous_elections {
    padding-left: 20px;
}

.select_previous_election {
    padding-left: 40px;
    font-size: 14px;
}

.election_select_year_div {
    font-size: 14px; 
    padding-left: 20px; 
    padding-right: 10px;
}

.election_select_year h6 {
    font-size: 16px;
    font-weight: bold;    
}

.continue_checkbox {
    display: inline-block !important;
}

.election_name {
    min-width: 200px !important;
    max-width: 300px !important;
    height: 25px !important;
    font-size: 14px !important;
}

.election_set_name {
    display: inline-block;
}

.election_set_name_div {
    font-size: 14px; 
    padding-left: 20px; 
    padding-right: 10px;
}
.election_set_name h6{
    font-size: 16px;
    font-weight: bold;
} 

.election_set_positions_available_div {
    font-size: 14px; 
    padding-left: 20px; 
    padding-right: 10px;    
}
.election_set_positions_available h6{
    font-size: 16px;
    font-weight: bold;
}

.election_set_dates {
    padding-left: 20px;
}
.election_set_dates h6 {
    font-size: 16px;
    font-weight: bold;
}
.election_set_dates_div {
    font-size: 14px; 
    padding-left: 20px; 
    padding-right: 10px;
}

.election_set_dates_error_div {
    display: none;
    color: red;
    font-size: 14px; 
    padding-left: 20px; 
    padding-right: 10px;
}

.election_set_dates > * {display: none;}

.election_set_name > * {display: none;}

.election_set_positions_available > * {display: none;}

.election_review > * {display: none;}
 
.election_review {
    font-size: 16px; 
    font-weight: bold;
}

.election_finalize > * {display: none;}
 
.election_finalize h5{
    font-size: 14px;
}


.election_get_lastname_div {
        font-size: 14px !important;
}

.election_get_nominator_lastname_div {
        font-size: 14px !important;
        display: inline-block;
}

.election_nominator_lastname {
    display:inline-block !important;
    min-width: 200px !important;
    max-width: 300px !important;
    height: 25px !important;
    font-size: 14px !important;
}

.election_candidate_lastname {
    display:inline-block !important;
    min-width: 200px !important;
    max-width: 300px !important;
    height: 25px !important;
    font-size: 14px !important;
}

.nomination_form_class {
    padding-bottom: 15px;
}

.nominee_form_class {
    padding-bottom: 15px;
}

.election_candidate_status_class {
    color: red;
}

.election_button {
    height: 28px !important;
    margin-left: 10px !important;
    font-size: 14px;
    -webkit-appearance:button !important;
    border-radius: 4px !important;
    border-top-color: black;
    border-top-style: solid;
    border-top-width: thin;    
    border-left-color: black;
    border-left-style: solid;
    border-left-width: thin;
    border-right-color: black;
    border-right-width: thin;
    border-right-style: solid;
    border-bottom-color: black;
    border-bottom-width: thin;
    border-bottom-style: solid;
    color: goldenrod;
    background-color: black;
}

.election_button:hover {
    color: red;
    background-color: black;
}

.election_voting_radio {
    margin-right: 15px !important;
}

.election_voting_checkbox {
    margin-right: 15px !important;
}
.currently_running_election_header {

    padding-left: 20px !important;
    font-size: 14px !important;
    font-weight: bold !important;
    color: red;
}

.currently_running_elections_div {

    padding-left: 20px !important;
    font-size: 14px !important;
    font-weight: bold !important;
    text-decoration: underline;
}

.currently_running_elections_period_div {

    padding-left: 40px !important;
    font-size: 14px !important;
    font-weight: bold !important;
}

.currently_running_elections_period_buttons_div {

    padding-left: 30px !important;
    font-size: 14px !important;
    font-weight: bold !important;
}

.currently_running_elections {
    padding-bottom: 10px;
    font-size: 16px !important;
    font-weight: bold !important;
}

.election_can_not_change_header {
    font-size: 12px !important;
    font-weight: bold !important;
}

.election_add_candidate_button {
    height: 25px !important;
    margin-left: 10px !important;
    font-size: 12px;
    -webkit-appearance:button !important;
    border-radius: 4px !important;
    border-top-color: black;
    border-top-style: solid;
    border-top-width: thin;    
    border-left-color: black;
    border-left-style: solid;
    border-left-width: thin;
    border-right-color: black;
    border-right-width: thin;
    border-right-style: solid;
    border-bottom-color: black;
    border-bottom-width: thin;
    border-bottom-style: solid;

}
.election_candidate_add_nominator_div {
    padding-left: 20px;
    font-size: 14px;
    font-weight: normal;
    display: inline-block;    
}
.election_manage_candidate_link, .election_manage_candidate_span{
    color: goldenrod;
    font-size: 14px;
    cursor: pointer;
    padding-left: 10px;
}
.election_manage_candidate {
    font-size: 16px;
    font-weight: bold;
}

.election_manage_candidate_add_nominator {
    font-size: 14px;
    padding-left: 20px;
}
.election_manage_candidate_div {
    padding-left: 20px;
    font-size: 14px;
    font-weight: normal;
}

.election_manage_candidate_name {
    color:red;
}

.election_view_candidate_nominator_statement {
    white-space: pre-wrap;    
}

.election_view_candidate_nominator_statement_header {
    font-weight: bold;
    font-size: 14px;
}

.election_view_candidate_nominee_profile {
    white-space: pre-wrap;    
}

.election_view_candidate_nominee_profile_header {
    font-weight: bold;
    font-size: 14px;
}

.pictures_header {
    font-weight: bold;
    font-size: 28px;
    padding-bottom: 15px;
}

.pictures_sub_header {
    font-weight: bold;
    font-size: 18px;
    padding-bottom: 15px;
}

.pictures_links {
    padding-bottom: 15px;
}

.pictures_first_link {
    font-weight: bold;
    color: red;
    font-size: 16px;
    cursor: pointer;
}

.pictures_first {  
    font-weight: bold;
    color: red;
    font-size: 16px;
}

.pictures_mid_link {
    font-weight: bold;
    color: black;
    font-size: 16px;
    cursor: pointer;
}

.pictures_mid {
    font-weight: bold;
    color: black;
    font-size: 16px;
}
.pictures_last_link {
    font-weight: bold;
    color: red;
    font-size: 16px;
    cursor: pointer;
}

.pictures_last {   
    font-weight: bold;
    color: red;
    font-size: 16px;
}

.pictures_picture_link {
    cursor: pointer;
}
.pictures_view_picture {
    padding-top: 30px;
}

.btn-primary {
    background-color: black !important;
    border-color: goldenrod !important;
    color: goldenrod !important;
    -webkit-appearance:button !important;
    border-radius: 4px !important;
    border-top-color: goldenrod;
    border-top-style: solid;
    border-top-width: medium;    
    border-left-color: goldenrod;
    border-left-style: solid;
    border-left-width: medium;
    border-right-color: goldenrod;
    border-right-width: medium;
    border-right-style: solid;
    border-bottom-color: goldenrod;
    border-bottom-width: medium;
    border-bottom-style: solid;
}

.btn-primary:hover {
    background-color: black !important;
    border-color: red !important;
    color: red !important;
    -webkit-appearance:button !important;
    border-radius: 4px !important;
    border-top-color: red;
    border-top-style: solid;
    border-top-width: medium;    
    border-left-color: red;
    border-left-style: solid;
    border-left-width: medium;
    border-right-color: red;
    border-right-width: medium;
    border-right-style: solid;
    border-bottom-color: red;
    border-bottom-width: medium;
    border-bottom-style: solid;
}

.btn-danger {
    background-color: black !important;
    border-color: goldenrod !important;
    color: goldenrod !important;
    -webkit-appearance:button !important;
    border-radius: 4px !important;
    border-top-color: black;
    border-top-style: solid;
    border-top-width: medium;    
    border-left-color: black;
    border-left-style: solid;
    border-left-width: medium;
    border-right-color: black;
    border-right-width: medium;
    border-right-style: solid;
    border-bottom-color: black;
    border-bottom-width: medium;
    border-bottom-style: solid;
}

.btn-danger:hover {
    background-color: black !important;
    border-color: red !important;
    color: red !important;
    -webkit-appearance:button !important;
    border-radius: 4px !important;
    border-top-color: red;
    border-top-style: solid;
    border-top-width: medium;    
    border-left-color: red;
    border-left-style: solid;
    border-left-width: medium;
    border-right-color: red;
    border-right-width: medium;
    border-right-style: solid;
    border-bottom-color: red;
    border-bottom-width: medium;
    border-bottom-style: solid;
}

.ppg_menu_text {
   text-align: left;
   padding-top:-40px;
   color: #CCDD00;
   background-color: black;

}

.ppg_login_section {
    background-color: #000000;
}
.ppg_login {
    padding-left: 10px;
    border-left-color: red;
    border-left-style: solid;
    border-left-width: thin;
    border-right-color: red;
    border-right-width: thin;
    border-right-style: solid;
    border-top-color: red;
    border-top-width: thin;
    border-top-style: solid;
    min-height: 50px;
}

.ppg_menu {
       border-left-color: red;
    border-left-style: solid;
    border-left-width: thin;
    border-right-color: red;
    border-right-width: thin;
    border-right-style: solid;
    border-top-color: red;
    border-top-width: thin;
    border-top-style: solid;
}
.ppg_title { 
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    font-family: "old-english"; 
    color: goldenrod; 
    background-color: #000000; 
    font-size: calc(14px + (26 - 14) * ((100vw - 300px) / (1200 - 300)));
    width: auto;
    padding-bottom: 20px; 
}

.ppg_warning { 
    padding-top: 5px;
    font-family: "Sans-Serif"; 
    color: #FF0000; 
    background-color: #ffffff; 
    text-align: center;
    font-size: calc(.75vw +.75vh);
}

.ppg_logo {
    padding-left: calc(.75vw +.75vh);;
    max-height: 100px;
    padding-top: 5px; 
    padding-bottom: 5px; 
    padding-left: 20px;
}

.ppg_header_div {
    all: initial;
    all: unset;
    width: 100%;
    background-color: #000000;
    white-space: nowrap;
    
}

.ppg_header_table_tr {
    padding-top: 15px;
    margin-top: 15px;
    border-top-color: red;
    border-top-style: solid;
    border-top-width: thin;    
    border-left-color: red;
    border-left-style: solid;
    border-left-width: thin;
    border-right-color: red;
    border-right-width: thin;
    border-right-style: solid;
}
.ppg_breadcrumbs_text { 

    all: initial;
    all: unset;
    font-family: "Sans-Serif"; 
    color: goldenrod; 
    background-color: #FFCCDD; 
    text-align: center;
    font-size: calc(.6vw +.6vh);
}

.ppg_breadcrumbs {
    border-left-color: red;
    border-left-style: solid;
    border-left-width: thin;
    border-right-color: red;
    border-right-width: thin;
    border-right-style: solid;
    border-top-color: red;
    border-top-width: thin;
    border-top-style: solid;
}

.ppg_main {
    border-left-color: red;
    border-left-style: solid;
    border-left-width: thin;
    border-right-color: red;
    border-right-width: thin;
    border-right-style: solid;
    border-bottom-color: red;
    border-bottom-width: thin;
    border-bottom-style: solid;
}

.ppg_bottom {
    border-left-color: red;
    border-left-style: solid;
    border-left-width: thin;
    border-right-color: red;
    border-right-width: thin;
    border-right-style: solid;
    border-bottom-color: red;
    border-bottom-width: thin;
    border-bottom-style: solid;
    border-top-color: red;
    border-top-width: thin;
    border-top-style: solid;
}

.ppg_footer {
    border-left-color: red;
    border-left-style: solid;
    border-left-width: thin;
    border-right-color: red;
    border-right-width: thin;
    border-right-style: solid;
    border-bottom-color: red;
    border-bottom-width: thin;
    border-bottom-style: solid;
    border-top-color: red;
    border-top-width: thin;
    border-top-style: solid;
}

.sp-mod-login a {
    color: goldenrod !important;
}

.sp-mod-login a:hover {
    color: red !important;
}

.ppg_login_forgot a {
    color: #FF0000 !important;
}

.ppg_login_forgot a:hover {
    color: #000000 !important;
}

.ppg_login_register a {
    color: #FF0000 !important;
}

.ppg_login_register a:hover {
    color: #000000 !important;
}

.log-text {
    color: goldenrod !important;   
}

.fa-chevron-down {
    color: goldenrod !important;   
}

.fa-user-circle {
    color: goldenrod !important;   
}

.login-greeting {
    color: goldenrod !important;   
}

.ppg_profile {
    color: #FF0000 !important;
}

.ppg_login_table {
    width: 100%;
}

.ppg_login_table_td_left {
    width: 70%;
    
}

.ppg_login_table_td_right {
    width: 10%;
    vertical-align: top;
    float: calc(100vw -20px) !important;
    margin-right: 20px;
    padding-top: 10px;
    
}