﻿
/*變更所有按鈕skin*/

/* Button normal state */
.RadButton.RadButton_Bootstrap.rbButton,
.RadButton.RadButton_Bootstrap.rbButton .rbSplitPart {
    background-color: #003F88;
    /*background-image: linear-gradient(#FC4A1A, #FC4A1A 100%);*/
    border-color: #003F88;
    color: #fff;
}

    /* Button hovered state */
    .RadButton.RadButton_Bootstrap.rbButton.rbHovered,
    .RadButton.RadButton_Bootstrap.rbButton .rbSplitPart.rbHovered {
        background-color: #003F88;
        /*background-image: linear-gradient(#FC4A1A, #FC4A1A 100%);*/
        border-color: #003F88;
        color: #fff;
    }

/* Check and radio normal state */
.RadButton.RadButton_Bootstrap.rbToggleButton .rbIcon:before,
.RadButton.RadButton_Bootstrap.rbCheckBox .rbIcon:before,
.RadButton.RadButton_Bootstrap.rbRadioButton .rbIcon:before {
    color: #000000;
}

/* Check and radio hovered state */
.RadButton.RadButton_Bootstrap.rbToggleButton.rbHovered .rbIcon:before,
.RadButton.RadButton_Bootstrap.rbCheckBox.rbHovered .rbIcon:before,
.RadButton.RadButton_Bootstrap.rbRadioButton.rbHovered .rbIcon:before {
    color: #2b2e3d;
}

/*radbutton radio*/
.RadButton.RadButton_Bootstrap.rbButton.rbToggled.rbLink,
.RadButton.RadButton_Bootstrap.rbButton.rbToggled.rbLink .rbSplitPart {
    color: #2b2e3d;
    background-color: #F7B733;
    background-image: linear-gradient(#F7B733, #F7B733 100%);
    /*border-color: #D64920;*/
}

.RadButton.RadButton_Bootstrap.rbButton.rbLink,
.RadButton.RadButton_Bootstrap.rbButton.rbLink .rbSplitPart {
    background-image: linear-gradient(#F7B733, #F7B733 100%);
    /*border-color: #D64920;*/
    background-color: #F7B733;
    color: #9D9D9D;
}


/*選單風格*/
.navbar {
    background-image: linear-gradient(#003F88, #003F88 60%, #003F88);
    background-repeat: no-repeat;
    border-bottom: 1px solid #399c8d;
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.1);
    border-radius: 0px;
}

.navbar-default {
    background-color: #003F88;
    border-color: #003F88;
}

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
        color: #FFF;
        background-color: #205B74;
    }

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #262626;
    text-decoration: none;
}


.navbar-default .navbar-brand,
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-nav > li > a {
    color: #FFF;
}

    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > a:focus {
        color: #FFF;
        background-color: #003F88;
    }

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #003F88;
}

.navbar-default .navbar-toggle {
    border-color: #003F88;
}

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #205B74;
    }

/*grid*/

div.ADRadGrid td {
    color: #205B74;
}

div.ADRadGrid .rgHeader,
div.ADRadGrid .rgRow td,
div.ADRadGrid .rgAltRow td,
div.ADRadGrid .rgFooter td {
    border-collapse: collapse;
    border-right: 1px solid #9baec8 !important;
    font-size: 12px !important;
}

    div.ADRadGrid .rgHeader a {
        font-size: 14px !important;
        color: #FFFFFF !important; /*add more style definitions here*/
    }

div.ADRadGrid .rgHeader {
    font-size: 14px !important;
    color: #FFFFFF !important; /*add more style definitions here*/
    background: #205B74 !important;
}

div.ADRadGrid .rgSelectedRow td {
}

div.ADRadGrid .rgSelectedRow {
    background-color: #d9e1e8 !important;
    background-image: none !important;
    color: #73879c;
}

/*開窗區*/
#InnerDialogPanel > .panel-heading {
    border-color: #205B74;
    background: #205B74;
    color: #205B74;
}

    #InnerDialogPanel > .panel-heading span {
        font-size: 14px;
        color: #f0f0f0;
    }

.panel-info {
    border-color: #FFFFFF;
}


#InnerDialogPanel > .panel-footer {
    height: 50px;
}

.popover {
    max-width: 100%;
}

.popover-content {
    height: 300px;
    overflow: hidden;
    width: 240px;
    background-color: #eee;
    padding: 2px;
}
