﻿
/*
    MDS Grey = EBEBEB
    MDS Blue = #002A5C
*/

.div_RadioNotSelected {
    border: 1px solid #ebebeb;
    text-align: center;
    background-color: #ebebeb;
    color: #002A5C;
    font-family: Verdana;
    font-size: 9pt;
    width: 15em;
    padding: 0.5em;
    cursor: pointer;
    display: inline-block;
}

.div_RadioSelected {
    border: 1px solid #002A5C;
    text-align: center;
    background-color: white;
    color: #002A5C;
    font-family: Verdana;
    font-size: 9pt;
    width: 15em;
    padding: 0.5em;
    cursor: pointer;
    display: inline-block;
}


.div_YesNoBoxNotSelected {
    border: 1px solid #ebebeb;
    text-align: center;
    background-color: #ebebeb;
    color: #002A5C;
    font-family: Verdana;
    font-size: 9pt;
    width: 5em;
    padding: 0.5em;
    cursor: pointer;
    display: inline-block;
}

.div_YesNoBoxSelected {
    border: 1px solid #002A5C;
    text-align: center;
    background-color: white;
    color: #002A5C;
    font-family: Verdana;
    font-size: 9pt;
    width: 5em;
    padding: 0.5em;
    cursor: pointer;
    display: inline-block;
}

.ddl_Global {
    padding: 1px 1px;
    margin: 0px 0;
    box-sizing: border-box;
    border: 0.5px solid #002A5C;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    outline: none;
    height: 23px;
    font-family: Verdana;
    font-size: 9pt;
    /*Remove original arrows*/
    /*appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url('../images/CalendarBG_II.png') no-repeat right #BADA55;*/
}

    .ddl_Global:focus {
        border: 0.5px solid white;
    }

.ddl_Global_Blue {
    padding: 1px 1px;
    margin: 0px 0;
    box-sizing: border-box;
    border: 0.5px solid #002A5C!important;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    outline: none;
    height: 23px;
    font-family: Verdana;
    font-size: 9pt;
    /*Remove original arrows*/
    /*appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url('../images/CalendarBG_II.png') no-repeat right #BADA55;*/
}

    .ddl_Global_Blue:focus {
        border: 0.5px solid #002A5C;
    }

.txt_Box_Blue {
    padding: 3px 5px;
    margin: 0px 0;
    box-sizing: border-box;
    border: 1px solid #002A5C!important;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    outline: none;
    font-family: Verdana;
    font-size: 9pt;
}

txt_Box_Blue:focus {
    border: 1px solid #002A5C;
}



input[type=text] {
    padding: 3px 5px;
    margin: 0px 0;
    box-sizing: border-box;
    border: 1px solid #002A5C;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    outline: none;
}

    input[type=text]:focus {
        border: 1px solid white;
    }

input[type=password] {
    padding: 3px 5px;
    margin: 0px 0;
    box-sizing: border-box;
    border: 1px solid #002A5C;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    outline: none;
}

    input[type=password]:focus {
        border: 1px solid white;
    }

.div_PageHeader {
    width: 98%;
    background-color: #002a5c;
    text-align: center;
    color: white;
    font-family: Verdana;
    margin: auto;
}

.tbl_PageHeader {
    width: 100%;
    background-color: #002a5c;
    text-align: center;
    color: white;
    padding: 0em 0em 0em 0em;
    border-style: none;
}

.td_PageHeader_Left {
    text-align: left;
    padding: 0em 0em 0em 0em;
    /*border: 1px solid white;*/
    width: 15em;
    /**/
}

.td_PageHeader_Right {
    text-align: Right;
    /*border: 1px solid white;*/
    width: 13.8em;
    vertical-align: middle;
    padding: 0em 0em 0em 0em;
    cursor: pointer;
}

.td_PageHeader_RightEnd {
    text-align: Right;
    /*border: 1px solid white;*/
    width: 1.2em;
    vertical-align: middle;
    padding: 0em 0em 0em 0em;
    cursor: pointer;
}
