/* zFlex/ASPxButton.css */

/* Flex Theme */
/* Common */
.dxbButton_flexTheme {
    border-radius: 3px;
    text-decoration: none;
    font-size: 14px;
    font-family: 'Roboto';
    font-weight: normal;
    /*margin-top: 3px;*/
    margin-right: 3px;
    transition: background-color 0.2s ease 0s;
}

/* Disabled State */
.dxbDisabled_flexTheme {
    opacity:0.5;
}

/* Button Orange */
.BtnOrange.dxbButton_flexTheme {
    color: white;
    background-color: #cc4f3a;
    padding: 8px 25px 8px 25px;
}

.BtnOrange.dxbButtonHover_flexTheme {
    background-color: #db5c46;
}

.BtnOrange.dxbButtonPressed_flexTheme {
    background-color: #bd412f;
}

/* Button Gray */
.BtnGray.dxbButton_flexTheme {
    color: #373737;
    background-color: #e1e1e1;
    padding: 7px 24px 7px 24px; /*!important   А давайте не будем затирать чужие настройки!!!*/
    border: solid 1px #888888;
}

.BtnGray.dxbButtonHover_flexTheme {
    background-color: #d1d1d1;
}

.BtnGray.dxbButtonPressed_flexTheme {
    background-color: #b3b3b3;
}

/* Button Green */
.BtnGreen.dxbButton_flexTheme {
    color: white;
    background-color: #74c233;
    padding: 8px 25px 8px 25px;
}

.BtnGreen.dxbButtonHover_flexTheme {
    background-color: #5fa029;
}

.BtnGreen.dxbButtonPressed_flexTheme {
    background-color: #45761c;
}

/* Material Theme (Default skin) */
/* Common Material */
.dxbButton_Material {
    border-radius: 3px;
    text-decoration: none;
    font-size: 14px;
    font-family: 'Roboto';
    font-weight: normal;
    margin-top: 3px;
    margin-right: 3px;
    transition: background-color 0.2s ease 0s;
    box-shadow: none !important;
    text-transform: none !important;
}

/* Disabled State Material (Default skin) */
.dxbDisabled_Material {
    opacity:0.5;
}

/* Hide Material Ripple Container */
.dxbButton_Material .dxRippleContainer {
    display: none !important;
}

/* Button Gray Material (Default skin) */
.BtnGray.dxbButton_Material {
    color: #373737;
    background-color: #e1e1e1;
    /*padding: 7px 24px 7px 24px;*/
    border: solid 1px #888888;
}

.BtnGray.dxbButtonHover_Material {
    background-color: #d1d1d1;
}

.BtnGray.dxbButtonPressed_Material {
    background-color: #b3b3b3;
}

/* Narrow Buttons */
.BtnGray.BtnGrayNarrow {
    padding: 4px 15px 4px 15px !important;
}

/* hamburger Button */
.Hamburger.dxbButton_flexTheme {
    padding: 0px 18px 0px 13px;
    margin-top: 0px;
    margin-right: 0px;
}