body {
    margin: 0;
    padding: 0;
    /*font-family:Segoe UI, Helvetica, Tahoma, Verdana,Arial;*/
    /*font-family: Helvetica, Arial, 'LiHei Pro', '微軟正黑體', '新細明體', sans-serif;*/
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif;
    font-size: 16px;
    overflow-y: scroll;
}

p {
    margin: 0;
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif!important;
    font-size: 16px!important;
}

    p + p {
        margin-top: 8px;
    }

.divMeetingItem {
    min-height: 44px;
    font-size:18px!important;
}

.divMin2LineHeight {
    min-height: 44px;
}

.divMin1LineHeight {
    min-height: 22px;
}

.divMin2LineMax10LineHeight {
    min-height: 44px;
    max-height: 880px;
    overflow: auto;
}
.divMin2LineMax20LineHeight {
    min-height: 44px;
    max-height: 880px;
    overflow: auto;
}

.tdNoBorder {
    border: 0px;
}

/*control gridlines*/
/*div.RadGrid .rgRow td,
div.RadGrid .rgAltRow td{
    border: 1px solid red;
}*/

/*div.RadGrid{
    border: 1px solid black;
}*/


/*.GridRowOver_Silk {
    background-color: red !important;
    cursor: pointer;
}*/

.RadMultiSelect .k-multiselect-wrap li.k-button,
/* increase the size of the "remove token" button */
.RadMultiSelect .k-multiselect-wrap li.k-button .k-select .k-icon {
    font-size: 15px;
} 



/*RadGrid CSS Start*/

.RadGrid .rgHoveredRow {
    background-color: #CAE5E8 !important;
}

div.RadGrid {
    margin-left: auto !important;
    margin-right: auto !important;
}

#divGridFilterSpacing {
    height: 6px;
}

#divGridTitleUpperSpacing {
    height: 40px;
}

#divGridTitleSpacing {
    height: 25px;
}

#divGrid2ndTierToolBarSpacing {
    height: 25px;
}

div.RadGrid a.noUnderLine {
    text-decoration: none !important;
}

    div.RadGrid a.noUnderLine:hover {
        text-decoration: underline !important;
    }

.RadGrid .rgSelectedRow {
    background-color: steelblue !important;
}

.RadGrid .rgFilter {
    height: 30px !important;
    margin-top: 4px !important;
}

.RadGrid .rgGroupItem {
    padding: 2px 4px;
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    font-size: 16px !important;
    color: black;
    font-weight: 600;
    letter-spacing: -1.0px;
}

.childGrid {
    margin-left: 6px;
    width: 98%;
}

.RadGrid .RadInput {
    font-size: 16px !important;
    /*padding-left: 4px !important;*/
    /*padding: 0px 0px 0px 0px;*/
    min-height: 32px !important;
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
}


/*RadGrid CSS End*/


.divCenter {
    margin: auto;
    width: 90%;
    border: 3px solid #73AD21;
    padding: 10px;
}

.divFormInnerGrid {
    margin: auto;
    width: 96.5%;
    border: 3px solid #73AD21;
    padding: 10px;
}

.divDataFormInnerGrid {
    margin: auto;
    width: 96.3%;
    border: 3px solid #000000;
    padding: 10px;
}

.divEditFormInnerGrid {
    margin: auto;
    width: 97%;
    /*border: 3px solid #73AD21;*/
    border: 3px solid #000000;
    padding: 10px;
}

#TblMasterHeaderTop {
    padding-top: 6px;
    padding-bottom: 6px;
    justify-content: center;
    display: flex; /* establish flex container */
    flex-direction: row; /* default value; can be omitted */
    flex-wrap: nowrap; /* default value; can be omitted */
    justify-content: space-between; /* switched from default (flex-start, see below) */
    text-align: center;
}

.MasterHeaderTop {
    padding-top: 6px;
    padding-bottom: 6px;
    justify-content: center;
    display: flex; /* establish flex container */
    flex-direction: row; /* default value; can be omitted */
    flex-wrap: nowrap; /* default value; can be omitted */
    justify-content: space-between; /* switched from default (flex-start, see below) */
    text-align: center;
}

.MasterHeaderLogin {
    margin-top: 4px;
    padding-top: 20px;
    padding-bottom: 12px;
    justify-content: center;
    display: flex; /* establish flex container */
    flex-direction: row; /* default value; can be omitted */
    flex-wrap: nowrap; /* default value; can be omitted */
    justify-content: space-between; /* switched from default (flex-start, see below) */
    background-image: url("/Image/headerBackgroundNew.jpg");
    border-top: 4px solid #969696;
    border-bottom: 4px solid #969696;
    min-height: 61px;
}

.MasterHeaderMiddle {
    min-height: 84px;
    margin-top: 4px;
    padding-top: 17px;
    padding-bottom: 9px;
    justify-content: center;
    display: flex; /* establish flex container */
    flex-direction: row; /* default value; can be omitted */
    flex-wrap: nowrap; /* default value; can be omitted */
    justify-content: space-between; /* switched from default (flex-start, see below) */
    background-image: url("/Image/headerBackgroundNew.jpg");
    border-top: 4px solid #969696;
    border-bottom: 4px solid #969696;
}

.MasterHeaderMiddlePrintPage {
    margin-top: 4px;
    padding-top: 20px;
    padding-bottom: 2px;
    justify-content: center;
    display: flex; /* establish flex container */
    flex-direction: row; /* default value; can be omitted */
    flex-wrap: nowrap; /* default value; can be omitted */
    justify-content: space-between; /* switched from default (flex-start, see below) */
    color: black;
}

.divMasterFooterContainer {
    min-height: 56px;
    padding-top: 12px;
    padding-bottom: 8px;
    display: flex; /* establish flex container */
    flex-direction: row; /* default value; can be omitted */
    flex-wrap: nowrap; /* default value; can be omitted */
    justify-content: space-between; /* switched from default (flex-start, see below) */
    background-image: url("/Image/headerBackgroundNew.jpg");
    text-align: center;
    border-top: 4px solid #969696;
    border-bottom: 4px solid #969696;
}

div.MasterFooterContainer {
    min-height: 56px;
    padding-top: 12px;
    display: flex; /* establish flex container */
    flex-direction: row; /* default value; can be omitted */
    flex-wrap: nowrap; /* default value; can be omitted */
    justify-content: space-between; /* switched from default (flex-start, see below) */
    background-image: url("/Image/headerBackgroundNew.jpg");
}

#div1stTierToolBar {
    margin-top: 6px;
    align-content: center;
    display: flex; /* establish flex container */
    flex-direction: row; /* default value; can be omitted */
    flex-wrap: nowrap; /* default value; can be omitted */
    justify-content: space-between; /* switched from default (flex-start, see below) */
}

#div2ndTierToolBar {
    margin-top: 6px;
    align-content: center;
    display: flex; /* establish flex container */
    flex-direction: row; /* default value; can be omitted */
    flex-wrap: nowrap; /* default value; can be omitted */
    justify-content: space-between; /* switched from default (flex-start, see below) */
}

#divPrint {
    float: left;
    margin-top: 6px;
    margin-right: 1px;
}

#PageHeader {
    margin-top: 10px;
    align-content: center;
    display: flex; /* establish flex container */
    flex-direction: row; /* default value; can be omitted */
    flex-wrap: nowrap; /* default value; can be omitted */
    justify-content: space-between; /* switched from default (flex-start, see below) */
}

.AlignLeftRight {
    align-content: center;
    display: flex; /* establish flex container */
    flex-direction: row; /* default value; can be omitted */
    flex-wrap: nowrap; /* default value; can be omitted */
    justify-content: space-between; /* switched from default (flex-start, see below) */
}

.DivAlignBottom {
    display: flex; /* establish flex container */
    align-self: flex-end;
}

.divToolBar {
    width: 98.6%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 16px;
    margin-bottom: 10px;
}

.divFormTitle {
    width: 85%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 36px;
    margin-bottom: 20px;
}

.divFormTitleFetcToGoogle {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 10px;
    margin-bottom: 0px;
}

#divAlignLeftRight, #divAlignLeftRight1, #divAlignLeftRight2, #divAlignLeftRight3, #divAlignLeftRight4, #divAlignLeftRight5, #divAlignLeftRight6 {
    align-content: center;
    display: flex; /* establish flex container */
    flex-direction: row; /* default value; can be omitted */
    flex-wrap: nowrap; /* default value; can be omitted */
    justify-content: space-between; /* switched from default (flex-start, see below) */
}

/*#divToolBar, #divToolBar1, #divToolBar2, #divToolBar3, #divToolBar4, #divToolBar5, #divToolBar6 {
    width: 98.6%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 16px;
    margin-bottom: 10px;
}

#divFormTitle, #divFormTitle1, #divFormTitle2, #divFormTitle3, #divFormTitle4, #divFormTitle5, #divFormTitle6 {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 36px;
    margin-bottom: 20px;
}*/

#UserViewName {
    margin-top: 8px !important;
    text-align: center;
    width: 90%;
    margin: 0 auto;
    font-size: 18px !important;
    font-weight: 500;
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
}

.cboUserView {
    margin-bottom: 6px!important;
}

.dropDownListWithFlatButton {
    margin-top: 2px !important;
}

.labelWithInputTransparent {
    vertical-align: middle;
}

.labelWithTextBoxNoBackGround {
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    font-size: 16px !important;
    margin-top: 0px !important;
    display: inline-block;
    padding: 4px !important;
    text-align: left;
    /*vertical-align: middle;*/
    min-height: 24px;
    min-width: 100px;
}

.labelWithTextBox {
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    background-color: #F2F2F2;
    font-size: 16px !important;
    margin-top: 0px !important;
    display: inline-block;
    padding: 4px !important;
    text-align: left;
    /*vertical-align: middle;*/
    min-height: 24px;
    min-width: 100px;
}

.labelWithTextBoxMinHeight80px {
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    background-color: #F2F2F2;
    font-size: 16px !important;
    margin-top: 0px !important;
    display: inline-block;
    padding: 8px !important;
    text-align: left;
    /*vertical-align: middle;*/
    min-height: 80px;
    min-width: 100px;
}

.labelWithInput {
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    background-color: #F2F2F2;
    font-size: 16px !important;
    padding: 6px !important;
    text-align: left;
    /*vertical-align: middle;*/
    min-height: 24px;
    border: 1px solid;
}

.labelWithDateInput {
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    background-color: #F2F2F2;
    font-size: 16px !important;
    padding: 4px !important;
    text-align: left;
    /*vertical-align: middle;*/
    min-height: 22px;
    border: 1px solid;
}

.RadLabelWithCheckbox {
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    font-size: 16px !important;
    padding-bottom: 11px !important;
    text-align: left;
}

.RadLabelWithRadioButton {
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    font-size: 16px !important;
    padding-bottom: 3px !important;
    text-align: left;
}

.labelWithInputEditForm {
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    background-color: #F2F2F2;
    font-size: 16px !important;
    padding: 4px 6px 4px 6px !important;
    text-align: left;
    /*vertical-align: middle;*/
    min-height: 22px;
    border: 1px solid;
}

.labelWithInputEditFormTextRight {
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    background-color: #F2F2F2;
    font-size: 16px !important;
    padding: 4px 6px 4px 6px !important;
    text-align: right;
    /*vertical-align: middle;*/
    min-height: 22px;
    border: 1px solid;
}

.labelDefaultHeight {
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    background-color: #F2F2F2;
    font-size: 16px !important;
    padding: 4px !important;
    text-align: left;
    /*vertical-align: middle;*/
    min-height: 22px !important;
}

.ProjectNameSpacing {
    height: 16px;
}

.ProjectName {
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    font-size: 28px !important;
    font-weight: 600;
    margin-left: 12px;
    color: #F9F9F9;
    line-height: 150%;
}

.ProjectNameBilingual {
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    font-size: 24px !important;
    font-weight: 500;
    margin-left: 12px;
    color: #F9F9F9;
    line-height: 150%;
}

.ProjectNamePrintPage {
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    font-size: 22px !important;
    font-weight: 500;
    margin-left: 12px;
    color: black;
    line-height: 150%;
}

.ProjectNamePrintForm {
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    font-size: 22px !important;
    font-weight: 600;
    margin-left: 12px;
    color: black;
    line-height: 150%;
}

.ProjectNamePrintFormBilingual {
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    font-size: 22px !important;
    font-weight: 500;
    margin-left: 12px;
    color: black;
    line-height: 150%;
}

.ProductName {
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    font-size: 18px !important;
    font-weight: 600;
    margin-left: 50px;
    font-style: italic;
}

.SponsorName {
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400;
    margin-left: 12px;
    color: #FFA500;
}

.SponsorNamePrintForm {
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400;
    margin-left: 12px;
    color: black;
}

.MasterPagePanel {
    margin: 0 auto;
    min-width: 1902px;
}

.ContentPanel {
    width: 98%;
    margin: 0 auto;
}

.ContentPanelOrig {
    width: 99.5%;
    margin-left: 8px;
}

.PageContent {
    /*width:95%;*/
    /*width:1805px;
    margin-left: 48px;
    margin-right: 48px;*/
    /*margin-left:auto;
    margin-right:auto;*/
    /*margin:auto;*/
    /*margin-left: 48px;
    margin-right: 48px;
    width: 1805px;*/
    margin-left: 50px;
    margin-right: 60px;
    /*do not change*/
    min-width: 1805px;
}

.divBravoToolContent {
    width: 99%;
    margin: 0 auto;
    border: 2px solid black;
}

.divUserSettingPageContent {
    width: 99%;
    margin: 0 auto;
    border: 2px solid black;
}

.UserSettingPageContent {
    text-align: center;
    font-size: 17px;
    width: 98%;
    margin: 0 auto;
}

.ProjectImageGallery {
    min-width: 1902px;
    height: 400px;
    margin: 0 auto;
}

.WindowContent {
    width: 95%;
    margin: 0 auto;
}

.divMasterHeaderTop {
    float: right;
    margin-right: 20px;
}

.normalText {
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif;
    font-size: 16px!important;
}

.rbText {
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif;
    font-size: 16px;
}

div.RadToolTip {
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif;
    font-size: 15px;
    padding: 6px 16px 6px 16px !important;
}

.RadToolTip .rtWrapperContent {
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif;
    font-size: 16px !important;
}

.loginContent {
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
}

.RadButton.rbCheckBox {
    padding: 0;
}

.breakWord120 {
    max-width: 120px !important;
    word-break: break-all !important;
    word-wrap: break-word !important;
    vertical-align: top;
    line-height: 15px;
}

.RadInput .riTextBox, riDisabled {
    font-size: 16px !important;
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    min-height: 29px !important;
}


/*.RadInput .riTextBox, riDisabled
     {
        font-size: 16px !important;
        font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
        min-height: 28px!important;
    }*/

.MasterFooter {
    font-size: 15px !important;
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    vertical-align: top;
    width: 100%;
    height: 70px;
    /*background-color: rgb(150,150,150);*/
    color: rgb(240,130,0);
}

.PageHeader {
    text-transform: uppercase;
    font-family: Segoe UI Light, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    color: rgb(240,130,0);
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    /*text-shadow:0px 0px 0px #000;*/
}

.FormHeader {
    text-transform: uppercase;
    font-family: Segoe UI Light, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    color: black;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    display: none;
}

.MeetingAttendeeSignatureForm {
    text-transform: uppercase;
    font-family: Segoe UI Light, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    color: black;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}

.PageHeaderLeft {
    font-size: 12px;
    vertical-align: top;
    text-align: left;
}

.PageHeaderRight {
    font-size: 13px;
    letter-spacing: -0.5px;
    vertical-align: top;
    text-align: right;
}

.ViewName {
    font-size: 19px !important;
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
}

.PageSortExpression {
    width: 70%;
    height: 30px;
    margin: 0px auto;
    text-align: center;
    position: relative;
    top: 8px;
    color: black;
    font-size: 15px;
}

.ToolBar {
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    line-height: 30px;
    color: blue;
}

    .ToolBar:hover {
        font-size: 16px;
        text-align: left;
        text-decoration: underline;
        line-height: 30px;
        color: blue;
    }

.TabStrip {
    font-size: 16px !important;
    font-weight: 600;
    font-family: Segoe UI Light, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
}


.RadGrid,
.RadGrid .rgMasterTable,
.RadGrid .rgDetailTable,
.RadGrid .rgEditForm table,
.GridToolTip,
.RadGrid .rgEditForm input,
.RadGrid .rgEditForm textarea {
    font-size: 16px !important;
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
}

    .RadGrid .rgGroupPanel table {
        font-size: 16px !important;
        font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
        /*padding:4px!important;*/
    }

    .RadGrid .rgEditForm .riTextBox {
        /*font-size: 16px !important;*/
        font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
        min-height: 32px !important;
    }

    .RadGrid .rgRow td,
    .RadGrid .rgAltRow td {
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 16px !important;
        /*border: solid 1px #000000;*/
    }

    /*Grid Pager Button*/

    .RadGrid .rgPagerButton {
        color: black !important;
        padding-top: 0px !important;
        padding-bottom: 4px !important;
        height: 29px !important;
        text-align: center !important;
        font-size: 14px !important;
        font-weight: 500;
        letter-spacing: -0.8px;
        font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    }

    /*Grid Pager Button*/


    /*Grid Pager Textbox*/

    /*.RadGrid .riTextBox {
        line-height: 58px !important;
        padding-bottom: 0px !important;
        padding-top: 0px !important;
    }*/

    /*Grid Pager Textbox*/

    /*for radgrid pager*/
    /*.RadGrid .rgPager table, .rgPager riTextBox, * + html {
        font-size: 14px !important;
        min-height:41px!important;
        font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    }*/


    .RadGrid .rgPager div {
        font-size: 15px !important;
        min-height: 30px !important;
        font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    }

    /*for radgrid pager*/

    .RadGrid .rgHeader, .RadGrid .rgHeader a {
        font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
        font-size: 15px !important;
        color: black !important;
        font-weight: 600;
        vertical-align: top;
        letter-spacing: -1.0px;
        /*font-weight:normal;*/
    }

    .RadGrid .rgCommandRow a {
        font-family: Segoe UI Light, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
        font-size: 16px !important;
        color: black !important;
        font-weight: 600;
        letter-spacing: -0.3px;
    }

.Font20 {
    font-family: Segoe UI Light, Helvetica, 'Arial Narrow', "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    font-size: 30px !important;
    color: black;
}

.GridMouseOverRowBackColor {
    background-color: #E8F7FF;
}

.GridAltColumnBackColor {
    background-color: #F5F5F5;
}

.rgExpandCol {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center;
}

.RadGrid .rgGroupHeader .rgGroupCol:first-child + td,
.RadGrid .rgGroupCol:nth-last-child(-n+2) + td {
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    padding-top: 4px !important;
    font-size: 16px !important;
    color: black;
    font-weight: 600;
    letter-spacing: -1.0px;
}

.RadGrid .rgFilterRow .RadInput .riTextBox,
.RadGrid .rgFilterRow .rgFilterBox,
.RadGrid .rgFilterRow input[type="text"],
.RadGrid .rgFilterRow input[type="checkbox"] {
    font-size: 15px !important;
    padding-left: 4px !important;
    /*padding: 0px 0px 0px 0px;*/
    height: 24px !important; /*if use RadFormDecorator*/
    /*height: 22px !important;*/ /*if NOT use RadFormDecorator*/
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    margin-top: 4px !important;
    margin-bottom: 0px !important;
}

.rcbInputInGrid {
    height: 20px !important;
}

.RadFilter .rfDiv, .RadFilter .rfPreview, .RadFilter .rfApply a, .RadFilter .rfApply input, .RadFilter .rfOper, .RadFilter input.rfText {
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    font-size: 15px !important;
    font-weight: 400;
}

.scrollGridGroupHeader {
    padding-top: 14px !important;
}



li ul li div div.rfMid a.rfField {
    font-size: 15px !important;
}


.EventLogButton:hover {
    cursor: pointer;
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    font-size: 15px !important;
    height: 30px !important;
    text-shadow: rgb(255, 255, 255) 0px 0px 5px;
    background-color: rgba(60, 132, 198, 0.8);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(28, 91, 155, 0.8)), to(rgba(108, 191, 255, .9)));
    border-top-color: #8ba2c1;
    border-right-color: #5890bf;
    border-bottom-color: #4f93ca;
    border-left-color: #768fa5;
    /*-webkit-box-shadow: rgba(66, 140, 240, 0.5) 0px 10px 16px;
	-moz-box-shadow: rgba(66, 140, 240, 0.5) 0px 10px 16px;*/
}

.DashboardRefresh:hover {
    cursor: pointer;
}

.RadEditor .reBottomZone .reModule input,
.RadEditor .reBottomZone .reModule table {
    font-size: 10px !important;
}

.Notification {
    font-size: 18px !important;
    text-align: center;
    background-color: LightSkyBlue;
    height: 100%;
    width: 100%;
}

.RadComboBox .rcbInput {
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    font-size: 16px !important;
    min-height: 26px;
}

.RadComboBoxInGridColumn .rcbInput {
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    font-size: 15px !important;
    height: 22px !important;
    padding: 0px !important;
    margin: 0px !important;
}

.RadComboBoxDropDown_Silk {
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    font-size: 16px !important;
}

.RadDropDownList_Silk .rddlInner {
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    font-size: 16px !important;
}

.rddlItem {
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    font-size: 16px !important;
}

.RadTabStrip {
    margin-left: 6px;
    width: 99.3%;
}

.MenuPanel {
    opacity: 1;
    width: 100%;
}

.RadMenu_Fixed {
    position: fixed !important;
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    top: 2px;
    left: 42px;
}

.RadMenu_NonFixed {
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    top: 4px;
    left: 2px;
}

.menuIconFixed {
    position: fixed !important;
    top: 2px;
    left: 0px;
    width: 42px;
    height: 36px;
    border-radius: 0px;
    cursor: pointer;
    border: 1px rgb(240,130,0) solid !important;
    background: url('/Image/MenuIcon.png') no-repeat;
    background-size: 100%;
}

    .menuIconFixed:hover {
        background-color: transparent !important;
    }

* html .RadMenu_Fixed /*required for IE6*/ {
    /*position:relative !important;*/
    top: expression(eval(document.documentElement.scrollTop? document.documentElement.scrollTop : document.body.scrollTop) + "px");
    left: expression(eval(document.documentElement.scrollLeft? document.documentElement.scrollLeft : document.body.scrollLeft ) + "px");
}

.RadMenu .rmText {
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    /*margin: 2px;*/
}

.RadMenu_BlackMetroTouch .rmText {
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    font-weight: 400 !important;
    font-size: 19px !important;
    line-height: 32px;
    /*margin: 2px;*/
}

.RadMenu_BlackMetroTouch .rmGroup .rmItem .rmExpanded {
    /*background-color: #5078BE !important;*/
    background-color: MediumSeaGreen;
}

/*.RadMenu_BlackMetroTouch .rmGroup .rmItem .rmFocused,
.RadMenu_BlackMetroTouch .rmGroup .rmItem .rmSelected {
    background-color: DarkViolet!important;
}*/


.RadMenu_BlackMetroTouch .rmHorizontal {
    /*background-color: #5078BE;
    border: 0px solid #5078BE;*/
    letter-spacing: -0.5px;
}

/* applied when the RootItem is focused, selected or hovered */
.RadMenu_BlackMetroTouch a.rmLink:hover,
.RadMenu_BlackMetroTouch a.rmSelected,
.RadMenu_BlackMetroTouch .rmGroup .rmItem .rmSelected {
    background-color: rgb(240,130,0) !important;
}

.RadMenu_BlackMetroTouch .rmItem .rmExpanded {
    background-color: rgb(240,130,0) !important;
}

/*.RadMenu_BlackMetroTouch .rmSeparator
{
    color: rgb(240,130,0) !important;
}*/

.RadWindow .rwWindowContent .radconfirm {
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif;
    font-size: 16px;
}

/*for radwindow*/
.rwTitlebarControls em {
    /*color: Red !important;*/
    font-family: Segoe UI Light, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    font-size: 15px !important;
    font-weight: bold !important;
    color: black !important;
}

tr.spaceBefore > td {
    padding-top: 12px !important;
}

tr.trItem td {
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    background-color: #F2F2F2;
    font-size: 16px !important;
    padding: 6px !important;
}

tr.trDataItem td {
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    background-color: #F2F2F2;
    font-size: 16px !important;
    padding: 6px !important;
    margin: 2px;
    text-align: left;
    border: 1px solid;
}

.tdDataItem {
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    background-color: #F2F2F2;
    font-size: 16px !important;
    padding: 6px !important;
    text-align: left;
    border: 1px solid black;
}

.tdDataItemEditForm {
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    background-color: #F2F2F2;
    font-size: 16px !important;
    padding: 3px 6px 2px 6px !important;
    text-align: left;
    border: 1px solid black;
}

.tdFormTitle {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    width: 60%;
}

.DataFormTitle {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    width: 60%;
}

.tblDataTable {
    border: 1px solid #999999;
    width: 99.9%;
    line-height: 150%;
}

.tblReadOnly {
    border: 1px solid #999999;
    margin-left: 6px;
    width: 99.3%;
    border-spacing: 2px;
    padding: 5px;
    background-color: #F2F2F2;
}

.RecordCreatUpdateInfoTable {
    border: 1px solid #999999;
    margin-top: 50px;
    margin-bottom: 26px;
    margin-left: auto;
    margin-right: auto;
    width: 98.6%;
    border-spacing: 2px;
    padding: 5px;
    background-color: #F2F2F2;
}

.lblReadOnly {
    background-color: #F2F2F2;
}

.txtReadOnly {
    background-color: #F2F2F2 !important;
}

.MultiPage {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    Border-Color: silver;
    Border-Style: Solid;
    Border-width: 2px;
}

.MultiPageEditForm {
    width: 98.6%;
    margin-left: auto;
    margin-right: auto;
    Border-Color: silver;
    Border-Style: Solid;
    Border-width: 2px;
}

.MultiPage1 {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
}

.MultiPageEditForm1 {
    width: 98.6%;
    margin-left: auto;
    margin-right: auto;
}

.PageViewPanel {
    width: 99.3%;
    margin-left: 6px;
}

.PermissionPanel {
    margin: 0px auto;
    width: 100%;
    border: 4px solid #999999;
}

.PanelRightMargin10 {
    margin-right: 10px;
}

.EditFormTable {
    width: 99.3%;
    margin-left: 6px;
    border-spacing: 8px !important;
    border-collapse: separate;
    padding: 6px !important;
    border: 1px solid #999999;
}

.divDataForm {
    border: 2px solid grey;
    margin-top:3px;
    margin-bottom:6px;
    margin-left:auto;
    margin-right:auto;
    width: 98.5%;
    padding-top:10px;
    padding-bottom:12px;
}

.DocumentContent {
    border: 2px solid grey;
    padding-left: 6px;
    padding-right: 6px;
    height: 200px;
    overflow-y: auto;
    width: 98%;
}

.StandardTable {
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    font-size: 16px !important;
    width: 98.5%;
    margin-left: auto;
    margin-right: auto;
    border-spacing: 3px !important; /*cell to cell: 3px is ok 2015-12-11*/
    /*border-collapse: separate;*/
    padding: 4px !important;
    border: 1px solid Gray;
    border-collapse: separate !important;
    border-spacing: 6px 4px !important;
}

.MeetingItemTable {
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    /*font-size: 20px !important;*/
    width: 100%;
    /*border-collapse: separate;*/
    /*padding: 0px 4px 0px 4px  !important;*/
    border-top: 0px !important;
    border-collapse: collapse !important;
    page-break-inside: auto !important;
}

.trMeetingItemTitleFirstLine td {
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    font-weight: bold;
    letter-spacing: -1.0px;
    font-size: 16px !important;
    padding-top: 0px !important;
    padding-bottom: 2px !important;
    margin-top: 0px !important;
    /*padding-bottom: 2px !important;*/
    /*margin: 2px 6px 2px 6px;*/
    text-align: left;
    border: 0px;
}

.trMeetingItemTitle td {
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    font-size: 16px !important;
    padding-top: 8px !important;
    padding-bottom: 2px !important;
    /*padding: 4px 0px 4px 0px !important;*/
    /*padding-top: 2px !important;*/
    /*padding-bottom: 2px !important;*/
    /*margin: 2px 6px 2px 6px;*/
    text-align: left;
    border: 0px;
}

.trMeetingItem td {
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    font-size: 16px !important;
    padding: 4px 6px 4px 6px !important;
    /*padding-top: 2px !important;*/
    /*padding-bottom: 2px !important;*/
    /*margin: 2px 6px 2px 6px;*/
    text-align: left;
    border: 1px solid;
    page-break-inside: auto !important;
}

.StandardTableNoBorder, .StandardTableNoBorderDataForm {
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    font-size: 16px !important;
    width: 99%;
    margin: auto;
    border-spacing: 3px !important; /*cell to cell: 3px is ok 2015-12-11*/
    /*border-collapse: separate;*/
    padding: 4px !important;
    border: 0px;
    border-collapse: separate !important;
    border-spacing: 6px 4px !important;
}

.StandardTableBorder2pxDataForm {
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    font-size: 16px !important;
    width: 98%;
    margin: auto;
    border-spacing: 3px !important; /*cell to cell: 3px is ok 2015-12-11*/
    /*border-collapse: separate;*/
    padding: 4px 4px 22px 4px !important;
    border-color: black;
    border-style: solid;
    border-width: 2px;
    border-collapse: separate !important;
    border-spacing: 6px 4px !important;
}

.StandardTableBorder2pxEditForm {
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    font-size: 16px !important;
    width: 98.5%;
    margin: auto;
    border-spacing: 3px !important; /*cell to cell: 3px is ok 2015-12-11*/
    /*border-collapse: separate;*/
    padding: 4px 4px 22px 4px !important;
    border-color: black;
    border-style: solid;
    border-width: 2px;
    border-collapse: separate !important;
    border-spacing: 6px 4px !important;
}

.PanelBorder1pxEditForm {
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    font-size: 16px !important;
    width: 98.4%;
    margin-left: 12px;
    border: 1px solid black !important;
}

.PanelBorder1pxDataForm {
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    font-size: 16px !important;
    width: 97.8%;
    margin-left: 16px;
    border: 1px solid black !important;
}

.PanelBorder2pxDataForm {
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    font-size: 16px !important;
    width: 97.8%;
    margin-left: 16px;
    border: 2px solid black !important;
}

.PanelBorder4pxEditForm {
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    font-size: 16px !important;
    width: 98.2%;
    margin-left: 12px;
    border: 4px solid black !important;
}

.PanelBorder4pxDataForm {
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    font-size: 16px !important;
    width: 97.6%;
    margin-left: 16px;
    border: 4px solid black !important;
}

.StandardTableNoBorderNestviewForm {
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    font-size: 16px !important;
    width: 99%;
    margin: auto;
    border-spacing: 3px !important; /*cell to cell: 3px is ok 2015-12-11*/
    /*border-collapse: separate;*/
    padding: 4px !important;
    border: 0px;
    border-collapse: separate !important;
    border-spacing: 6px 0px !important;
}

.StandardTableNoBorder1 {
    width: 99.3%;
    margin-left: 6px;
    border-spacing: 2px !important;
    border-collapse: separate;
    padding: 5px !important;
}

.PermissionNotesTable {
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    font-size: 16px !important;
    width: 100%;
    border: 0px;
    border-collapse: separate !important;
    border-spacing: 6px 4px !important;
}

.StandardTableAttachment {
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    font-size: 16px !important;
    width: 98.6%;
    margin-left: 12px;
    border-spacing: 3px !important; /*cell to cell: 3px is ok 2015-12-11*/
    /*border-collapse: separate;*/
    padding: 4px !important;
    border: 1px solid Gray;
    border-collapse: separate !important;
    border-spacing: 6px 4px !important;
}

.StandardTable1LineSpaceBefore {
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    font-size: 16px !important;
    width: 98.5%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 26px;
    border-spacing: 3px !important; /*cell to cell: 3px is ok 2015-12-11*/
    /*border-collapse: separate;*/
    padding: 4px !important;
    border: 1px solid Gray;
    border-collapse: separate !important;
    border-spacing: 6px 4px !important;
}

.StandardTable2px {
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    font-size: 16px !important;
    width: 99.3%;
    margin-left: 6px;
    border-spacing: 3px !important; /*cell to cell: 3px is ok 2015-12-11*/
    /*border-collapse: separate;*/
    padding: 4px !important;
    border: 2px solid Black;
}

.StandardTableNoBorder1LineSpaceBefore {
    width: 98.5%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 26px !important;
    margin-left: 6px;
    border-spacing: 2px !important;
    border-collapse: separate;
    padding: 5px !important;
}

.StandardTableNoBorderLineHigh2X {
    text-align: center;
    font-size: 17px;
    width: 98%;
    margin: 0 auto;
    border-spacing: 2px !important;
    line-height: 200%;
    border-collapse: separate;
    padding: 5px !important;
}

.ToolBarTable {
    width: 99.6%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 10px;
    border-spacing: 2px !important;
    border-collapse: separate;
    padding: 5px !important;
}

.SecondTierToolBarTable {
    width: 100%;
    border: 0px;
    margin: 0px;
}

.UserControlPanel {
    width: 100%;
    border: 0px;
}

.DataFormPanel {
    /*width:99.4%;*/
    margin-left: 0px;
    background-color: white;
    border: 8px solid #333333;
}

    .DataFormPanelPrintFormPreview {
        border: 3px solid #333333;
    }


.InnerDataFormPanel {
    width: 99.4%;
    margin-left: 0px;
    background-color: white;
    border: 5px solid #666666;
}

    .InnerDataFormPanelPrintFormPreview {
        border: 3px solid #666666;
    }

.DataEditFormPanel {
    width: 99.3%;
    margin-left: 6px;
}

.DataEditFormSinglePanel {
    width: 99.3%;
    margin-left: 6px;
    border: 4px solid gray;
}

.LanguageDiv {
    margin: 0px;
}

.TextBoxWatermark {
    color: #999999;
}

a.white {
    text-decoration: none;
    color: #FFFFFF;
    font-size: 12px;
}

    a.white:hover {
        text-decoration: underline;
        color: #FFFFFF;
    }

.MasterPageLanguageSwitch {
    Color: #777878;
    font-size: 15px !important;
    /*cursor: default;*/
    cursor: pointer;
}

    .MasterPageLanguageSwitch:hover {
        Color: #777878;
        font-size: 15px !important;
        text-decoration: underline;
    }

.MasterPageTopTool {
    Color: #777878;
    font-size: 15px !important;
    text-decoration: none;
}

    .MasterPageTopTool:hover {
        Color: #777878;
        font-size: 15px !important;
        text-decoration: underline;
    }

.userNameOrange {
    color: #FFA500;
    font-size: 14px !important;
    letter-spacing: -0.5px;
    cursor: pointer;
}

    .userNameOrange:hover {
        Color: #FFA500;
        font-size: 14px !important;
        text-decoration: underline;
    }

.userNameBlack {
    color: black !important;
    font-size: 15px;
    letter-spacing: -0.5px;
}

.imgMiddle {
    vertical-align: middle;
}

.LinkNoUnderLine {
    text-decoration: none;
    color: black;
}

    .LinkNoUnderLine:hover {
        text-decoration: underline;
        color: black;
    }

a.UserSetting {
    text-decoration: none;
    color: #003366;
    font-size: 15px;
    /*line-height:180%;*/
    display: block;
}

    a.UserSetting:hover {
        text-decoration: underline;
        color: #003366;
    }

a.darkblue {
    text-decoration: none;
    color: #003366;
}

    a.darkblue:hover {
        text-decoration: underline;
        color: #003366;
    }

a.darkblueBoldNoULine {
    text-decoration: none;
    color: #006699;
}

    a.darkblueBoldNoULine:hover {
        text-decoration: none;
        color: #003366;
        font-weight: bold;
    }

a.black {
    text-decoration: none;
    color: black;
}

    a.black:hover {
        text-decoration: underline;
        color: black;
    }

a.dbNarrowLink {
    text-decoration: none;
    letter-spacing: -1px;
    color: #003366;
}

    a.dbNarrowLink:hover {
        text-decoration: underline;
        letter-spacing: -1px;
        color: #003366;
    }

a.blue {
    text-decoration: none;
    color: blue;
}

    a.blue:hover {
        text-decoration: underline;
        color: blue;
    }

a.bravoFooterOrange {
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif;
    font-size: 15px;
    text-decoration: none;
    color: rgb(239, 130, 0);
}

    a.bravoFooterOrange:hover {
        font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif;
        font-size: 15px;
        text-decoration: underline;
        color: rgb(239, 130, 0);
    }


a.bravoFooterGray {
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif;
    font-size: 15px;
    text-decoration: none;
    color: #FCFCFC !important;
}

    a.bravoFooterGray:hover {
        font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif;
        font-size: 15px;
        text-decoration: underline;
        color: #FCFCFC !important;
    }


a.bravoHeaderGray {
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif;
    font-size: 15px;
    text-decoration: none;
    color: #FCFCFC !important;
}

    a.bravoHeaderGray:hover {
        font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif;
        font-size: 15px;
        text-decoration: underline;
        color: #FCFCFC !important;
    }

a.linkBravoOrange {
    text-decoration: none;
    letter-spacing: -0.7px;
    color: #FE8200 !important;
}

    a.linkBravoOrange:hover {
        text-decoration: underline;
        letter-spacing: -0.7px;
        color: #FE8200 !important;
    }

.ErrorMessage {
    color: red;
    font-size: 15px;
    font-weight: 600;
}

.CheckInButton {
    color: #fff;
    cursor: pointer;
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif;
    font-size: 15px;
    text-shadow: rgb(0, 0, 0) 0px 0px 5px;
    background-color: #006699;
    /*background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(28, 91, 155, 1)), to(rgba(28, 91, 155, 1)));*/
    background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(80,120,190, 1)), to(rgba(80,120,190, 1)));
    border-radius: 3px !important;
    transition: .3s !important;
    -webkit-transition: .3s !important;
    -moz-transition: .3s !important;
    -o-transition: .3s !important;
    display: inline-block;
    border-style: none;
    text-align: center;
    vertical-align: top;
    overflow: hidden;
    padding-top: 1px;
    padding-bottom: 3px;
}

    .CheckInButton:hover {
        cursor: pointer;
        font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif;
        font-size: 15px;
        text-shadow: rgb(0, 0, 0) 0px 0px 5px;
        /*background-color: rgba(60, 132, 198, 0.8);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(28, 91, 155, 0.8)), to(rgba(108, 191, 255, .9)));*/
        background-color: rgb(239, 130, 0);
        background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(240,130,0, 1)), to(rgba(240,130,0, 1)));
        border-top-color: #8ba2c1;
        border-right-color: #5890bf;
        border-bottom-color: #4f93ca;
        border-left-color: #768fa5;
        /*-webkit-box-shadow: rgba(66, 140, 240, 0.5) 0px 10px 16px;
	-moz-box-shadow: rgba(66, 140, 240, 0.5) 0px 10px 16px;*/
        border-radius: 3px !important;
        padding-top: 1px;
        padding-bottom: 3px;
    }

    .CheckInButton:disabled {
        color: white;
        cursor: auto;
        text-shadow: none;
        /*background-color: rgba(60, 132, 198, 0.8);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(28, 91, 155, 0.8)), to(rgba(108, 191, 255, .9)));*/
        background-color: lightgray;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(211,211,211, 1)), to(rgba(211,211,211, 1)));
        border-radius: 3px !important;
        padding-top: 1px;
        padding-bottom: 3px;
    }

.LoginButton {
    color: #fff;
    cursor: pointer;
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif;
    font-size: 16px;
    background-color: rgb(239, 130, 0);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(240,130,0, 1)), to(rgba(240,130,0, 1)));
    border-style: none;
    text-align: center;
    padding-top: 2px;
    padding-bottom: 6px;
    font-weight: 600 !important;
}

    .LoginButton:hover {
        cursor: pointer;
        text-shadow: rgb(0, 0, 0) 0px 0px 5px;
        background-color: rgba(60, 132, 198, 0.8);
        background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(28, 91, 155, 0.8)), to(rgba(108, 191, 255, .9)));
        border-top-color: #8ba2c1;
        border-right-color: #5890bf;
        border-bottom-color: #4f93ca;
        border-left-color: #768fa5;
        /*-webkit-box-shadow: rgba(66, 140, 240, 0.5) 0px 10px 16px;
	-moz-box-shadow: rgba(66, 140, 240, 0.5) 0px 10px 16px;*/
    }

    .LoginButton:disabled {
        cursor: auto;
        text-shadow: none;
        background-color: lightgray;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(211,211,211, 1)), to(rgba(211,211,211, 1)));
    }

.PasswordButton {
    color: #fff;
    cursor: pointer;
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif;
    font-size: 15px;
    background-color: rgb(239, 130, 0);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(240,130,0, 1)), to(rgba(240,130,0, 1)));
    border-style: none;
    text-align: center;
    vertical-align: top;
    overflow: hidden;
}

    .PasswordButton:hover {
        cursor: pointer;
        font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif;
        font-size: 15px;
        text-shadow: rgb(255, 255, 255) 0px 0px 5px;
        background-color: rgba(60, 132, 198, 0.8);
        background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(28, 91, 155, 0.8)), to(rgba(108, 191, 255, .9)));
        border-top-color: #8ba2c1;
        border-right-color: #5890bf;
        border-bottom-color: #4f93ca;
        border-left-color: #768fa5;
        /*-webkit-box-shadow: rgba(66, 140, 240, 0.5) 0px 10px 16px;
	-moz-box-shadow: rgba(66, 140, 240, 0.5) 0px 10px 16px;*/
    }

    .PasswordButton:disabled {
        font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif;
        font-size: 15px;
        color: lightgray;
        background-color: rgb(239, 130, 0);
        background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(240,130,0, 1)), to(rgba(240,130,0, 1)));
        border-style: none;
        text-align: center;
        vertical-align: top;
        overflow: hidden;
    }

.PopupPanelDiv {
    margin-top: 6px;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    line-height: 25px;
}

.headerUserDiv {
    margin-top: 8px;
    text-align: left;
    vertical-align: middle;
    font-size: 15px;
    line-height: 180% !important;
    background-color: transparent;
    padding-left: 10px !important;
}

.DialogPanel {
    text-align: center;
    vertical-align: middle;
    background-color: white;
    border-color: #006699;
    border-style: solid;
    border-width: 6px;
    opacity: 0.93;
    margin: 0;
    padding: 0;
}

.DialogTitleLabel {
    color: White;
    background-color: #006699;
    height: 24px;
    text-align: left;
    font-size: 15px;
    font-weight: 500;
    margin: 0;
}

.DialogBackground {
    background-color: gray;
    opacity: 0.66;
    cursor: not-allowed;
}

.HiddenGridViewColumn {
    display: none;
}

.NoPermission {
    font-size: 18px;
    font-weight: 700;
    text-align: center;
}

table td, table td * {
    vertical-align: top;
}

.tbCreatedBy {
    background-color: aqua
}

.ToolButton {
    color: #666666;
}


/** Multiple rows and columns */
/*combo width > 1900*/
.multipleRowsColumns .rcbItem,
.multipleRowsColumns .rcbHovered {
    float: left;
    margin: 0 1px;
    min-height: 13px;
    overflow: hidden;
    padding: 2px 19px 2px 6px;
    width: 1500px;
}

.rcbContactMultipleRowsColumns .rcbItem,
.rcbContactMultipleRowsColumns .rcbHovered {
    float: left;
    margin: 0 1px;
    min-height: 13px;
    overflow: hidden;
    padding: 2px 19px 2px 6px;
    width: 1500px;
}

.rcbPackageMultipleRowsColumns .rcbItem,
.rcbPackageMultipleRowsColumns .rcbHovered {
    float: left;
    margin: 0 1px;
    min-height: 13px;
    overflow: hidden;
    padding: 2px 19px 2px 6px;
    width: 650px;
}

/*session out notification*/

.imgRight {
    float: right;
}

.clockSession {
    width: 409px;
    height: 174px;
    background: url(images/clockSession.jpg) no-repeat;
}

.contSession {
    width: 270px;
    float: right;
    text-align: center;
    margin: 20px 20px 0 0;
}

.sessionExpire {
    color: #3366ff;
    padding-top: 30px;
}

.showNotification {
    padding-top: 15px;
    color: #666;
}

.timeRemain {
    padding-top: 5px;
    color: #000;
}

.timeSeconds {
    font-size: 30px;
    padding-right: 5px;
}

.infoIcon, .notificationContent {
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.infoIcon {
    width: 32px;
    height: 32px;
    margin: 0 10px;
    vertical-align: top;
}

.notificationContent {
    width: 260px;
    vertical-align: bottom;
}

.normalFont {
    font-weight: normal;
}

/*for radwindow*/
/*
.RadWindow .rwWindowContent 
    {
        background-color:Beige !important;
    }
    */

.RadWindow .rwControlButtons {
    text-align: center !important;
}

.ImageGallery .Heading {
    line-height: 60px;
    margin: 0;
    padding: 20px;
    /*border-top: 2px solid #006198;*/
    font: normal 25px Helvetica, sans-serif;
    /*background: #FEFEFE;*/
    /*color: #9d2900;*/
    /*box-shadow: 0px 0px 2px #888888;*/
}

.ProjectHomeBrief {
    padding: 22px;
    line-height: 28px;
    /*background: #F4F4F4;
    margin: 0;
    font: normal 14px "Segoe UI", sans-serif;
    color: #616569;
    box-shadow: 0px 0px 2px #888888;*/
}

.PageContent .ProjectHomeBrief h3 {
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    margin: 0;
    padding-bottom: 15px;
    font-weight: 500;
    font-size: 24px !important;
    line-height: 36px;
    /*color: #006198;*/
}

.PageContent .ProjectHomeBrief h4 {
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    margin: 0;
    padding-bottom: 15px;
    font-weight: 500;
    font-size: 20px !important;
    line-height: 28px;
    /*color: #006198;*/
}

.ImageGallery {
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding: 0;
}

div.container {
    border: 0 none;
    padding: 0;
}

.blockCenter {
    width: 99%;
    margin-left: auto;
    margin-right: auto;
}

.greaterThen7DaysColor {
    color: limegreen;
    background-color: limegreen;
}

.hiddenButton {
    display: none;
}

.requiredField {
    background-color: lightyellow;
}

.inlineBlockRight {
    float: right;
}

.inlineBlockLeft {
    float: left;
}

.inlineBlock {
    margin: 0;
    border: 0;
    display: inline-block;
}

.centeredButton {
    text-align: center;
}

.RadButton {
    /*font-size:15px !important;
    height:30px !important;
    font-family: Segoe UI Light, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;*/
}

/* css for the shiny buttons */
.flatBtn {
    padding: 3px 16px 4px 16px;
    min-width: 150px;
    text-align: center;
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    /*font-family: Segoe UI Light, Helvetica, 'Arial Narrow', "Microsoft JhengHei", "LiHei Pro", sans-serif !important;*/
    cursor: pointer;
    border-radius: 3px;
    text-decoration: none;
    font-size: 16px !important;
    transition: .3s !important;
    -webkit-transition: .3s !important;
    -moz-transition: .3s !important;
    -o-transition: .3s !important;
    display: inline-block;
    margin-bottom: 3px;
    margin-left: 2px;
    height: 32px !important;
}

    .flatBtn:hover {
        cursor: pointer;
        text-decoration: none;
    }


.btnBlueColor {
    padding: 3px 16px 4px 16px;
    min-width: 150px;
    color: #006699 !important;
    border: 1px #006699 solid;
    font-weight: 500;
    background-color: transparent;
}

    .btnBlueColor:hover {
        background-color: #006699;
        text-decoration: none;
        font-weight: 500;
        color: #fff !important;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(0,102,153, 1)), to(rgba(0,102,153, 1)));
    }

.blueColor {
    padding: 3px 16px 4px 16px;
    min-width: 150px;
    height: 22px !important;
    color: #006699 !important;
    border: 1px #006699 solid;
    font-weight: 500;
    background-color: transparent;
}

    .blueColor:hover {
        background-color: #006699;
        text-decoration: none;
        font-weight: 500;
        color: #fff !important;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(0,102,153, 1)), to(rgba(0,102,153, 1)));
    }

    .blueColor:disabled {
        border: 1px gray solid;
        background-color: transparent !important;
        text-decoration: none;
        font-weight: 500;
        color: gray !important;
        cursor: default;
    }

.blueColorLink {
    padding: 4.5px 16px 4px 16px;
    min-width: 150px;
    height: 22px !important;
    color: #006699 !important;
    border: 1px #006699 solid;
    font-weight: 500;
    background-color: transparent;
}

    .blueColorLink:hover {
        background-color: #006699;
        text-decoration: none;
        font-weight: 500;
        color: #fff !important;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(0,102,153, 1)), to(rgba(0,102,153, 1)));
    }

    .blueColorLink:disabled {
        border: 1px gray solid;
        background-color: transparent !important;
        text-decoration: none;
        font-weight: 500;
        color: gray !important;
        cursor: default;
    }

.lbtnCommandblue {
    /*padding: 3px 16px 4px 16px;*/
    height: 22px !important;
    color: white !important;
    border: 1px #006699 solid;
    background-color: rgb(71,145,255);
    font-weight: 400 !important;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(71,145,255, 1)), to(rgba(71,145,255, 1)));
}

    .lbtnCommandblue:hover {
        background-color: #5078BE;
        text-decoration: none;
        border: 1px #5078BE solid;
        text-decoration: none;
        color: yellow !important;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(0,102,153, 1)), to(rgba(0,102,153, 1)));
    }

    .lbtnCommandblue:disabled {
        border: 1px gray solid;
        background-color: transparent !important;
        text-decoration: none;
        font-weight: 500;
        color: gray !important;
        cursor: default;
    }

.blueNoBackground {
    padding: 3px 16px 4px 16px;
    min-width: 150px;
    color: #006699 !important;
    border: 1px #006699 solid;
    font-weight: 500 !important;
    background-color: transparent;
}

    .blueNoBackground:hover {
        background-color: #006699;
        text-decoration: none;
        font-weight: 500;
        color: #fff !important;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(0,102,153, 1)), to(rgba(0,102,153, 1)));
    }

    .blueNoBackground:disabled {
        border: 1px gray solid;
        background-color: transparent !important;
        text-decoration: none;
        font-weight: 500;
        color: gray !important;
        cursor: default;
    }

.itemCommandRed {
    color: white !important;
    border: 1px red solid;
    background-color: red;
    font-weight: 400 !important;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(ff, 00, 00, 1)), to(rgba(ff, 00, 00, 1)));
}

    .itemCommandRed:hover {
        background-color: red !important;
        border: 2px solid #666666 !important;
        text-decoration: none;
        color: yellow !important;
        font-weight: 400;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(ff, 00, 00, 1)), to(rgba(ff, 00, 00, 1)));
    }

    .itemCommandRed:disabled {
        border: 1px gray solid;
        background-color: transparent !important;
        text-decoration: none;
        color: lightgray !important;
        font-weight: 400;
        cursor: default;
    }

.redNoBackground {
    padding: 3px 16px 4px 16px;
    min-width: 150px;
    color: red !important;
    border: 1px red solid;
    font-weight: 500 !important;
    background-color: transparent;
}

    .redNoBackground:hover {
        background-color: red;
        text-decoration: none;
        font-weight: 500;
        color: #fff !important;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(255,0,0, 1)), to(rgba(255,0,0, 1)));
    }

    .redNoBackground:disabled {
        border: 1px gray solid;
        background-color: transparent !important;
        text-decoration: none;
        font-weight: 500;
        color: gray !important;
        cursor: default;
    }

.greenNoBackground {
    padding: 3px 16px 4px 16px;
    min-width: 150px;
    color: green !important;
    border: 1px green solid;
    font-weight: 500 !important;
    background-color: transparent;
}

    .greenNoBackground:hover {
        background-color: green;
        text-decoration: none;
        font-weight: 500;
        color: #fff !important;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(0,128,0, 1)), to(rgba(0,128,0, 1)));
    }

    .greenNoBackground:disabled {
        border: 1px gray solid;
        background-color: transparent !important;
        text-decoration: none;
        font-weight: 500;
        color: gray !important;
        cursor: default;
    }

.bravoOrangeNoBackground {
    padding: 3px 16px 4px 16px;
    min-width: 150px;
    color: #FE8200 !important;
    border: 1px #FE8200 solid;
    font-weight: 500 !important;
    background-color: transparent;
}

    .bravoOrangeNoBackground:hover {
        background-color: #FE8200;
        text-decoration: none;
        font-weight: 500;
        color: #fff !important;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(240,132,0, 1)), to(rgba(240,132,0, 1)));
    }

    .bravoOrangeNoBackground:disabled {
        border: 1px gray solid;
        background-color: transparent !important;
        text-decoration: none;
        font-weight: 500;
        color: gray !important;
        cursor: default;
    }

.itemCommandBravoBlue {
    color: white !important;
    border: 1px #303375 solid;
    background-color: #303375;
    font-weight: 400 !important;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(48, 51, 117, 1)), to(rgba(48, 51, 117, 1)));
}

    .itemCommandBravoBlue:hover {
        background-color: #303375 !important;
        border: 2px #666666 solid !important;
        text-decoration: none;
        color: yellow !important;
        font-weight: 400;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(48, 51, 117, 1)), to(rgba(48, 51, 117, 1)));
    }

    .itemCommandBravoBlue:disabled {
        border: 1px gray solid;
        background-color: transparent !important;
        text-decoration: none;
        color: lightgray !important;
        font-weight: 400;
        cursor: default;
    }


.itemCommandDodgerBlue {
    color: white !important;
    border: 1px #1E90FF solid;
    background-color: #1E90FF;
    font-weight: 400 !important;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(30, 144, 255, 1)), to(rgba(30, 144, 255, 1)));
}

    .itemCommandDodgerBlue:hover {
        background-color: #1E90FF !important;
        border: 1px solid #666666 !important;
        text-decoration: none;
        color: yellow !important;
        font-weight: 400;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(30, 144, 255, 1)), to(rgba(30, 144, 255, 1)));
    }

    .itemCommandDodgerBlue:disabled {
        border: 1px gray solid;
        background-color: transparent !important;
        text-decoration: none;
        color: lightgray !important;
        font-weight: 400;
        cursor: default;
    }

.itemCommandDodgerBlue30px {
    color: white !important;
    height: 22px !important;
    border: 1px #1E90FF solid;
    background-color: #1E90FF;
    font-weight: 400 !important;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(30, 144, 255, 1)), to(rgba(30, 144, 255, 1)));
}

    .itemCommandDodgerBlue30px:hover {
        background-color: #1E90FF !important;
        border: 1px solid #666666 !important;
        height: 22px !important;
        text-decoration: none;
        color: yellow !important;
        font-weight: 400;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(30, 144, 255, 1)), to(rgba(30, 144, 255, 1)));
    }

    .itemCommandDodgerBlue30px:disabled {
        border: 1px gray solid;
        height: 22px !important;
        background-color: transparent !important;
        text-decoration: none;
        color: lightgray !important;
        font-weight: 400;
        cursor: default;
    }

.dodgerBlueNoBackground {
    padding: 3px 16px 4px 16px;
    min-width: 150px;
    color: #1E90FF !important;
    border: 1px #1E90FF solid;
    font-weight: 500 !important;
    background-color: transparent;
}

    .dodgerBlueNoBackground:hover {
        background-color: #1E90FF;
        text-decoration: none;
        font-weight: 500;
        color: #fff !important;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(30, 144, 255, 1)), to(rgba(30, 144, 255, 1)));
    }

    .dodgerBlueNoBackground:disabled {
        border: 1px gray solid;
        background-color: transparent !important;
        text-decoration: none;
        font-weight: 500;
        color: gray !important;
        cursor: default;
    }

.blueNoBackgroundMinWidth60 {
    padding: 3px 16px 4px 16px;
    min-width: 60px !important;
    color: #006699 !important;
    border: 1px #006699 solid;
    font-weight: 500;
    background-color: transparent;
}

    .blueNoBackgroundMinWidth60:hover {
        min-width: 60px !important;
        background-color: #006699 !important;
        text-decoration: none;
        font-weight: 500;
        color: #fff !important;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(0,102,153, 1)), to(rgba(0,102,153, 1)));
    }

    .blueNoBackgroundMinWidth60:disabled {
        border: 1px gray solid;
        background-color: transparent !important;
        text-decoration: none;
        font-weight: 500;
        color: gray !important;
        cursor: default;
    }

.blue006699 {
    color: white !important;
    /*border: 1px rgb(104,154,249) solid;*/
    border: 1px rgb(71,145,255) solid;
    /*background-color: rgb(104,154,249);*/
    background-color: rgb(71,145,255);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(71,145,255, 1)), to(rgba(71,145,255, 1)));
    font-weight: 400 !important;
}

    .blue006699:hover {
        color: yellow !important;
        /*background-color: rgb(71,145,255);*/
        background-color: #5078BE;
        border: 2px #666666 solid !important;
        /*background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(80,120,190, 1)), to(rgba(80,120,190, 1)));*/
        background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(0,102,153, 1)), to(rgba(0,102,153, 1)));
        text-decoration: none;
        font-weight: 400;
    }

/*link button command*/
.lbtnCommandblue006699 {
    color: white !important;
    /*border: 1px rgb(104,154,249) solid !important;*/
    /*background-color: rgb(104,154,249) !important;*/
    height: 22px !important;
    border: 1px rgb(71,145,255) solid;
    background-color: rgb(71,145,255);
    font-weight: 400 !important;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(71,145,255, 1)), to(rgba(71,145,255, 1)));
}

    .lbtnCommandblue006699:hover {
        /*background-color: rgb(71,145,255);*/
        background-color: #5078BE;
        border: 2px #666666 solid !important;
        text-decoration: none;
        color: yellow !important;
        font-weight: 400;
        /*background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(80,120,190, 1)), to(rgba(80,120,190, 1)));*/
        background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(0,102,153, 1)), to(rgba(0,102,153, 1)));
    }

    .lbtnCommandblue006699:disabled {
        border: 1px gray solid;
        background-color: transparent !important;
        text-decoration: none;
        color: lightgray !important;
        font-weight: 400;
        cursor: default;
    }

.itemCommandblue006699 {
    color: white !important;
    /*border: 1px rgb(104,154,249) solid !important;*/
    /*background-color: rgb(104,154,249) !important;*/
    min-height: 22px !important;
    border: 1px rgb(71,145,255) solid;
    background-color: rgb(71,145,255);
    font-weight: 400 !important;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(71,145,255, 1)), to(rgba(71,145,255, 1)));
}

    .itemCommandblue006699:hover {
        /*background-color: rgb(71,145,255);*/
        background-color: #5078BE;
        border: 2px #666666 solid !important;
        text-decoration: none;
        color: yellow !important;
        font-weight: 400;
        /*background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(80,120,190, 1)), to(rgba(80,120,190, 1)));*/
        background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(0,102,153, 1)), to(rgba(0,102,153, 1)));
    }

    .itemCommandblue006699:disabled {
        border: 1px gray solid;
        background-color: transparent !important;
        text-decoration: none;
        color: lightgray !important;
        font-weight: 400;
        cursor: default;
    }

.itemCommandBravoOrange {
    color: white !important;
    border: 1px #FE8200 solid;
    background-color: #FE8200;
    font-weight: 400 !important;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(240, 132, 0, 1)), to(rgba(240, 132, 0, 1)));
}

    .itemCommandBravoOrange:hover {
        background-color: #FE8200 !important;
        border: 2px #666666 solid !important;
        text-decoration: none;
        color: yellow !important;
        font-weight: 400;
        /*background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(240, 132, 0, 1)), to(rgba(240, 132, 0, 1)));*/
    }

    .itemCommandBravoOrange:disabled {
        border: 1px gray solid;
        background-color: transparent !important;
        text-decoration: none;
        color: lightgray !important;
        font-weight: 400;
        cursor: default;
    }

.btnGetBudgetCode {
    min-width: 100px !important;
    color: white !important;
    border: 1px #FE8200 solid;
    background-color: #FE8200;
    font-weight: 400 !important;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(240, 132, 0, 1)), to(rgba(240, 132, 0, 1)));
}

    .btnGetBudgetCode:hover {
        background-color: #FE8200 !important;
        border: 2px #666666 solid !important;
        text-decoration: none;
        color: yellow !important;
        font-weight: 400;
        /*background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(240, 132, 0, 1)), to(rgba(240, 132, 0, 1)));*/
    }

    .btnGetBudgetCode:disabled {
        border: 1px gray solid;
        background-color: transparent !important;
        text-decoration: none;
        color: lightgray !important;
        font-weight: 400;
        cursor: default;
    }

.closePasswordblue006699 {
    font-size: 18px !important;
    color: white !important;
    /*border: 1px rgb(104,154,249) solid !important;*/
    /*background-color: rgb(104,154,249) !important;*/
    border: 1px rgb(71,145,255) solid;
    background-color: rgb(71,145,255);
    height: 48px;
    font-weight: 400 !important;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(71,145,255, 1)), to(rgba(71,145,255, 1)));
    border-radius: 0px;
}

    .closePasswordblue006699:hover {
        /*background-color: rgb(71,145,255);*/
        background-color: #5078BE;
        border: 1px #5078BE solid;
        text-decoration: none;
        color: yellow !important;
        font-weight: 400 !important;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(80,120,190, 1)), to(rgba(80,120,190, 1)));
    }

    .closePasswordblue006699:disabled {
        border: 1px gray solid;
        background-color: transparent !important;
        text-decoration: none;
        color: gray !important;
        font-weight: 400;
        cursor: default;
    }

.collapseItemblue006699 {
    color: white !important;
    /*border: 1px rgb(104,154,249) solid;*/
    /*background-color: rgb(104,154,249);*/
    border: 1px rgb(71,145,255) solid;
    background-color: rgb(71,145,255);
    font-weight: 400;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(71,145,255, 1)), to(rgba(71,145,255, 1)));
}

    .collapseItemblue006699:hover {
        /*background-color: rgb(71,145,255);*/
        background-color: #5078BE;
        border: 2px #666666 solid !important;
        text-decoration: none;
        color: yellow !important;
        font-weight: 400;
        /*background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(80,120,190, 1)), to(rgba(80,120,190, 1)));*/
        background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(0,102,153, 1)), to(rgba(0,102,153, 1)));
    }

    .collapseItemblue006699:disabled {
        background-color: gray;
        text-decoration: none;
        color: white !important;
        font-weight: 400;
        cursor: wait !important;
    }

.colsePanelblue006699 {
    color: white !important;
    /*border: 1px rgb(104,154,249) solid;*/
    /*background-color: rgb(104,154,249);*/
    border: 1px rgb(71,145,255) solid;
    background-color: rgb(71,145,255);
    font-weight: 400;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(71,145,255, 1)), to(rgba(71,145,255, 1)));
}

    .colsePanelblue006699:hover {
        /*background-color: rgb(71,145,255);*/
        background-color: #5078BE;
        border: 1px #5078BE solid;
        text-decoration: none;
        color: yellow !important;
        font-weight: 400;
        /*background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(80,120,190, 1)), to(rgba(80,120,190, 1)));*/
        background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(0,102,153, 1)), to(rgba(0,102,153, 1)));
    }

.black {
    font-size: 16px !important;
    color: black !important;
    border: 1px black solid;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    font-weight: 600;
    background-color: transparent;
    letter-spacing: -0.5px;
}

    .black:hover {
        background-color: black;
        text-decoration: none !important;
        color: #fff !important;
        font-weight: 600;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(0,0,0, 1)), to(rgba(0,0,0, 1)));
    }

    .black:disabled {
        color: gray !important;
        background-color: transparent;
        border: 1px gray solid;
        cursor: default;
    }

.itemCommandBlack {
    color: white !important;
    border: 1px #333333 solid !important;
    background-color: #333333;
    font-weight: 400 !important;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(51,51,51, 1)), to(rgba(51,51,51, 1)));
}

    .itemCommandBlack:hover {
        background-color: black;
        border: 2px #666666 solid !important;
        text-decoration: none;
        color: yellow !important;
        font-weight: 400;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(0,0,0, 1)), to(rgba(0,0,0, 1)));
    }

    .itemCommandBlack:disabled {
        border: 1px gray solid;
        background-color: transparent !important;
        text-decoration: none;
        color: lightgray !important;
        font-weight: 400;
        cursor: default;
    }

.black22H {
    min-width: 80px;
    font-size: 14px !important;
    color: black !important;
    border: 1px black solid;
    padding-top: 1px !important;
    padding-bottom: 2px !important;
    font-weight: 600;
    background-color: transparent;
    height: 22px !important;
}

    .black22H:hover {
        background-color: black;
        text-decoration: none !important;
        color: #fff !important;
        font-weight: 600;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(0,0,0, 1)), to(rgba(0,0,0, 1)));
    }

    .black22H:disabled {
        color: gray !important;
        background-color: transparent;
        border: 1px gray solid;
        cursor: default;
    }

.black26H {
    font-size: 14px !important;
    color: black !important;
    border: 1px black solid;
    padding-top: 1px !important;
    padding-bottom: 2px !important;
    font-weight: 600;
    background-color: transparent;
    height: 26px !important;
    min-width: 100px;
}

    .black26H:hover {
        background-color: black;
        text-decoration: none !important;
        color: #fff !important;
        font-weight: 600;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(0,0,0, 1)), to(rgba(0,0,0, 1)));
    }

    .black26H:disabled {
        color: gray !important;
        background-color: transparent;
        border: 1px gray solid;
        cursor: default;
    }

.black16 {
    font-size: 16px !important;
    color: black !important;
    border: 2px black solid;
    font-weight: 800;
    background-color: white;
}

    .black16:hover {
        background-color: transparent;
        text-decoration: none !important;
        color: white !important;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(0,0,0, 1)), to(rgba(0,0,0, 1)));
        font-weight: 800;
    }


.gridNoteheader {
    font-size: 15px;
    display: block;
    padding-bottom: 6px !important;
}


.radCommandButton {
    padding: 4px 10px;
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    height: 32px !important;
    margin-left: 1px;
    cursor: pointer;
    border-radius: 0px !important;
    text-decoration: none;
    font-size: 16px !important;
    transition: .3s !important;
    -webkit-transition: .3s !important;
    -moz-transition: .3s !important;
    -o-transition: .3s !important;
    display: inline-block;
}

    .radCommandButton:hover {
        cursor: pointer;
        text-decoration: none;
    }

.steelBlue {
    color: white !important;
    border: 1px steelblue solid;
    font-weight: 400 !important;
    background-color: steelblue;
}

    .steelBlue:hover {
        color: yellow !important;
        background-color: steelblue;
        text-decoration: none;
        font-weight: 400;
    }

.blackCommand {
    color: white !important;
    border: 1px black solid;
    font-weight: 400 !important;
    background-color: black;
}

    .blackCommand:hover {
        background-color: black;
        text-decoration: none;
        color: yellow !important;
        font-weight: 400;
    }

.radConfirmButton {
    padding: 3px 10px;
    font-weight: 500 !important;
    font-family: Segoe UI Light, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    /*height:20px !important;*/
    cursor: pointer;
    border-radius: 0px;
    text-decoration: none;
    font-size: 15px !important;
    display: inline-block;
    border: 1px black solid;
    color: black !important;
    background-color: white;
}

    .radConfirmButton:hover {
        padding: 3px 10px;
        font-weight: 500 !important;
        font-family: Segoe UI Light, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
        /*height:20px !important;*/
        cursor: pointer;
        border-radius: 0px;
        text-decoration: none;
        font-size: 15px !important;
        display: inline-block;
        border: 1px black solid;
        background-color: black;
        color: white !important;
    }


html .RadComboBox .rcbActionButton .rcbIconDown:before {
    content: "\E012";
}

.EditFormTitle {
    text-transform: uppercase;
    line-height: 150%;
    font-family: Segoe UI Light, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    font-size: 21px;
    font-weight: bold;
    color: rgb(239, 130, 0);
    text-align: center;
    vertical-align: middle;
}

.DefinitionEditFormTitle {
    text-transform: uppercase;
    line-height: 150%;
    font-family: Segoe UI Light, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    font-size: 19px;
    font-weight: bold;
    color: rgb(239, 130, 0) !important;
    text-align: left;
    vertical-align: middle;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 10px;
}

.innerGridTitleData {
    text-transform: uppercase;
    text-transform: capitalize;
    line-height: 150%;
    font-family: Segoe UI Light, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    font-size: 21px;
    font-weight: bold;
    color: #006699;
    text-align: center;
    vertical-align: middle;
}

.documentTitle {
    /*margin-top: 8px;*/
    /*text-transform: uppercase;*/
    text-transform: capitalize;
    line-height: 150%;
    font-family: Segoe UI Light, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    font-size: 21px;
    font-weight: bold;
    color: #006699;
    display: block;
    text-align: center;
    vertical-align: middle;
    width:80%;
    margin: 8px auto;
}

.innerGridTitle {
    text-transform: uppercase;
    font-family: Segoe UI Light, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    font-size: 21px;
    font-weight: bold;
    color: rgb(239, 130, 0);
    text-align: center;
    vertical-align: middle;
}

.innerGridTitleBlack {
    text-transform: uppercase;
    line-height: 150%;
    font-family: Segoe UI Light, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    font-size: 21px;
    font-weight: bold;
    color: black;
    text-align: center;
    vertical-align: middle;
}

table.center {
    margin-left: auto;
    margin-right: auto;
}

div.LoginProductNameBlock {
    font-family: Segoe UI Light, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    margin-top: 10px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    height: 36px;
    font-size: 20px;
    font-weight: bold;
    color: #777878;
    vertical-align: middle;
}

div.LoginMessageBlock {
    font-family: Segoe UI Light, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    font-size: 15px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    line-height: 150%;
    color: steelblue;
    font-weight: 600;
}

.LoginNote {
}

.LoginBravoAccount {
    font-family: Segoe UI Light, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    Font-Size: 20px;
    Color: #006699;
    font-weight: bold;
    /*font-variant-caps: small-caps;*/
}

.Signin {
    color: white;
    text-align: center;
    background-color: #6E7A89;
}

.tdDefinition {
    padding: 2px;
}

div.Signature {
    vertical-align: top;
    width: 98%;
    margin-left: 7px;
    margin-top: 20px;
    margin-bottom: 20px;
    height: 100px;
    border-color: black;
    border-style: solid;
    padding: 6px 6px 6px 6px;
    /*page-break-before: always;*/
}

div.SignatureNew {
    vertical-align: top;
    width: 97%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 46px;
    margin-bottom: 20px;
    height: 100px;
    border-color: black;
    border-style: solid;
    padding: 6px 6px 6px 6px;
    /*page-break-before: always;*/
}

div.CommandSection {
    text-align: center;
    margin-top:50px;
}

div.EndOfMinutes {
    margin: 0 auto;
}

.racToken.invalidEmail {
    border: 0;
    background: #ff004e;
}

table.dashboard {
    padding: 10px;
    border-collapse: collapse;
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif;
    font-size: 16px;
    font-weight: 500;
    /*letter-spacing:-1px;*/
    margin-left: 60px;
}

td.dashboard {
    padding: 10px;
    color: #006699;
    vertical-align: middle;
}

tr.dashboard:hover {
    background-color: #f5f5f5;
}

.dashboardDocumentHeader {
    text-transform: uppercase;
    font-family: Segoe UI Light, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    font-size: 21px !important;
    font-weight: bold;
    color: #006699;
    vertical-align: middle;
    margin-left: 12px;
    text-decoration: none;
}

.dashboardContent {
    width: 95%;
    margin-left: 10px;
}

.dashboardLink {
    font-family: Segoe UI Light, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    font-weight: bold !important;
    vertical-align: middle;
    text-decoration: none;
}

    .dashboardLink:hover {
        text-decoration: underline;
    }

.loading {
    background-color: #fff;
    height: 100%;
    width: 100%;
}

.ImageProperties .reImageDialogCaller input,
.RadToolBar .rtbText {
    font-size: 14px;
}


table.EditorRed {
    border-collapse: collapse;
    border: 1px solid #FF0000;
}

    table.EditorRed td {
        border: 1px solid #FF0000;
    }

table.EditorBlack {
    border-collapse: collapse;
    border: 1px solid black;
}

    table.EditorBlack td {
        border: 1px solid black;
    }

.LeftPadding3px {
    padding-left: 3px;
}

.LeftPadding20px {
    padding-left: 20px;
}

.ErrorMessageEndSpacing {
    display: block;
    color: red;
    padding-top: 2px;
    padding-bottom: 8px;
}

.ErrorMessageEndSpacingNew {
    display: block;
    color: red;
    padding-top: 8px;
    padding-bottom: 8px;
}

.InvalidCharNote {
    display: block;
    color: blue;
    padding-top: 2px;
    padding-bottom: 8px;
}

.DraftStatus {
    font-style: italic;
    text-decoration: underline;
}


.PageHeaderSubTitle {
    display: block;
    padding-bottom: 4px;
}


.tblReturnHistory {
    width: 100% !important;
}

.labelMinWidth200px {
    min-width: 200px;
}

.resizeVertical {
    resize: vertical;
    min-height: 20px;
}

.panel-Message {
    background-color: red;
    border-bottom-style: None;
    /*vertical-align: middle;*/
    /*margin-bottom: 30px;*/
    height: auto;
}

#message-center {
    float: left;
    left: 22.5%;
    overflow: hidden;
    color: white;
    font-size: 14pt;
    text-align: center;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.panel-Message-Login {
    background-color: red;
    border-bottom-style: None;
    height: auto;
    padding-bottom: 16px;
    padding-top: 16px;
}

#message-center-login {
    margin: 0px 90px 0px 90px;
    overflow: hidden;
    color: white;
    font-weight: bold;
    font-size: 14pt;
    text-align: center;
    /*position: relative;
    top: 50%;
    transform: translateY(-50%);*/
}

.noPadding {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    font-size: 36px !important;
}


.button-right {
    position: relative;
    float: right;
}

#example .demo-container {
    max-width: 1275px;
    min-width: 710px;
    *width: 1275px;
    padding-top: 106px;
    /*background: url(images/header.png) no-repeat 0 0;*/
}

.demo-container .RadGantt {
    margin-left: 80px;
    width: 90% !important;
    min-width: 710px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


.k-pdf-export .rgtToolbar {
    display: none;
}

/*for radgrid batch edit box*/
.batchEditBoxMaximize input[type=text] {
    width: 100%;
    font-size: 15px !important;
}

.gridColumnRightPadding20px {
    padding-right: 20px !important;
}

.gridColumnRightPadding40px {
    padding-right: 42px !important;
}

.pagerTextBox {
    font-size: 15px !important;
    text-align: center !important;
    padding: 0px 2px 0px 2px !important;
    letter-spacing: -0.8px !important;
}

.multiLineTextBoxFullRow {
    resize: vertical;
    width: 99.6%;
    padding-left: 4px;
    padding-right: 4px;
    min-height: 42px;
}

.multiLineTextBoxHalfRow {
    resize: vertical;
    width: 99.2%;
    padding-left: 4px;
    padding-right: 4px;
    min-height: 42px;
}

.multiLineTextBoxOneThirdRow {
    resize: vertical;
    width: 99%;
    padding-left: 4px;
    padding-right: 4px;
    min-height: 42px;
}

.divSpacing22px {
    height: 22px !important;
}

#divFormLayoutAdjustment {
    height: 30px;
    display: none;
    vertical-align: bottom;
    padding: 3px 8px 3px 8px;
    font-size: 14px;
}

#divColorIndex {
    width: 99%;
    margin: auto;
}

.innerGridToolBar {
    width: 99%;
    margin: auto;
}

.standardHyperlink {
    margin-top:6px;
    margin-left:12px;
}

.FormLabel {
    text-transform: uppercase;
    font-family: Segoe UI Light, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    font-size: 16px;
    font-weight: bold;
    margin-left: 20px;
    margin-bottom: 20px!important;
    color: black;
    vertical-align: middle;
}

.ChkBoxClass input {
    margin-left:20px;
    margin-bottom:6px;
    vertical-align: middle;
    width: 20px;
    height: 20px;
}

.checkBox20px input {
    margin-left: 20px;
    margin-bottom: 6px;
    vertical-align: middle;
    width: 20px!important;
    height: 20px!important;
}

.checkBox15px input {
    margin-left: 6px;
    margin-bottom: 6px;
    vertical-align: middle;
    width: 15px !important;
    height: 15px !important;
}

.IconButtonAddNewRecord {
    cursor: pointer;
    margin-left: 3px;
    margin-top: 6px;
    margin-bottom: 6px;
    border: none;
    border-radius: 3px;
    color: white;
    font-size: 15px !important;
    padding: 8px 10px 8px 25px;
    background: url(https://i.stack.imgur.com/jDCI4.png) left 5px top 8px no-repeat #FE8200;
}

.StandardTableGridLine {
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    width: 98.5%;
    margin-left: auto;
    margin-right: auto;
    /*border-spacing: 3px !important;*/
    border: 2px solid Black;
    border-collapse: collapse !important;
    border-spacing: 6px !important;
    table-layout: fixed;
}

.FormHeaderTableText {
    font-family: Segoe UI Light, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    color: black;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 20px 8px 20px 8px !important;
}

.verticalTableHeader {
    writing-mode: vertical-lr;
    text-orientation: upright;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding:10px 5px 10px 15px;
    min-height:180px!important;
}

.textBoxTextAlignCenter {
    text-align: center;
}

.labelTextWrap {
    /*white-space: nowrap;*/
}

.tdNowrap {
    overflow: hidden;
}

.redLabel {
    color: red !important;
}

.rightAlign {
    text-align: right;
}

.budgetGrid2 {
    overflow-x: scroll;
}

.textBoxWithRadCombobox {
    height: 26px !important;
}


/*for text*/
/*div.RadGrid .rgRow td,
div.RadGrid .rgAltRow td,
div.RadGrid .rgHeader,
div.RadGrid th.rgResizeCol,
div.RadGrid .rgFilterRow td {
    border-left: 1px solid red;
}*/



/*.rfButton
{
    padding: 3px 16px 4px 16px!important;
    min-width:150px!important;
    text-align:center!important;
    font-family: Segoe UI, Helvetica, Arial, "Microsoft JhengHei", "LiHei Pro", sans-serif !important;
    cursor: pointer;
    border-radius: 3px!important;
    text-decoration: none!important;
    font-size: 16px !important;
    transition: .3s !important;
    -webkit-transition: .3s !important;
    -moz-transition: .3s !important;
    -o-transition: .3s !important;
    display: inline-block!important;
    margin-bottom:3px!important;
    margin-left:2px!important;
    height:32px!important;
    font-size:16px !important;
    color: black !important;
    border: 2px black solid!important;
    font-weight:600!important;
    background-color:white!important;
}

.rfButton:hover
{
    background-color: transparent;
    text-decoration:none !important;
    color: white !important;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(0,0,0, 1)), to(rgba(0,0,0, 1)));
    font-weight:800;
}

.RadFilter .rfApply a, .RadFilter_Default .rfApply input
   {
       background-image:none !important;
   }*/