.smart-style-5 .riTextBox {
    background: transparent !important;
}
/* Other Controls*/
.FilterPanel {
    background: #f4f7f8;
    padding: 15px 0;
}

.GridDiv {
    padding: 0;
    padding-bottom: 60px;
    overflow-x: auto;
}

.loader {
    height: 100px;
    width: 20%;
    text-align: center;
    padding: 1em;
    vertical-align: middle;
    display: table-cell;
    margin: auto;
}

.LoadingContainer {
    width: 100%;
    display: table;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background: rgba(0, 0, 0, 0.6705882352941176);
}
/*
  Set the color of the icon
*/
.l svg path,
svg rect {
    fill: #FF6700;
}

.buttons {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 99;
    text-align: right;
}

.RadGrid_Material .rgCommandCell .t-button {
    border: 1px solid !important;
}

html .RadGrid td.rgBatchCurrent {
    padding: 0 !important;
}

.edit-link {
    font-size: 20px;
    padding: 10px;
    background: #f4f7f8;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    text-align: center;
    color: #455a64;
}

.red {
    background: #F44336 !important;
    color: #fff !important;
}

    .red span, .red i {
        color: #fff !important;
    }

.green {
    background: #4CAF50 !important;
    color: #fff !important;
}

.Approved {
    background: #4CAF50 !important;
    color: #fff !important;
    padding: 5px;
}

.Rejected {
    background-color: #f44336 !important;
    color: #fff !important;
    padding: 5px;
}

.green span, .green i {
    color: #fff !important;
}

.item {
    padding-bottom: 5px;
    padding-top: 5px;
}
/* Waves v0.6.0 */
.waves-effect {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    vertical-align: middle;
    z-index: 1;
    will-change: opacity, transform;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

    .waves-effect .waves-ripple {
        position: absolute;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        margin-top: -10px;
        margin-left: -10px;
        opacity: 0;
        background: rgba(0, 0, 0, 0.2);
        -webkit-transition: all 0.7s ease-out;
        -moz-transition: all 0.7s ease-out;
        -o-transition: all 0.7s ease-out;
        -ms-transition: all 0.7s ease-out;
        transition: all 0.7s ease-out;
        -webkit-transition-property: -webkit-transform, opacity;
        -moz-transition-property: -moz-transform, opacity;
        -o-transition-property: -o-transform, opacity;
        transition-property: transform, opacity;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        pointer-events: none;
    }

    .waves-effect.waves-light .waves-ripple {
        background-color: rgba(255, 255, 255, 0.45);
    }

    .waves-effect.waves-red .waves-ripple {
        background-color: rgba(244, 67, 54, 0.7);
    }

    .waves-effect.waves-yellow .waves-ripple {
        background-color: rgba(255, 235, 59, 0.7);
    }

    .waves-effect.waves-orange .waves-ripple {
        background-color: rgba(255, 152, 0, 0.7);
    }

    .waves-effect.waves-purple .waves-ripple {
        background-color: rgba(156, 39, 176, 0.7);
    }

    .waves-effect.waves-green .waves-ripple {
        background-color: rgba(76, 175, 80, 0.7);
    }

    .waves-effect.waves-teal .waves-ripple {
        background-color: rgba(0, 150, 136, 0.7);
    }

    .waves-effect.waves-blue .waves-ripple {
        background-color: rgba(37, 160, 218, 0.51) !important;
    }

.waves-notransition {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    -ms-transition: none !important;
    transition: none !important;
}

.waves-circle {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
}

.waves-input-wrapper {
    border-radius: 0.2em;
    vertical-align: bottom;
}

    .waves-input-wrapper .waves-button-input {
        position: relative;
        top: 0;
        left: 0;
        z-index: 1;
    }

.waves-circle {
    text-align: center;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    border-radius: 50%;
    -webkit-mask-image: none;
}

.waves-block {
    display: block;
}

/* Firefox Bug: link not triggered */
a.waves-effect .waves-ripple {
    z-index: -1;
}


.main_info {
    border: 1px solid #f1f1f1;
    margin: 10px 0;
    padding-top: 6px;
    background: #f1f1f1;
}

.main_info_text {
    position: absolute;
    top: -11px;
    background: #f1f1f1;
    padding: 0 10px;
    color: #545c61;
    font-weight: 600;
    letter-spacing: 1.3px;
    left: 15px;
}

.price {
    border: 1px solid #f1f1f1;
    margin: 10px 0;
    padding-top: 5px;
    background: #f1f1f1;
}

.price_text {
    position: absolute;
    top: -11px;
    background: #f1f1f1;
    padding: 0 10px;
    color: #545c61;
    font-weight: 600;
    letter-spacing: 1.3px;
    left: 15px;
}

.extra {
    border: 1px solid #f1f1f1;
    margin: 10px 0;
    padding-top: 8px;
    background: #f1f1f1;
}

.extra_text {
    position: absolute;
    top: -11px;
    background: #f1f1f1;
    padding: 0 10px;
    color: #545c61;
    font-weight: 600;
    letter-spacing: 1.3px;
    left: 15px;
}

.Pending {
    background: #FFEB3B;
    padding: 5px;
}

.notification_item {
    border-bottom: 1px solid;
    float: left;
    width: 100%;
}

    .notification_item:last-child {
        border-bottom: none;
    }

.display-inline {
    display: inline-block !important;
}

.material-tooltip {
    padding: 12px 8px;
    font-size: 14px;
    z-index: 1000;
    background-color: transparent;
    border-radius: 2px;
    color: #fff;
    min-height: 36px;
    line-height: 1rem;
    opacity: 0;
    display: none;
    position: absolute;
    text-align: center;
    overflow: hidden;
    left: 0;
    top: 0;
    will-change: top, left;
}

.backdrop {
    position: absolute;
    opacity: 0;
    display: none;
    height: 7px;
    width: 14px;
    border-radius: 0 0 14px 14px;
    background-color: #3a3633;
    z-index: -1;
    -webkit-transform-origin: 50% 10%;
    -moz-transform-origin: 50% 10%;
    -ms-transform-origin: 50% 10%;
    -o-transform-origin: 50% 10%;
    transform-origin: 50% 10%;
    will-change: transform, opacity;
}

/*  Telerik Controls  */
.RadComboBox_Material, .RadAutoCompleteBox_Material, .RadPicker_Material, .RadDropDownTree_Material {
    border: 1px solid #cfd8dc;
}

.RadGrid_Material .rgHeader {
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.266667 !important;
    background: #3a3633 !important;
    color: #fff !important;
}

    .RadGrid_Material .rgHeader a, .RadGrid_Material .rgHeader .rgExpandIcon, .RadGrid_Material .rgHeader .rgCollapseIcon {
        color: #fff !important;
    }

.RadButton_Material.rbButton {
    color: #455A64 !important;
}

.RadGrid_Material .rgRow > td > a, .RadGrid_Material .rgAltRow > td > a, .RadGrid_Material .rgFooter > td > a, .RadGrid_Material .rgEditForm > td > a, .RadGrid_Material .rgEditRow > td > a, .RadGrid_Material .rgHoveredRow > td > a {
    /*color: #455A64 !important;*/
}

.ruBrowse {
    height: 33px !important;
}

.RadNotification .rnContent {
    padding: 1.285714em .35714286em 0 3.57142857em !important;
    color: #fff !important;
}

.Printed {
    background: #4CAF50 !important;
    color: #fff !important;
}

.Decide {
    padding: 10px;
    color: #fff;
    border-radius: 100%;
    width: 32px;
    height: 32px;
}

.DRed {
    background: #f44336;
}

.DGreen {
    background: #4CAF50;
}

.requestItem:last-child {
    border-bottom: none !important;
}

.floating-text {
    position: absolute;
    top: -10px;
    background: #eee;
    padding: 0px 10px;
    font-weight: 600;
}

.ConfigDiv {
    background: #eee;
    margin-top: 15px;
    padding-top: 15px;
    padding-bottom: 10px;
}

.FlowDiv {
    background: #eee;
    margin-top: 15px;
    padding-top: 15px;
    padding-bottom: 10px;
}

.smart-style-0 .rwTitleBar {
    background-color: #3a3633 !important;
}

/*.RadWindow {
    position:fixed !important;
}*/

.EmailConfirmed {
    color: #2196F3 !important;
    box-shadow: none !important;
}

.TemporaryApproved {
    color: #2196F3 !important;
    box-shadow: none !important;
}

.TempApproved {
    background: #607D8B;
}

.ApprovedBlocked {
    background: #551212;
}

.rgDetailTable {
    border-color: #000 !important;
}

    .rgDetailTable .rgHeader {
        background: #607D8B !important;
    }

.InProcess {
    background: #FFEB3B;
    padding: 5px;
    cursor: default !important;
}

.rgHeader {
    padding: 5px 15px !important;
}

.Canceled {
    background: #F44336 !important;
    color: #fff !important;
    cursor: default !important;
}

.Returned {
    background: #607d8b !important;
    color: #fff !important;
    cursor: default !important;
}
.Finished {
    background: #4CAF50 !important;
    color: #fff !important;
    cursor :default !important;
}
.cursorArrow {
    cursor: default !important;
}

.FormSubmited {
    color: #607d8b !important;
    box-shadow: none !important;
    cursor: default !important;
}

.RadPicker_Material .RadInput:before {
    display: none !important;
}

.RadComboBox_Material .rcbInner:before {
    display: none !important;
}

.RadAutoCompleteBox_Material .racTokenList:before {
    display: none !important;
}

.RadDropDownTree_Material .rddtInner:before {
    display: none !important;
}

.rgRow td:hover, .rgAltRow td:hover {
    background: #eee;
}

.rgAltRow {
    background: #f4f7f8;
}

.RadDropDownList_Material {
    border: 1px solid #cfd8dc;
}

    .RadDropDownList_Material .rddlInner:before {
        display: none !important;
    }

.rgMasterTable {
    table-layout: auto !important;
}

.red td {
    color: #fff;
}

.rgSortAsc {
    color: #fff !important;
}

.rgSortDesc {
    color: #fff !important;
}

.blue {
    background: #03A9F4;
    color: #fff !IMPORTANT;
}

iframe {
    resize: both;
}

.newmsg {
    -webkit-animation: color_change .5s infinite alternate;
    -moz-animation: color_change .5s infinite alternate;
    -ms-animation: color_change .5s infinite alternate;
    -o-animation: color_change .5s infinite alternate;
    animation: color_change .5s infinite alternate;
}

@-webkit-keyframes color_change {
    from {
        color: #6D6A69;
    }

    to {
        color: #F44336;
    }
}

@-moz-keyframes color_change {
    from {
        color: #6D6A69;
    }

    to {
        color: #F44336;
    }
}

@-ms-keyframes color_change {
    from {
        color: #6D6A69;
    }

    to {
        color: #F44336;
    }
}

@-o-keyframes color_change {
    from {
        color: #6D6A69;
    }

    to {
        color: #F44336;
    }
}

@keyframes color_change {
    from {
        color: #6D6A69;
    }

    to {
        color: #F44336;
    }
}