﻿.e-grid div.e-error, .e-grid .e-gridpopup {
    position:inherit !important
}

.e-grid .e-rowcell {
    white-space: normal !important;
}

.e-grid .e-group-intent {
    width: 30px !important;
}

.filter-container {
    padding: 2px 0px 5px 0px;
}

.filter-control-container {
    padding-left:0px !important;
}

#ex1Slider .slider-selection {
    background: #BABABA;
}

.btn-disabled {
    pointer-events: none;
}

.btn-disabled {
    cursor: not-allowed !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.syncfusion-control {
    border-radius: 4px;
    box-shadow: none;
    border-color: #d2d6de;
}

    .syncfusion-control:focus {
        border-color: #3c8dbc;
        box-shadow: none;
    }

.label-filter {
    display: block;
    margin-bottom: 0px
}

.btn-custom {
    min-width: 15%;
}

.width-custom {
    min-width: -webkit-fill-available;
    margin-top: 3px;
    margin-bottom: 3px;
}

.inline-field-right {
    padding-right: 0px !important;
}

.inline-field-left {
    padding-left: 0px !important;
}


/*#target {
    margin: 0 auto;
}

#target_WaitingPopup .e-image {
    display: block;
    height: 70px;
}

#popup {
    height: auto;
    width: auto;
}*/
@media(min-width:1200px) {
    .e-image {
        top: 38% !important;
        left: 10% !important;
    }

    .e-text {
        top: 38% !important;
        left: 10% !important;
    }
}

@media(max-width:1199px ) {
    .e-image {
        top: 35% !important;
        left: 2% !important;
    }

    .e-text {
        top: 35% !important;
        left: 2% !important;
    }
}

@media(max-width:991px ) {
    .e-image {
        top: 34% !important;
        left: -4% !important;
    }

    .e-text {
        top: 34% !important;
        left: -4% !important;
    }
}

@media(max-width:767px ) {
    .e-image {
        top: 38%;
        left: 10%;
    }

    .e-text {
        top: 38%;
        left: 10%;
    }
}

@media(max-width:480px ) {
    .e-image {
        top: 38%;
        left: 10%;
    }

    .e-text {
        top: 38%;
        left: 10%;
    }
}

@media(max-width:360px ) {
    .e-image {
        top: 38%;
        left: 10%;
    }

    .e-text {
        top: 38%;
        left: 10%;
    }
}
