* {
    padding: 0px;
    margin: 0px;
}

.CyberDropdown {
    height: 37px;
    box-shadow: none !important;
}

.cyber-progressbar > div > * {
    width: 100%;
    height: 100%
}

.cyberbutton-temp {
    padding: 6px;
}

.textbox-temp {
    padding: 4px;
}

    .textbox-temp:hover {
        border-color: #f44336 !important
    }

    .textbox-temp:focus {
        border-color: #f44336 !important;
        outline: none;
        background-color: white;
    }

.textboxinput-temp {
    border: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

.cyber-progressbar > div > div > * {
    width: 100%;
    height: 100%
}
/*.e-popup.e-popup-open {
    width: auto !important;
}*/
.Cyber-myGrid th {
    color: #fff !important;
    background-color: #ff5722 !important;
    height: 30px !important;
    width: 100% !important;
}

.dxbs-grid-pager {
    background-color: gray !important;
}

.pagination li {
    background-color: gray !important;
}

.colum {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
}

.CyberDropdown {
    height: 37px;
    box-shadow: none !important;
}

.cyber-hover:hover span {
    font-weight: bold;
}

.cyberselect {
    background-color: #2990EF !important;
}

.cyber-progressbar > div > div > div > * {
    width: 100%;
    height: 100%
}

.cyber-hover:hover span {
    font-weight: bold;
}

.cyberselect {
    border: 1px solid red;
}

::-webkit-scrollbar {
    width: 12px;
    height: 8px;
}

.cyber-Input-lookup > .e-input-group-icon {
    display: none !important;
}
/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

.cyber-page {
    width: 1200px;
    margin: 30px auto;
}

.cyber-padding {
    padding: 16px
}

a {
    text-decoration: none;
}

.cyber-higline-text {
    color: #2990EF
}

.cyber-icon-font-size {
    font-size: 18px !important;
}

.cyber-padding-left {
    padding-left: 16px
}

.cyber-padding-top {
    padding-top: 16px
}

.cyber-padding-right {
    padding-right: 16px
}

.cyber-padding-bottom {
    padding-bottom: 16px
}

.cyber-margin-left {
    margin-left: 16px
}

.cyber-margin-top {
    margin-top: 16px
}

.cyber-margin-right {
    margin-right: 16px
}

.cyber-margin-bottom {
    margin-bottom: 16px
}

.cyber-font-bold {
    font-weight: 700;
}

.cyber-sub-text {
    color: #888888;
}

.cyber-text {
    color: #323232;
}

p {
    margin-bottom: 0.15rem;
    color: #323232;
}

.cyber-Input-lookup {
    height: 37px;
    background-color: #f1f1f1 !important;
}

    .cyber-Input-lookup > .e-popup.e-ddl, .e-dropdownbase {
        width: auto !important;
        min-width: 250px;
    }

.cyber-Input {
    display: block;
    width: 100%;
    padding-right: 8px;
}

    .cyber-Input:hover {
        border-color: #f44336 !important
    }

    .cyber-Input:focus {
        border-color: #f44336 !important;
        outline: none;
        background-color: white;
    }

.cyber-Input-css {
    border: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

.cyber-Input-numeric {
    text-align: right;
}

.cyber-Input-area {
    max-width: 100%;
}

.input-group {
    display: block !important;
}

.dxbs-editor-dropdown-button {
    display: none !important;
}

.cyber-icon-list:before {
    content: '\e8fe';
    font-family: 'Material Icons';
    font-size: 24px;
}

.cyber-bold {
    font-weight: bold;
}

.e-ddl.e-input-group.e-control-wrapper .e-input {
    background: #f1f1f1 !important;
}

    .e-ddl.e-input-group.e-control-wrapper .e-input:focus {
        border-color: #f44336 !important;
        outline: none;
        background-color: white;
    }

.cyber-icon-user:before {
    content: '\e8fe';
    font-family: 'Material Icons';
    font-size: 24px;
}

.cyber-icon-bus:before {
    content: '\eff6';
    font-family: 'Material Icons';
    font-size: 24px;
}

.cyber-icon-station:before {
    content: '\e572';
    font-family: 'Material Icons';
    font-size: 24px;
}

.cyber-icon-transportation:before {
    content: '\ea1f';
    font-family: 'Material Icons';
    font-size: 24px;
}

.cyber-icon-ship:before {
    content: '\e558';
    font-family: 'Material Icons';
    font-size: 24px;
}

.cyber-icon-refresh:before {
    content: '\e863';
    font-family: 'Material Icons';
    font-size: 24px;
}

.cyber-icon-support:before {
    content: '\f0e2';
    font-family: 'Material Icons';
    font-size: 24px;
}

.cyber-icon-commute:before {
    content: '\e940';
    font-family: 'Material Icons';
    font-size: 24px;
}

.cyber-icon-group:before {
    content: '\f233';
    font-family: 'Material Icons';
    font-size: 24px;
}

.cyber-icon-task:before {
    content: '\f075';
    font-family: 'Material Icons';
    font-size: 24px;
}

.cyber-icon-add:before {
    content: '\e148';
    font-family: 'Material Icons';
    font-size: 24px;
}

.cyber-icon-print:before {
    content: '\e8ad';
    font-family: 'Material Icons';
    font-size: 24px;
}

.cyber-icon-preview:before {
    content: '\f1c5';
    font-family: 'Material Icons';
    font-size: 24px;
}

.cyber-icon-location:before {
    content: '\e0c8';
    font-family: 'Material Icons';
    font-size: 24px;
}

.cyber-icon-setting:before {
    content: '\e8b8';
    font-family: 'Material Icons';
    font-size: 24px;
}

.cyber-icon-3dot:before {
    content: '\e5d3';
    font-family: 'Material Icons';
    font-size: 24px;
}

.cyber-icon-sort:before {
    content: '\e152';
    font-family: 'Material Icons';
    font-size: 24px;
}

.cyber-icon-push-lenh:before {
    content: '\e9a3';
    font-family: 'Material Icons';
    font-size: 24px;
}

.cyber-icon-check:before {
    content: '\e834';
    font-family: 'Material Icons';
    font-size: 24px; 
}

.cyber-icon-uncheck:before {
    content: '\e835';
    font-family: 'Material Icons';
    font-size: 24px;
}

.cyber-icon-cancel:before {
    content: '\ea39';
    font-family: 'Material Icons';
    font-size: 24px;
}

table.Cyber-table {
    position: relative;
}

    table.Cyber-table th {
        position: sticky;
        top: 0px;
        z-index: 1;
        outline: 1px solid #ccc;
    }

/*Popup*/
.e-dlg-container.e-dlg-center-center {
    z-index: 1000 !important;
}

.cyberpopupdatetime {
    z-index: 100000 !important;
}

.dxbs-calendar-table-week-number {
    display: none;
}

.dxbs-calendar-table-days-of-week td:first-child {
    display: none;
}

.table > :not(caption) > * > * {
    padding: 1px !important;
}

.dxbs-calendar-table td {
    border: 1px solid #888;
}

.cyberlistselect {
    background-color: purple;
    color: white;
}

.cyber-Input {
    display: block;
    overflow: hidden;
}
.e-disableuserselect{
    user-select:unset;
}
.cyber-icon-remove:before {
    content: '\e612';
    font-family: 'Material Icons';
    font-size: 24px;
}
.dxbs-dropdown {
    z-index: 2147483647;
}