@import "../../bootstrap/variables.less";
@import "variables.less";
@import "../../bootstrap/mixins.less";

.RadGrid.RadGrid_Default {
    .rgHeader {
        background: url("/images/ryder/grid-header-bg.png") repeat-x !important;
    }
}

div.RadComboBox.RadComboBox_Default.cwp-combobox table td.rcbInputCell.rcbInputCellLeft, 
div.RadPicker.RadPicker_Default.cwp-datepicker table td.rcInputCell input,
.rgPager div.RadComboBox.RadComboBox_Default table td.rcbInputCell.rcbInputCellLeft {
    //.button-gradient-variant(@btn-default-color; lighten(@btn-default-bg, 10%); @btn-default-bg; @btn-default-border);
    color: @btn-default-color;
    //#gradient > .vertical(@start-color, @end-color, 0%, 100%);
    //filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(lighten(@btn-default-bg, 10%)),argb( @btn-default-bg))); // IE9 and down
    background: url("/images/ryder/btn-default-up.png") repeat-x !important;
    border-color: @btn-default-border;

    &:hover,
    &:focus,
    &:active,
    &.active,
    .open .dropdown-toggle& {
        color: @btn-default-color;
        //#gradient > .vertical(@start-color, darken(@end-color, 5%), 0%, 100%);
        //.vertical(@start-color: #555; @end-color: #333; @start-percent: 0%; @end-percent: 100%) {
        //filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(lighten(@btn-default-bg, 10%)),argb( @btn-default-bg))); // IE9 and down
        background: url("/images/ryder/btn-default-over.png") repeat-x !important;
        background-repeat: repeat-x;
        //filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@start-color),argb(@end-color))); // IE9 and down
      //}


        border-color: @btn-default-border;
    }

    &:active,
    &.active,
    .open .dropdown-toggle& {
        //#gradient > .vertical(@start-color, darken(@end-color, 5%), 0%, 100%);
        //filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(lighten(@btn-default-bg, 10%)),argb( @btn-default-bg))); // IE9 and down
        background: url("/images/ryder/btn-default-over.png") repeat-x !important;
        background-repeat: repeat-x;
    }

    &.disabled,
    &[disabled],
    fieldset[disabled] & {
        &,
        &:hover,
        &:focus,
        &:active,
        &.active {
            background-color: lighten(@btn-default-bg, 10%);
            border-color: @btn-default-border;
        }
    }
}

.btn-default {
    filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(lighten(@btn-default-bg, 10%)),argb( @btn-default-bg))); // IE9 and down

    &:hover,
    &:focus,
    &:active,
    &.active,
    .open .dropdown-toggle& {
        filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(lighten(@btn-default-bg, 10%)),argb(darken(@btn-default-bg, 5%)))); // IE9 and down
    }

    &:active,
    &.active,
    .open .dropdown-toggle& {
        filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(lighten(@btn-default-bg, 10%)),argb(darken(@btn-default-bg, 5%)))); // IE9 and down
    }
}

.btn-primary {
    filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(lighten(@btn-primary-bg, 10%)),argb( @btn-primary-bg))); // IE9 and down

    &:hover,
    &:focus,
    &:active,
    &.active,
    .open .dropdown-toggle& {
        filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(lighten(@btn-primary-bg, 10%)),argb(darken(@btn-primary-bg, 5%)))); // IE9 and down
    }

    &:active,
    &.active,
    .open .dropdown-toggle& {
        filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(lighten(@btn-primary-bg, 10%)),argb(darken(@btn-primary-bg, 5%)))); // IE9 and down
    }
}

.rgMasterTable {
    tr.rgRow td.rgExpandCol.last-child, tr.rgRow .last-child,  tr.rgAltRow .last-child {
        background: none !important;

        a {
            filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(lighten(@gray-lighter, 10%)),argb(@gray-lighter)));
            width: 30px;
            height: 30px;
            color: @white;
            padding-top: 6px;
            text-align: center;
            display:inline-block;
            font-size: 18px;
            font-weight: 700;
            border-radius: @border-radius-small;
        }
    }

     tr.rgRow.expandedRow td.rgExpandCol.last-child, tr.rgRow.expandedRow .last-child,  tr.rgAltRow.expandedRow .last-child {

        a {
            filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(lighten(@gray, 10%)),argb(@gray)));
            width: 30px;
            height: 30px;
            padding-top: 6px;
            text-align: center;
            display:inline-block;
            font-size: 18px;
            font-weight: 700;
            color: @white;
            border-radius: @border-radius-small;
        }
    }
}