/*#region Khai bao chung*/
/*#region Font*/
@font-face {
    font-family: RobotoBold;
    src: url(../fonts/ROBOTO-BOLD.TTF);
}

@font-face {
    font-family: RobotoMedium;
    src: url(../fonts/ROBOTO-MEDIUM.TTF);
}

@font-face {
    font-family: RobotoRegular;
    src: url(../fonts/ROBOTO-REGULAR.TTF);
}
/*#endregion */
* {
    padding: 0px;
    margin: 0px;
    color: #4D5E80;
    font-family: RobotoMedium;
    box-sizing:border-box;
}

dxbl-popup-cell {
    z-index: 99999999999999999999 !important;
}

body {
    background-color: #F7F8FA;
}

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

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

a {
    text-decoration: none;
}

select {
    border: none;
    outline: none;
}

.cyberTextRegular {
    font-family: RobotoRegular;
}

.cyberTextBold {
    font-family: RobotoBold;
}

.cyber-padding {
    padding: 16px
}

.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 {
    margin: 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-sub-text {
    color: #888888;
}
/*#endregion*/


/*#region CyberIcon*/

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

.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;
}

.cyber-icon-remove:before {
    content: '\e612';
    font-family: 'Material Icons';
    font-size: 24px;
}
/*#endregion */

/*#region Input*/
.CyberDivInput {
    background-color: white;
    border-radius: 6px;
    width: 100%;
    padding: 0px 6px;
    display: flex;
    align-items: center;
    height: 49px;
    overflow: hidden;
}

.cyberInput {
    border: none;
    outline: none;
    padding: 6px;
}

#container > .e-spin-overlay
{
    z-index:99999999999 !important;
}
/*#endregion */
/*#region Css Sync*/
/*#endregion */
/*#region DevExpress*/
/*icon date none*/
.input-group > .form-control.dxbs-input-group-append.dxbs-btn-group {
    display: none;
}
/*#endregion */

@media only screen and (max-width: 1366px) {
    .screen1366{
        width:100% !important;
    }
    .canDauGiua {
        justify-content:flex-start !important;
    }
    .marginDate {
        margin:0px !important;
    }
}