/*****************************************************
*  BUTTONS.CSS
******************************************************/

button {
    font: 500 13px/1.2em "Arial", "Helvetica", sand-serif;
    min-width: 80px;
    height: 30px;
    background-color: #f6f6f6;
    margin-right: 10px;
    padding: 0 15px;
    color: #000;
    border: none;
    vertical-align: absmiddle;
    border-radius: 0px !important;
}

.button_bg {
    background: #f6f6f6;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e0e0e0', GradientType=0);
    background-image: -o-linear-gradient(top, rgb(250, 250, 250) 18%, rgb(224, 224, 224) 59%);
    background-image: -moz-linear-gradient(top, rgb(250, 250, 250) 18%, rgb(224, 224, 224) 59%);
    background-image: -webkit-linear-gradient(top, rgb(250, 250, 250) 18%, rgb(224, 224, 224) 59%);
    background-image: -ms-linear-gradient(top, rgb(250, 250, 250) 18%, rgb(224, 224, 224) 59%);
    background-image: linear-gradient(to bottom, rgb(250, 250, 250) 18%, rgb(224, 224, 224) 59%);
}

.button_bg:active {
    background: #e0e0e0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0e0e0', endColorstr='#fafafa', GradientType=0);
    background-image: -o-linear-gradient(top, rgb(224, 224, 224) 42%, rgb(250, 250, 250) 87%);
    background-image: -moz-linear-gradient(top, rgb(224, 224, 224) 42%, rgb(250, 250, 250) 87%);
    background-image: -webkit-linear-gradient(top, rgb(224, 224, 224) 42%, rgb(250, 250, 250) 87%);
    background-image: -ms-linear-gradient(top, rgb(224, 224, 224) 42%, rgb(250, 250, 250) 87%);
    background-image: linear-gradient(to bottom, rgb(224, 224, 224) 42%, rgb(250, 250, 250) 87%);
    border-color: #666 #ccc #ccc #666;
}

.button_bg_primary {
    background: #1a73e8;
    color: #FFFFFF;
}

.button_bg_primary:active {
    background: #1a73e8;
    color: #FFFFFF;
    border-color: #666 #ccc #ccc #ccc;
}

.button_bg:hover,
.button_bg_primary:hover {
    border-color: #4e80b7 #012b58 #012b58 #4e80b7;
}

.button_bg[disabled],
.button_bg[disabled]:active,
.button_bg_primary[disabled],
.button_bg_primary[disabled]:active,
.button_bg.arrow_right[disabled],
.button_bg.arrow_left[disabled] {
    color: #ccc;
    background-color: #f6f6f6;
    background-image: linear-gradient(to bottom, rgb(250, 250, 250) 18%, rgb(224, 224, 224) 59%);
    filter: none;
    border: 1px solid #ccc;
}

button.big {
    position: relative;
    min-width: 80px;
    text-align: left;
    line-height: 38px;
    height: 38px;
    color: #00346d;
    font-size: 12px;
    font-weight: 700;
    padding: 0 10px 0 10px;
    text-shadow: 1px 1px 2px #fff;
    background: rgb(238, 238, 238);
    background: -webkit-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(201, 201, 201, 1) 100%);
    background: -o-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(201, 201, 201, 1) 100%);
    background: -ms-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(201, 201, 201, 1) 100%);
    background: linear-gradient(to bottom, rgba(238, 238, 238, 1) 0%, rgba(201, 201, 201, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#c9c9c9', GradientType=0);
}

button.big .sprite_button {
    border-right: 1px solid #bebebe;
    top: 2px;
    left: -5px;
    padding-right: 5px;
}

button.big .check {
    float: right;
    margin: 0;
    border: 0;
    padding-right: 5px;
}

#sidebar button.big,
#workflow button.big,
#workflow_fields button.big {
    width: 100%;
    padding: 0 10px;
    margin-bottom: 15px;
}

#sidebar .drop_area button.big,
button.big.ui-draggable {
    cursor: move;
}

#sidebar button.big .step_name {
    display: inline-block;
    width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#sidebar button.big.on {
    filter: none;
    background: #fff;
    width: 150%;
}

button.huge {
    height: 90px;
    padding: 0 25px;
}

button.nopad {
    margin: 0;
}

button.img {
    padding-top: 5px;
}

button.img img {
    float: left;
}

button.button_bg.arrow_right {
    background: url("../images/icon_arrow_right.png") right center no-repeat, rgb(246, 246, 246);
    background: url("../images/icon_arrow_right.png") right center no-repeat, -webkit-linear-gradient(top, rgb(250, 250, 250) 18%, rgb(224, 224, 224) 59%);
    background: url("../images/icon_arrow_right.png") right center no-repeat, -o-linear-gradient(top, rgb(250, 250, 250) 18%, rgb(224, 224, 224) 59%);
    background: url("../images/icon_arrow_right.png") right center no-repeat, -ms-linear-gradient(top, rgb(250, 250, 250) 18%, rgb(224, 224, 224) 59%);
    background: url("../images/icon_arrow_right.png") right center no-repeat, linear-gradient(to bottom, rgb(250, 250, 250) 18%, rgb(224, 224, 224) 59%);
    padding-right: 25px;
    filter: none;
}

button.button_bg.arrow_left {
    background: url("../images/icon_arrow_left.png") left center no-repeat, rgb(246, 246, 246);
    background: url("../images/icon_arrow_left.png") left center no-repeat, -webkit-linear-gradient(top, rgb(250, 250, 250) 18%, rgb(224, 224, 224) 59%);
    background: url("../images/icon_arrow_left.png") left center no-repeat, -o-linear-gradient(top, rgb(250, 250, 250) 18%, rgb(224, 224, 224) 59%);
    background: url("../images/icon_arrow_left.png") left center no-repeat, -ms-linear-gradient(top, rgb(250, 250, 250) 18%, rgb(224, 224, 224) 59%);
    background: url("../images/icon_arrow_left.png") left center no-repeat, linear-gradient(to bottom, rgb(250, 250, 250) 18%, rgb(224, 224, 224) 59%);
    padding-left: 25px;
    filter: none;
}

button.button_bg_primary.arrow_right {
    background: url("../images/icon_arrow_right.png") right center no-repeat, rgb(26, 115, 232);
    padding-right: 25px;
    filter: none;
}

button.button_bg_primary.arrow_left {
    background: url("../images/icon_arrow_left.png") left center no-repeat, rgb(26, 115, 232);
    padding-left: 25px;
    filter: none;
}

button.button_bg.arrow_right[disabled], button.button_bg_primary.arrow_right[disabled] {
    background: url("../images/icon_arrow_right_disabled.png") right center no-repeat, rgb(246, 246, 246);
    background: url("../images/icon_arrow_right_disabled.png") right center no-repeat, -webkit-linear-gradient(top, rgb(250, 250, 250) 18%, rgb(224, 224, 224) 59%);
    background: url("../images/icon_arrow_right_disabled.png") right center no-repeat, -o-linear-gradient(top, rgb(250, 250, 250) 18%, rgb(224, 224, 224) 59%);
    background: url("../images/icon_arrow_right_disabled.png") right center no-repeat, -ms-linear-gradient(top, rgb(250, 250, 250) 18%, rgb(224, 224, 224) 59%);
    background: url("../images/icon_arrow_right_disabled.png") right center no-repeat, linear-gradient(to bottom, rgb(250, 250, 250) 18%, rgb(224, 224, 224) 59%);
    padding-right: 25px;
    filter: none;}

button.button_bg.arrow_left[disabled], button.button_bg_primary.arrow_left[disabled] {
    background: url("../images/icon_arrow_left_disabled.png") left center no-repeat, rgb(246, 246, 246);
    background: url("../images/icon_arrow_left_disabled.png") left center no-repeat, -webkit-linear-gradient(top, rgb(250, 250, 250) 18%, rgb(224, 224, 224) 59%);
    background: url("../images/icon_arrow_left_disabled.png") left center no-repeat, -o-linear-gradient(top, rgb(250, 250, 250) 18%, rgb(224, 224, 224) 59%);
    background: url("../images/icon_arrow_left_disabled.png") left center no-repeat, -ms-linear-gradient(top, rgb(250, 250, 250) 18%, rgb(224, 224, 224) 59%);
    background: url("../images/icon_arrow_left_disabled.png") left center no-repeat, linear-gradient(to bottom, rgb(250, 250, 250) 18%, rgb(224, 224, 224) 59%);
    padding-left: 25px;
    filter: none;}

button.button_bg.arrow_up {
    min-width: 40px;
    background: url("../images/icon_arrow_up.png") center center no-repeat, #f6f6f6;
    background: url("../images/icon_arrow_up.png") center center no-repeat, -webkit-linear-gradient(top, rgb(250, 250, 250) 18%, rgb(224, 224, 224) 59%);
    background: url("../images/icon_arrow_up.png") center center no-repeat, -o-linear-gradient(top, rgb(250, 250, 250) 18%, rgb(224, 224, 224) 59%);
    background: url("../images/icon_arrow_up.png") center center no-repeat, -ms-linear-gradient(top, rgb(250, 250, 250) 18%, rgb(224, 224, 224) 59%);
    background: url("../images/icon_arrow_up.png") center center no-repeat, linear-gradient(to bottom, rgb(250, 250, 250) 18%, rgb(224, 224, 224) 59%);
    filter: none;
}

button.button_bg.arrow_up.configured_list {
    min-width: 30px;
    background: url("../images/icon_arrow_up.png") center center no-repeat, #f6f6f6;
    background: url("../images/icon_arrow_up.png") center center no-repeat, -webkit-linear-gradient(top, rgb(250, 250, 250) 18%, rgb(224, 224, 224) 59%);
    background: url("../images/icon_arrow_up.png") center center no-repeat, -o-linear-gradient(top, rgb(250, 250, 250) 18%, rgb(224, 224, 224) 59%);
    background: url("../images/icon_arrow_up.png") center center no-repeat, -ms-linear-gradient(top, rgb(250, 250, 250) 18%, rgb(224, 224, 224) 59%);
    background: url("../images/icon_arrow_up.png") center center no-repeat, linear-gradient(to bottom, rgb(250, 250, 250) 18%, rgb(224, 224, 224) 59%);
    filter: none;
}

button.button_bg.arrow_down {
    min-width: 40px;
    margin-top: 10px;
    background: url("../images/icon_arrow_down.png") center center no-repeat, #f6f6f6;
    background: url("../images/icon_arrow_down.png") center center no-repeat, -webkit-linear-gradient(top, rgb(250, 250, 250) 18%, rgb(224, 224, 224) 59%);
    background: url("../images/icon_arrow_down.png") center center no-repeat, -o-linear-gradient(top, rgb(250, 250, 250) 18%, rgb(224, 224, 224) 59%);
    background: url("../images/icon_arrow_down.png") center center no-repeat, -ms-linear-gradient(top, rgb(250, 250, 250) 18%, rgb(224, 224, 224) 59%);
    background: url("../images/icon_arrow_down.png") center center no-repeat, linear-gradient(to bottom, rgb(250, 250, 250) 18%, rgb(224, 224, 224) 59%);
    filter: none;
}

button.button_bg.arrow_down.configured_list {
    min-width: 30px;
    margin-top: 10px;
    background: url("../images/icon_arrow_down.png") center center no-repeat, #f6f6f6;
    background: url("../images/icon_arrow_down.png") center center no-repeat, -webkit-linear-gradient(top, rgb(250, 250, 250) 18%, rgb(224, 224, 224) 59%);
    background: url("../images/icon_arrow_down.png") center center no-repeat, -o-linear-gradient(top, rgb(250, 250, 250) 18%, rgb(224, 224, 224) 59%);
    background: url("../images/icon_arrow_down.png") center center no-repeat, -ms-linear-gradient(top, rgb(250, 250, 250) 18%, rgb(224, 224, 224) 59%);
    background: url("../images/icon_arrow_down.png") center center no-repeat, linear-gradient(to bottom, rgb(250, 250, 250) 18%, rgb(224, 224, 224) 59%);
    filter: none;
}

button.button_bg.next_previous{
    min-width: 30px;
    padding: 5px;
}

.quickstart_nav {
    color: #000 !important;
}

.quickstart_current {
    background: #1a73e8;
    color: #FFFFFF;
}

.quickstart_disabled {
    color: rgb(169, 169, 169);
}

.quickstart_complete {
    padding-left: 3px;
}

.quickstart_complete i {
    top: -2px !important;
    vertical-align: middle !important;
    margin-right: 0px !important;
}

.quickstart_sprite_height {
    height: 30px !important;
}