/*
@font-face {
    font-family: ABBvoice;
    src: url(../fonts/ABBvoice_W_Bd.eot);
    src: url(../fonts/ABBvoice_W_Bd.eot?#iefix) format("embedded-opentype"),url(../fonts/ABBvoice_W_Bd.woff2) format("woff2"),url(../fonts/ABBvoice_W_Bd.woff) format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: ABBvoice;
    src: url(../fonts/ABBvoice_W_Lt.eot);
    src: url(../fonts/ABBvoice_W_Lt.eot?#iefix) format("embedded-opentype"),url(../fonts/ABBvoice_W_Lt.woff2) format("woff2"),url(../fonts/ABBvoice_W_Lt.woff) format("woff");
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: ABBvoice;
    src: url(../fonts/ABBvoice_W_Md.eot);
    src: url(../fonts/ABBvoice_W_Md.eot?#iefix) format("embedded-opentype"),url(../fonts/ABBvoice_W_Md.woff2) format("woff2"),url(../fonts/ABBvoice_W_Md.woff) format("woff");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: ABBvoice;
    src: url(../fonts/ABBvoice_W_Rg.eot);
    src: url(../fonts/ABBvoice_W_Rg.eot?#iefix) format("embedded-opentype"),url(../fonts/ABBvoice_W_Rg.woff2) format("woff2"),url(../fonts/ABBvoice_W_Rg.woff) format("woff");
    font-weight: 400;
    font-style: normal
}
*/

body {
    font-family: ABBvoice;
}

/* Primary button style*/


.abb-button {
    -webkit-appearance: none;
    cursor: pointer;
    position: relative;
    text-align: center;
    display: inline-block;
    border: none;
    margin: 0 0 .5rem;
    line-height: 1.25;
    font-weight: bold;
}

.abb-button--primary {
    background-color: #ff000f;
    color: #fff;
    border-radius: 100px;
    padding: 11px 16px;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    box-shadow: 0 7px 10px -10px rgba(0,0,0,.75);
    font-family: ABBvoice,AbbvoiceArabic;
}

    .abb-button--primary:hover {
        background-color: #ff000f
    }


.mdl-radio.is-checked .mdl-radio__outer-circle {
    border: 2px solid #ff000f;
    /* background-color: #ff000f;*/
    transform: scale(1,1);
}


.mdl-radio.is-checked .mdl-radio__inner-circle {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    background-color: #ff000f;
}





.mdl-switch.is-checked .mdl-switch__thumb {
    background: #ff000f;
    left: 16px;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
}



.mdl-slider.is-upgraded {
    color: #ff000f;
}



    .mdl-slider.is-upgraded::-webkit-slider-thumb,
    .mdl-slider.is-upgraded::-ms-thumb,
    .mdl-slider.is-upgraded::-moz-range-thumb,
    .mdl-slider__background-lower {
        background: #ff000f;
    }



    .mdl-slider.is-upgraded:active::-webkit-slider-thumb {
        background: #ff000f;
    }

    .mdl-slider.is-upgraded:active::-moz-range-thumb {
        background: #ff000f;
    }

    .mdl-slider.is-upgraded:active::-ms-thumb {
        background: #ff000f;
        transform: scale(0.5625);
    }

    .mdl-slider.is-upgraded::-ms-fill-lower {
        padding: 0;
        background:#ff000f;
    }

    .mdl-slider.is-upgraded::-ms-thumb {
        width: 32px;
        height: 32px;
        border: none;
        border-radius: 50%;
        background:  #ff000f;
        transform: scale(0.375);
        transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
        transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
        transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
    }



.mdl-slider__background-upper {
    background: rgba(0,0,0, 0.26);
}
/* Dropdown starts here*/



.getmdl-select {
    outline: none
}

    .getmdl-select .mdl-textfield__input {
        cursor: pointer
    }

    .getmdl-select .selected {
        background-color: #ddd
    }

    .getmdl-select .mdl-icon-toggle__label {
        float: right;
        margin-top: -30px;
        color: rgba(0,0,0,0.4);
        transform: rotate(0);
        transition: transform 0.3s
    }

    .getmdl-select.is-focused .mdl-icon-toggle__label {
        color: #3f51b5;
        transform: rotate(180deg)
    }

    .getmdl-select .mdl-menu__container {
        width: 100% !important;
        margin-top: 2px
    }

        .getmdl-select .mdl-menu__container .mdl-menu {
            width: 100%
        }

            .getmdl-select .mdl-menu__container .mdl-menu .mdl-menu__item {
                font-size: 16px
            }

.getmdl-select__fix-height .mdl-menu__container .mdl-menu {
    overflow-y: auto;
    max-height: 288px !important
}

.getmdl-select__fix-height .mdl-menu.mdl-menu--top-left {
    bottom: auto;
    top: 0
}

/*# sourceMappingURL=getmdl-select.min.css.map */

body .mdl-textfield__input {
    font-family: ABBvoice;
}

tr {
    height: 75px;
}

.btm-brdr {
    border-bottom: 1px solid rgba(0,0,0,0.26);
}

.mdl-layout__header {
    background-color: white;
    color: black;
}


.mdl-layout__drawer-button {
    color: grey;
}

.mdl-layout__header .mdl-layout__drawer-button {
    color: grey;
}

.mdl-layout__drawer {
    top: 65px;
    height: calc(100% - 65px);
}

.full-width {
    width: 100%;
}

.mdl-switch.is-checked .mdl-switch__track {
    background-color: #ffa4a2;
}

.lbl-field {
    color: #a9a9a9;
    font-size: 16px;
}

.mdl-checkbox__label {
    color: #a9a9a9;
}


.field-width {
    width: 250px;
    margin: 5%;
}

.menu-name {
    color: #262626;
    font-size: 18px;
}

.mdl-card {
    min-height: 40%;
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
    color: #262626;
    font-size: 18px;
}

.mdh-expandable-search {
    margin: 0 50px;
    align-items: center;
    justify-content: center;
}

    .mdh-expandable-search form {
        max-width: 600px;
    }

    .mdh-expandable-search,
    .mdh-expandable-search form,
    .mdh-expandable-search input {
        /* Cross browser flex-grow */
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

        .mdh-expandable-search,
        .mdh-expandable-search form {
            /* Cross browser inline-flex */
            display: -webkit-inline-box;
            display: -webkit-inline-flex;
            display: -moz-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
        }

            /* Position search icon */
            .mdh-expandable-search .material-icons {
                position: relative;
                right: -40px;
                margin-left: -24px; /* Remove the blank space left behind by the icon being relatively positioned */
            }

            .mdh-expandable-search input {
                outline: none;
                border: none;
                font-size: 16px;
                color: #6e6e6e;
                background-color: #f0f0f0;
                padding: 0px 35px 0px 70px;
                height: 40px;
                line-height: 40px; /* TODO: This was recommended for cross browser compatability of input height, check if its actually needed in modern browsers */
                border-radius: 5px 5px 5px 5px;
                -moz-border-radius: 5px 5px 5px 5px;
                -webkit-border-radius: 5px 5px 5px 5px;
            }

                .mdh-expandable-search input::-webkit-input-placeholder { /* WebKit browsers */
                    color: #6e6e6e;
                    font-size: 12px;
                }

                .mdh-expandable-search input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
                    color: #6e6e6e;
                    opacity: 1; /* Firefox gives the placeholder a reduced opacity so we have to increase it */
                    font-size: 12px;
                }

                .mdh-expandable-search input::-moz-placeholder { /* Mozilla Firefox 19+ */
                    color: #6e6e6e;
                    opacity: 1; /* Firefox gives the placeholder a reduced opacity so we have to increase it */
                    font-size: 12px;
                }

                .mdh-expandable-search input:-ms-input-placeholder { /* Internet Explorer 10+ */
                    color: #6e6e6e;
                    font-size: 12px;
                }

.title-text {
    padding-left: 2%;
    color: #262626;
    font-size: 18px;
    /*display: block;*/
    width: fit-content;
}

.abb-btn-smaller {
    font-size: 12px;
}

.abb-btn-bld {
    font-weight: 700;
}

.abb-btn-primary {
    color: #ff000f;
}