*, *:focus, *:active, *:hover {
    outline: none !important;
}
/**
    mặc định các loại input cao 36, ô nào khác bọt thì style trên form
*/
button, input[type=button], input[type=text] {
    height: 36px;
}

.ui-dialog div, .ui-dialog span {
    font-family: SFProRegular,-apple-system, BlinkMacSystemFont, sans-serif !important;
}

.ui-dialog .f-w-bold, .ui-dialog .f-w-bold {
    font-family: SFProBold !important;
    font-weight: normal;
}

.link {
    color: #1877F2;
}

    .link:hover {
        color: #4097FF;
    }

i {
    display: block;
}

.vertical-text {
    margin-top: 50px;
    border: none;
    position: relative;
}

    .vertical-text > li {
        height: 20px;
        width: 120px;
        margin-bottom: 100px;
    }

        .vertical-text > li > a {
            border-bottom: 1px solid #ddd;
            border-right-color: transparent;
            text-align: center;
            border-radius: 4px 4px 0px 0px;
        }

        .vertical-text > li.active > a,
        .vertical-text > li.active > a:hover,
        .vertical-text > li.active > a:focus {
            border-bottom-color: transparent;
            border-right-color: #ddd;
            border-left-color: #ddd;
        }

    .vertical-text.tabs-left {
        left: -50px;
    }

    .vertical-text.tabs-right {
        right: -50px;
    }

        .vertical-text.tabs-right > li {
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            transform: rotate(90deg);
        }

    .vertical-text.tabs-left > li {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

.postion-ul {
    width: 320px !important;
    left: -230px !important;
    cursor: pointer;
    font-size: 13px;
    text-align: left;
}

.li-hover:hover {
    background: #DCEBFC !important;
}

.nav-tabs > li.tree ul {
    padding-left: 15px;
}


td.no-pading {
    padding: 0 !important;
}

/*.context-menu-icon-refresh {
    background: url(../img/captcha-refresh.png) no-repeat 4px center;
    padding-left: 24px;
}*/

.context-menu-list {
    z-index: 99999 !important;
    border-radius: 6px;
}

    .context-menu-list .context-menu-item {
        height: 32px;
        padding: 0 8px;
        display: flex;
    }

        .context-menu-list .context-menu-item::before {
            /*display: none !important;*/
        }

        .context-menu-list .context-menu-item span {
            line-height: 32px;
            white-space: nowrap;
        }

    .context-menu-list .context-menu-separator {
        height: 1px;
    }
/*.context-menu-icon-apply {
    background: url(../img/apply.png) no-repeat 7px center;
    padding-left: 34px;
}

.context-menu-icon-refresh {
    background: url(../img/captcha-refresh.png) no-repeat 7px center;
    padding-left: 34px;
}

.context-menu-icon-add {
    background: url(../img/add.png) no-repeat 4px center;
    padding-left: 34px;
}

.context-menu-icon-delete {
    background: url(../img/delete.png) no-repeat 4px center;
    padding-left: 33px;
}*/
/*.context-menu-icon::before {
    display: none !important;
}*/

/*.context-menu-icon-apply span {
    margin-right: 10px !important;
}*/

td.no-pading {
    padding: 0 !important;
}
/*date picker*/
.ui-datepicker-trigger {
    margin-top: -35px;
    margin-right: 1px;
    border-radius: 0 6px 6px 0;
    cursor: pointer;
    float: right;
    position: relative;
    width: 32px;
    height: 34px;
    background-image: url(../img/Icon/icon_sprites.svg);
    background-repeat: no-repeat;
    background-position: -136px -503px;
}

.editor .ui-datepicker-trigger {
    border-radius: 0;
}

.editor .comboTreeArrowBtn {
    height: 30px;
    border-radius: 0 6px 6px 0;
}

.editor-control .ui-datepicker-trigger {
    margin-top: -34px;
    height: 33px;
}

.form-control.date-control {
    padding: 0.375rem 1.75rem 0.375rem 0.75rem;
}

.date-control:hover + img,
.ui-datepicker-trigger:hover {
    background-color: #e8e8e8;
    cursor: pointer;
}

table.dataTable .date-control:hover + img,
table.dataTable .ui-datepicker-trigger:hover {
    /*background-color: transparent;*/
    cursor: pointer;
}

td.no-pading .ui-datepicker-trigger {
    margin-top: -29px;
}


/*PoPUP*/
.ui-dialog {
    border: none !important;
    box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.475);
    /*z-index: 99995 !important;*/
}

    .ui-dialog * {
        font-size: 14px;
    }

.ui-widget-overlay {
    background: #000 !important;
    /*z-index: 99994 !important;*/
}

.m-messag-dialog {
    /*z-index: 99997 !important;*/
}

    .m-messag-dialog + div.ui-widget-overlay {
        /*z-index: 99996 !important;*/
    }

.popup-detail {
    /*margin-top: 10px !important;
    border-top: 2px solid #F3F5F7 !important;*/
}

.ui-widget-header {
    border: none;
    background: transparent !important;
    color: #222222;
    font-family: SFProBold !important;
    font-weight: bold;
    padding-top: 18px !important;
}

.m-detail-popup .ui-dialog .ui-dialog-title {
    padding-top: 16px !important;
}

.ui-dialog .ui-dialog-titlebar-close {
    /*right: 8px;*/
}
/*
    .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:active, .ui-dialog .ui-dialog-titlebar-close:focus {
        opacity: 1;
    }*/



.ui-dialog .m-toolbar {
    border-width: 0;
    padding: 20px;
}

.ui-dialog .ui-dialog-titlebar {
    padding: 12px 20px;
}

.ui-dialog .m-toolbar .btn {
    min-width: 96px;
}

.ui-dialog, .ui-dialog .ui-dialog-content {
    padding: 0;
}

    .ui-dialog .ui-dialog-content {
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }

    .ui-dialog .content {
        padding: 0px;
    }

        .ui-dialog .content .partial-content {
            padding: 16px 20px;
        }

        .ui-dialog .content .bg-gray {
            background: #F3F5F7;
        }

    .ui-dialog .ui-dialog-title {
        font-size: 20px;
        display: flex;
    }

    .ui-dialog .ui-dialog-buttonpane {
        background-color: #FFF;
    }

.ui-widget-content {
    border-color: #ddd;
}

.ui-menu.ui-widget.ui-widget-content {
    border: unset;
    -webkit-box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.475);
    box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.475);
    border-radius: 6px;
    overflow: auto;
}

    .ui-menu.ui-widget.ui-widget-content::-webkit-scrollbar {
        width: 8px;
    }

    .ui-menu.ui-widget.ui-widget-content:hover::-webkit-scrollbar {
        width: 8px;
    }

    .ui-menu.ui-widget.ui-widget-content::-webkit-scrollbar-thumb {
        background-color: #C7C7C7;
    }

    .ui-menu.ui-widget.ui-widget-content::-webkit-scrollbar-track {
        background-color: #F0F0F0;
    }

.m-message-box .message {
    display: inline-block;
    /*margin-top: 90px;*/
}

.m-messag-dialog .m-message-box {
    padding-left: 20px;
    padding-right: 16px;
    z-index: 10;
}

.m-message .m-message-box-content {
    padding-left: 88px;
    min-height: 62px !important;
    z-index: 10;
    background-position: 16px 5px;
    background-repeat: no-repeat;
    background: url(../img/Dialog_Warning.png) left top no-repeat;
    background-position-x: 17px;
    height: auto !important;
}

.txt-body-content {
    width: 295px;
    height: 112px;
    resize: none;
    border: 1px solid #ccc;
}

    .txt-body-content:disabled {
        background-color: #fff;
    }

.m-icon-isMac {
    background: url('../img/Icon_ISMAC.png') no-repeat 6px center;
    background-size: 32px 32px;
}

.m-messag-dialog .ui-dialog-titlebar {
    padding: 0 !important;
    margin: 0 !important;
    display: flex;
    align-items: center;
    padding: 16px 16px 18px 20px !important;
}

.m-messag-dialog .ui-dialog .ui-dialog-title {
    display: none;
}

.ui-dialog.m-messag-dialog .ui-dialog-titlebar.ui-helper-clearfix:before {
    background-image: url('../img/Icon/icon_sprites.svg');
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    display: inline-block;
}

.ui-dialog.m-info .ui-dialog-titlebar.ui-helper-clearfix:before {
    background-image: none;
    width: 0;
}

.ui-dialog.m-info .ui-dialog-titlebar .ui-dialog-title {
    margin: 0;
}

.ui-dialog.m-message .ui-dialog-titlebar.ui-helper-clearfix:before {
    background-image: none;
    width: 0;
}

.ui-dialog.m-error .ui-dialog-titlebar.ui-helper-clearfix:before {
    background-position: -49px -720px;
}

.ui-dialog.m-warning .ui-dialog-titlebar.ui-helper-clearfix:before {
    background-position: -49px -760px;
}

.ui-dialog.m-confirm .ui-dialog-titlebar.ui-helper-clearfix:before {
    background-position: -49px -760px;
}

.ui-dialog.m-notpermission .ui-dialog-titlebar.ui-helper-clearfix:before {
    background-position: -49px -800px;
}

.ui-dialog.m-success .ui-dialog-titlebar.ui-helper-clearfix:before {
    background-position: -49px -840px;
}

.m-messag-dialog .ui-dialog-titlebar-close, .warning-expiration .ui-dialog-titlebar-close {
    background-image: url('../img/Icon/icon_sprites.svg');
    background-repeat: no-repeat;
    background-position: -3px -323px;
    top: 30px;
    right: 8px;
    z-index: 99;
    border: none;
    opacity: 1;
}

    .m-messag-dialog .ui-dialog-titlebar-close:hover, .m-messag-dialog .ui-dialog-titlebar-close:focus, .m-messag-dialog .ui-dialog-titlebar-close:active {
        opacity: 1;
    }


.m-messag-dialog .ui-dialog-buttonpane {
    background-color: #FFF;
    padding: 0;
    margin: 0;
    border: none;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

    .m-messag-dialog .ui-dialog-buttonpane button {
        margin: 18px 8px 20px 0;
        cursor: pointer;
        font-size: 13px;
    }

        .m-messag-dialog .ui-dialog-buttonpane button:last-child {
            margin-right: 20px;
        }

.m-messag-dialog .ui-dialog-title {
    white-space: unset;
    width: 96%;
    overflow: unset;
    text-overflow: unset;
    font-size: 20px;
    font-weight: 700;
    color: #333333;
    margin: 0 0 0 8px;
    font-family: SFProBold,-apple-system, BlinkMacSystemFont, sans-serif !important;
    font-weight: normal;
}

.m-messag-dialog .ui-state-hover, .m-messag-dialog .ui-widget-content .ui-state-hover, .m-messag-dialog .ui-widget-header .ui-state-hover {
    border: 1px solid #ddd !important;
    background-color: #fafcfd !important;
}

.m-messag-dialog .content {
    font-size: 14px;
}

.ui-dialog-buttonpane .btn {
    border: 1px solid #e0e0e0;
    min-width: 100px;
    height: 36px;
    overflow: hidden;
}

    .ui-dialog-buttonpane .btn.blue {
        background-color: #1877f2;
        border: none;
        height: 36px;
        font-weight: 600;
        font-family: SFProBold !important;
        color: #ffffff;
    }

/*combobox*/
.custom-combobox {
    display: flex;
    display: -webkit-flex;
    width: 100%;
    position: relative;
}

.bottom-padding {
    padding: 0 !important;
    font-size: 16px !important;
}

.custom-combobox-input {
    flex: 1;
    -webkit-box-flex: 1;
}

    .custom-combobox-input:focus {
        border: 1px solid #1877F2 !important;
        -webkit-box-shadow: unset;
        box-shadow: unset;
    }

/*.custom-combobox-input, .custom-combobox-toggle {
    height: 32px;
}*/

.custom-combobox .custom-combobox-input {
    padding-right: 30px !important;
}

.custom-combobox-toggle:hover {
    cursor: pointer;
}

.custom-combobox-toggle {
    background-position: 2px -801px !important;
    background: url('../img/Icon/icon_sprites.svg') no-repeat center;
    display: inline-block;
    width: 28px;
    height: 34px;
    background-color: #fff;
    border-radius: 0 6px 6px 0px;
    position: absolute;
    right: 1px;
    top: 1px;
}

    .comboTreeInputBox:hover + button,
    .custom-combobox-input:hover + a,
    .custom-combobox-toggle:hover {
        background-color: #e8e8e8;
    }

.m-detail-page .form-control.not-dot {
    border-color: #CFD9E0;
    color: black !important;
    height: 36px !important;
    font-size: 13px !important;
    border-radius: 6px !important;
    box-shadow: unset;
    min-width: 0px;
    border-style: solid;
    border-width: 1px;
}

    .m-detail-page .form-control.not-dot:focus {
        border-style: solid !important;
        border-width: 1px !important;
    }


.form-control {
    border-color: #CFD9E0;
    color: black !important;
    height: 36px;
    font-size: 14px !important;
    border-radius: 6px !important;
    box-shadow: unset;
    min-width: 0px;
}

input.form-control:focus {
    border-color: #1492e6 !important;
    box-shadow: unset;
}

.form-control.error:focus {
    border-color: #f50000 !important;
    outline: 0;
    /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #f84856;*/
    /*box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #f84856;*/
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    cursor: default;
    background-color: rgba(0, 0, 0, 0.075);
}

.combobox-control::-webkit-scrollbar-thumb {
    background: #0e9c0d;
    width: 8px;
    height: 8px;
    border-radius: 5px;
}

.combobox-control option {
    margin: 10px;
}



/*Button*/
.btn-delete {
    border: none;
    width: 32px;
    height: 32px;
    background: transparent;
    color: red;
    font-family: SFProBold !important;
    font-weight: bold;
    border-radius: 50%;
}

    .btn-delete:hover {
        background-color: #ECEDF0;
    }

    .btn-delete:focus, .btn-delete:active {
        background-color: #E4E6EB;
    }

.btn-tab {
    line-height: 36px;
    padding: 0 16px;
    border: none;
    background: transparent;
    border-radius: 8px;
    background-color: #e4e6eb;
}

    .btn-tab.active {
        background-color: #1877f2 !important;
        /*border: 1px solid #014cac;*/
        color: #fff;
        border-width: 0;
        font-weight: 600;
    }

        .btn-tab.active:hover {
            background-color: #4a99ff;
        }

        .btn-tab.active:active {
            background-color: #0061df;
        }

        .btn-tab.active:disabled {
            background-color: #f0f2f5;
        }

        .btn-tab.active:focus {
            background-color: #1877f2;
        }

.btn {
    text-align: center;
    border: solid 1px #CFD9E0;
    height: 36px;
    font-size: 14px !important;
    outline: none !important;
    font-family: SFProRegular,-apple-system, BlinkMacSystemFont, sans-serif !important;
    font-weight: normal;
    background-color: #FFFFFF;
    border-radius: 6px !important;
    color: #041847;
    justify-content: center;
    align-items: center;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

    .btn:hover {
        background-color: #f0f2f5;
    }

    .btn:active {
        background-color: #e4e6eb;
    }

    .btn:focus {
        background-color: #e4e6eb;
    }

    .btn:disabled {
        opacity: 0.6 !important;
        pointer-events: none;
    }

    .btn span {
        display: inline-block;
        white-space: nowrap;
    }

.btn-extra {
    background-color: #e4e6eb;
    border-color: #e4e6eb !important;
}

    .btn-extra:hover {
        background-color: #f1f2f5;
    }

.btn-color-blue {
    border-color: transparent !important;
    color: #1877f2;
    background-color: #fff;
}

.btn-primary {
    color: #fff;
    background-color: #1877f2;
    border-color: transparent !important;
}

    .btn-primary:hover {
        background-color: #4097FF;
    }

    .btn-primary:active {
        background-color: #e4e6eb;
    }

    .btn-primary:focus, .btn-primary.focus {
        background-color: #1877F2;
        box-shadow: 0 0 0 2px rgba(38, 143, 255, 0.5);
    }

    .btn-primary.disabled, .btn-primary:disabled {
        opacity: 0.5;
    }

    .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
    .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #1877f2;
    }

        .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
        .show > .btn-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 2px rgba(38, 143, 255, 0.5);
        }

.btn-secondary {
    background-color: #ffffff;
    border-radius: 6px;
    border: 1px solid #1877f2;
    font-weight: 600;
    font-family: SFProBold !important;
    color: #1877f2;
}

    .btn-secondary:hover {
        background-color: #ddebfd;
        border: 1px solid #1877f2;
        color: #1877f2;
    }

    .btn-secondary:active {
        background-color: #ddebfd;
        border: 1px solid #1877f2;
        color: #1877f2;
    }

    .btn-secondary:focus, .btn-secondary.focus {
        background-color: #ffffff;
        border: 1px solid #1877f2;
        color: #1877f2;
    }

    .btn-secondary.disabled, .btn-secondary:disabled {
        background-color: #f0f2f5;
        color: #1877f2;
    }

    .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
    .show > .btn-secondary.dropdown-toggle {
        background-color: #ddebfd;
        border: 1px solid #1877f2;
        color: #1877f2;
    }

        .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
        .show > .btn-secondary.dropdown-toggle:focus {
            box-shadow: 0 0 0 2px rgba(130, 138, 145, 0.5);
        }

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

    .btn-success:hover {
        color: #fff;
        background-color: #218838;
        border-color: #1e7e34;
    }

    .btn-success:focus, .btn-success.focus {
        color: #fff;
        background-color: #218838;
        border-color: #1e7e34;
    }

    .btn-success.disabled, .btn-success:disabled {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745;
    }

    .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
    .show > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #1e7e34;
        border-color: #1c7430;
    }

        .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
        .show > .btn-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 2px rgba(72, 180, 97, 0.5);
        }

.btn-action {
    width: 36px;
    height: 36px;
    border: solid 1px #CFD9E0;
    background-color: #FFF;
    border-radius: 6px;
    text-align: center;
}

.btn-type-action {
    border: solid 1px #CFD9E0;
    background-color: #FFF;
    border-radius: 6px;
    text-align: center;
}

.btn-action:hover {
    border-color: #1B79F2;
    background-color: #E7F1FE;
}

.btn-action:active {
    background-color: #DDEBFD;
}

.btn-action:disabled {
    opacity: 0.5;
}

.btn-action:focus {
    background-color: #fff;
}

.btn-none-border {
    width: 36px;
    height: 36px;
    border: solid 1px transparent;
    background-color: transparent;
    border-radius: 6px;
    text-align: center;
    color: #1877f2;
}

    .btn-none-border:hover {
        border-color: rgb(24,119,242,15%);
        background-color: rgb(24,119,242,15%);
        color: #1877f2;
    }

    .btn-none-border:active, .btn-none-border:focus {
        background-color: rgb(24,119,242,25%);
        color: #1877f2;
    }

    .btn-none-border:disabled {
        opacity: 0.5;
        color: #b2b2b2;
        border-color: transparent;
    }


.btn.blue-tree {
    background-color: #50b83c !important;
    border: solid 1px transparent;
    color: #FFF;
}


    .btn.blue-tree:hover {
        background-color: #089BF5;
    }

    .btn.blue-tree:focus {
        background-color: #005D95;
    }

    .btn.blue-tree:active {
        background-color: #089BF5;
    }

.btn.blue-export {
    background-color: #0f996d !important;
    border: solid 1px transparent;
    color: #FFF;
}


    .btn.blue-export:hover {
        background-color: #089BF5;
    }

    .btn.blue-export:focus {
        background-color: #005D95;
    }

    .btn.blue-export:active {
        background-color: #089BF5;
    }

.btn.red {
    background-color: #FFF;
    border: solid 1px #f84856;
    color: #f84856;
}


    .btn.red:hover {
        background-color: #ffecee;
    }

    .btn.red:focus {
        background-color: #fdd1d4;
    }

    .btn.red:active {
        background-color: #ffecee;
    }


.border-blue {
    color: #1877f2 !important;
    border-color: #1877f2 !important;
}

.btn-default:active {
    background-image: none !important;
}



a.action:active {
    /*background-color: #ffd4d0 !important;*/
}

/*.toolbar .btn {
    border-radius: 0 !important;
}*/

/*.toolbar > input[type=button]:last-child {
    border-radius: 0 2px 2px 0 !important;
    
}*/

.toolbar .btn:hover, .toolbar .btn:active, .toolbar .btn:focus {
    /*border-radius: 4px !important;*/
}


/*#region Món này bỏ border cho mấy cái nút bấm cạnh nhau */
.btn-no-padding-right {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-no-padding-left {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-no-border-right {
    /*border-top-right-radius: 0;
    border-bottom-right-radius: 0;*/
    border-right: none !important;
}

.btn-no-border-left {
    /*border-top-left-radius: 0;
    border-bottom-left-radius: 0;*/
    border-left: none !important;
}
/*#endregion */

/*Checkbox*/
/* Customize the label (the container) */
.m-checkcontainer {
    /*display: block;*/
    position: relative;
    /*padding-left: 35px;
    margin-bottom: 12px;*/
    cursor: pointer;
    /*font-size: 17px;*/
    -webkit-user-select: none; /* Chrome, Opera, Safari */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Standard syntax */
    /*margin: 0 !important;
    padding: 0 !important;*/
    display: inline-block;
    /*min-width: 20px;
    min-height: 20px;*/
}

    .m-checkcontainer input {
        float: left;
    }

    .m-checkcontainer.disable {
        opacity: 0.5;
    }
    /* Hide the browser's default checkbox */
    /*.m-checkcontainer input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        left: 0;
        top: 0;
    }*/

    /* Create a custom checkbox */
    .m-checkcontainer .checkmark {
        position: absolute;
        top: 3px;
        left: 0;
        height: 17px;
        width: 17px;
        background-color: #FFF;
        border: solid 1px #BABEC5;
        border-radius: 4px;
        display: none;
    }

    /* On mouse-over, add a grey background color */
    .m-checkcontainer:hover input ~ .checkmark, .m-checkcontainer input:focus ~ .checkmark {
        border-color: #2196F3;
    }

    .m-checkcontainer.disable:hover input ~ .checkmark, .m-checkcontainer.disable input:focus ~ .checkmark {
        border-color: #BABEC5;
    }
    /* When the checkbox is checked, add a blue background */
    .m-checkcontainer input:checked ~ .checkmark {
        /*background-color: #2196F3;*/
        border-color: #2196F3;
    }

    /* Create the checkmark/indicator (hidden when not checked) */
    .m-checkcontainer .checkmark:after {
        content: "";
        position: absolute;
        display: none;
        left: 5px;
        top: 1px;
        width: 6px;
        height: 10px;
        border: solid #2196F3;
        border-width: 0 2px 2px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    /* Show the checkmark when checked */
    .m-checkcontainer input:checked ~ .checkmark:after {
        display: block;
    }


    /*
    .m-checkcontainer .radiobtn {
        position: absolute;
        top: 2px;
        left: 0;
        height: 18px;
        width: 18px;
        background-color: #FFF;
        border: solid 1px #BABEC5;
        border-radius: 50%;
    }

    
    .m-checkcontainer:hover input ~ .radiobtn, .m-checkcontainer input:focus ~ .radiobtn {
        //background-color: #ddd;
        border-color: #2196F3;
    }

   
    .m-checkcontainer input:checked ~ .radiobtn {
        background-color: #ffffff;
        border-color: #2196F3;
    }

    
    .m-checkcontainer .radiobtn:after {
        content: "";
        position: absolute;
        display: none;
        top: 3px;
        left: 3px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #2196F3;
    }

    
    .m-checkcontainer input:checked ~ .radiobtn:after {
        display: block;
    }*/

    .m-checkcontainer .radio-text, .m-checkcontainer .checkbox-text {
        margin-left: 8px;
        line-height: 22px;
        display: inline-block;
        white-space: nowrap;
    }

    .m-checkcontainer span.radio-text {
        margin-left: 8px;
    }

.fieldset {
    border-color: #ccc;
    border-radius: 4px;
}

.tooltip-inner {
    max-width: 320px !important;
    padding: 8px 8px;
    text-align: left;
}

input.error {
    /*border: solid 1px red !important;*/
    border-color: red !important;
}

.number-control {
    text-align: right;
}


.btn-group ul.dropdown-menu {
    top: 12px;
    padding: 8px 0;
}

.ui-menu {
    z-index: 999;
}

body .ui-tooltip {
    border: none !important;
    background-color: #4a4a4a;
    color: #FFF;
    padding: 6px 15px;
    margin-left: 5px;
    border-radius: 2px !important;
    /* box-shadow: 2px 2px 10px 0 #b95858; */
    z-index: 99999;
    max-width: 1000px !important;
}

.ui-datepicker select.ui-datepicker-month {
    width: 60%;
}

.ui-datepicker select.ui-datepicker-year {
    width: 40%;
    border: none;
    padding: unset !important;
    font-weight: normal;
    background: none;
}

.border-blue-hover:hover {
    border-color: #0877BB !important;
}

.dropdown-menu.dropdown-action-more {
    width: 200px;
    padding: 0;
    border-radius: 6px;
}

    .dropdown-menu.dropdown-action-more .action-more-item {
        padding: 9px 8px;
        border-radius: 6px;
    }

        .dropdown-menu.dropdown-action-more .action-more-item:hover {
            cursor: pointer;
            background-color: #E7F3FF;
        }


.dropdown-menu {
    font-size: 13px !important;
    border: none !important;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .16);
    box-shadow: 0 0 6px rgba(0, 0, 0, .16);
    padding: 12px 0;
}

    .dropdown-menu .dropdown-content {
        border-radius: 6px;
        overflow: hidden;
    }

    .dropdown-menu > li > a {
        font-size: 13px !important;
        padding: 6px 12px !important;
        display: block;
    }

        .dropdown-menu > li > a:hover {
            background-color: #DCEBFC !important;
            color: #000 !important;
        }

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
    border-color: #0877BB !important;
}

.ui-menu .ui-menu-item {
    font-size: 14px !important;
    height: 36px;
}


/*.m-mask-message {
    background: #fff;
    width: 160px;
    height: 70px;
    margin: 0 auto;
    content: " ";
    display: block;
    padding: 16px;
    border-radius: 3px;
    border: 1px solid #ddd;
}

    .m-mask-message .m-mask-message-inner {
        width: 48px !important;
        height: 48px !important;
        background: url(../img/logo-mask.png) center no-repeat !important;
        margin: 0 auto !important;
    }*/

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: none !important;
    background: #0877BB !important;
    color: #fff !important;
    margin: 0 !important;
}

/*style chung cho chi tiet dang form phang*/
/*.paper-detail input[type=text], .paper-detail select {
    border-color: #ddd !important;
    border-style: dotted !important;
    border-width: 0 0 1px 0 !important;
}

    .paper-detail input[type=text]:focus, .paper-detail input[type=text]:active {
        border-color: #35A6DE !important;
    }

    .paper-detail input[type=text].error {
        border-color: red !important;
        border-width: 1px !important;
        border-style: solid !important;
    }*/



.jq-toast-single {
    /*    width: 100%;*/
    min-width: 300px;
    border-radius: 6px;
    overflow: hidden;
}

    .jq-toast-single .close-jq-toast-single {
        content: none;
        width: 24px;
        height: 24px;
        background-position: -196px -479px !important;
        top: 8px;
        right: 8px;
        opacity: 0.7;
    }

        .jq-toast-single .close-jq-toast-single:hover {
            opacity: 1;
        }

    .jq-toast-single .toast-icon-container {
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
        clip-path: circle(106% at 0% 50%);
        display: flex;
        align-items: center;
    }

    .jq-toast-single.jq-has-icon {
        background-image: none;
        background-repeat: no-repeat;
        padding: 0;
        display: flex;
        align-items: center;
        align-items: stretch;
        justify-content: stretch;
    }

    .jq-toast-single .jq-toast-content {
        padding-left: 16px;
        padding-right: 40px;
        flex: 1;
        align-items: center;
        height: auto;
        padding-top: 6px;
        padding-bottom: 6px;
        margin: auto;
    }

    .jq-toast-single.jq-has-icon .jq-toast-text {
        color: #fff;
        font-size: 13px;
        padding: 8px 0;
    }

    .jq-toast-single.jq-has-icon .jq-toast-icon {
        width: 58px;
        height: 40px;
        clip-path: circle(110% at 0% 50%);
    }

    .jq-toast-single.jq-has-icon.jq-icon-success {
        background-color: #08bf1e;
    }

        .jq-toast-single.jq-has-icon.jq-icon-success .toast-icon-container {
            background-color: #099f1b;
        }

        .jq-toast-single.jq-has-icon.jq-icon-success .jq-toast-icon {
            background-position: -182px -352px !important;
        }

    .jq-toast-single.jq-has-icon.jq-icon-error {
        background-color: #f77;
    }

        .jq-toast-single.jq-has-icon.jq-icon-error .toast-icon-container {
            background-color: #ff5050;
        }

        .jq-toast-single.jq-has-icon.jq-icon-error .jq-toast-icon {
            background-position: -180px -432px !important;
        }

    .jq-toast-single.jq-has-icon.jq-icon-warning {
        background-color: #ffb24d;
    }

        .jq-toast-single.jq-has-icon.jq-icon-warning .toast-icon-container {
            background-color: #ff9100;
        }

        .jq-toast-single.jq-has-icon.jq-icon-warning .jq-toast-icon {
            background-position: -182px -391px !important;
        }

    .jq-toast-single.jq-has-icon.jq-icon-info {
        background-color: #59a1ff;
    }

        .jq-toast-single.jq-has-icon.jq-icon-info .toast-icon-container {
            background-color: #1877f2;
        }

        .jq-toast-single.jq-has-icon.jq-icon-info .jq-toast-icon {
            background-position: -182px -391px !important;
        }

    .jq-toast-single a {
        border: none;
        text-decoration: underline;
        font-style: italic;
    }

.jq-toast-wrap {
    width: auto;
}

    .jq-toast-wrap.bottom-right {
        right: 16px;
        bottom: 16px;
    }

.ui-widget.ui-widget-content {
    /*overflow-y: auto;*/
    overflow: visible;
    border-radius: 6px;
}



.ui-autocomplete {
    max-height: 350px;
    overflow-y: auto;
}

.ui-menu {
    z-index: 999;
}

.autocomplete-dropdown {
    position: absolute;
    top: 30px;
    z-index: 1001;
    margin-top: 4px;
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.475);
    -webkit-box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.475);
    overflow: hidden;
}

    .autocomplete-dropdown .ui-autocomplete {
        min-width: 100% !important;
        position: initial !important;
        border-width: 0 !important;
        box-shadow: unset !important;
        -webkit-box-shadow: unset !important;
    }

/*.autocomplete-dropdown.north {
        top: auto;
        bottom: 30px !important;
    }

    .autocomplete-dropdown.west {
        right: 0 !important;
    }*/


.autocomplete-wrapper {
    width: 100%;
    position: relative;
}

    /*.autocomplete-wrapper .ui-autocomplete {
        position: relative;
    }*/



    .autocomplete-wrapper .autocomplete-toggle {
        float: right;
        position: relative;
        width: 25px;
        background-position: 0px -762px !important;
        background: url(../img/Icon/icon_sprites.svg) no-repeat center;
        z-index: 1;
        margin-left: -26px;
        height: 34px;
        margin-top: -35px;
        border-radius: 0 6px 6px 0;
        margin-right: 1px;
        opacity: 0.6;
    }

        .autocomplete-wrapper .autocomplete-toggle:hover, .autocomplete-wrapper .autocomplete-toggle:focus, .autocomplete-wrapper .autocomplete-toggle:active {
            background-color: #eaeaea;
            opacity: 1;
        }

.auto-complete-header,
.auto-complete-quickadd {
    /*height: 30px;*/
    /*position: absolute;*/
    /*border: solid 1px #c5c5c5;*/
    z-index: 10;
    width: 100% !important;
}

.auto-complete-quickadd {
    border-top-width: 0;
    background-color: #FFF;
}

.auto-complete-header {
    border-bottom-width: 1px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    background-color: transparent;
    border-bottom: solid 1px #d6d6d6;
}

    .auto-complete-header .auto-complete-col {
        text-align: left;
        font-family: SFProBold !important;
        font-weight: bold;
        /*border-right: solid 1px #c5c5c5;*/
        line-height: 36px;
        /*border-right: solid 1px #c5c5c5;*/
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 0 12px !important;
    }

.ui-menu-item .auto-complete-col {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.ui-menu .ui-menu-item-wrapper {
    padding: 8px 6px !important;
}

.auto-complete-col.ui-menu-item-wrapper {
    /*padding: 8px 0 8px 12px !important;*/
    text-align: left;
}

.auto-complete-header .auto-complete-col:last-child {
    border-right-width: 0;
}

.auto-complete-quickadd button {
    /*border: none;
    background: transparent;*/
    /* height: 30px; */
    min-width: 110px !important;
    text-align: left;
    cursor: pointer;
    color: #1877F2;
    border: none;
    display: flex;
    padding: 0;
    height: 36px;
    white-space: nowrap;
    background: transparent;
    margin: 0 0 0 8px;
    align-items: center;
    /*padding: 0 4px !important;*/
}

    .auto-complete-quickadd button i {
        background: url(../img/Icon/icon_sprites.svg) no-repeat center;
        background-position: -144px -796px;
        display: inline-block;
        width: 22px;
        height: 22px;
    }

    .auto-complete-quickadd button span {
    }

    .auto-complete-quickadd button:hover,
    .auto-complete-quickadd button:focus,
    .auto-complete-quickadd button:active {
        background-color: transparent;
        text-decoration: underline;
    }

select {
    height: 36px;
    width: 100%;
    border: solid 1px #BABEC5;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-progress-appearance: bar;
    appearance: none;
    -o-appearance: none;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAFEmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAxOC0xMS0xNVQwODo0NDo1MyswNzowMCIgeG1wOk1vZGlmeURhdGU9IjIwMTgtMTEtMTVUMDk6MjA6MTMrMDc6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMTgtMTEtMTVUMDk6MjA6MTMrMDc6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ZmM4ODFlNTQtODZiNy00NzRkLWI4MzYtNzdjYWVjN2JlZTg4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOmZjODgxZTU0LTg2YjctNDc0ZC1iODM2LTc3Y2FlYzdiZWU4OCIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmZjODgxZTU0LTg2YjctNDc0ZC1iODM2LTc3Y2FlYzdiZWU4OCI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ZmM4ODFlNTQtODZiNy00NzRkLWI4MzYtNzdjYWVjN2JlZTg4IiBzdEV2dDp3aGVuPSIyMDE4LTExLTE1VDA4OjQ0OjUzKzA3OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnI3/p4AAACiSURBVEiJ7dSxDcIwEAXQ/2kZIwNEuvMOZqlUzEHBFskKSG5cg8QS1J8GkBsSUIiEIn/pGkt3zy58lIQls1l0egUqsAIghNC5eySJskIIjbsf2rbdzgIknUj2ZhafZ+7eABhIXnPOtymAY6uCJMwskuwl7UieAQwAjiml/eMS8wAALwTApRz+CQBJb6uMmUV3777plzT+gl9k5f+gAhX4D+AOI7Bgmb109jAAAAAASUVORK5CYII=") no-repeat right center;
    padding: 4px 20px 4px 4px !important;
}

    select::-ms-expand {
        display: none;
    }


.ui-menu-item .selected-item {
    border: none !important;
    background: #E5F7FE !important;
    color: #4097FF !important;
}

.ui-menu-item .ui-state-active {
    border: none !important;
    background: #E5F7FE !important;
    color: #1877F2 !important;
}

/*.m-detail-load {
    opacity: 0;
}*/

.autocomplete-dropdown .ui-menu label.m-checkcontainer {
    margin-bottom: 0px;
}

.autocomplete-dropdown .ui-menu .m-checkcontainer .checkmark {
    top: 0px;
}

.autocomplete-dropdown .ui-menu .m-checkcontainer .radio-text {
    padding-left: 4px;
    line-height: 20px;
    margin-bottom: 0px;
}

.multicombobox-input.form-control {
    height: 34px !important;
}
/*check datalist combobox*/
.check-list-combobox {
    border: 1px solid #CFD9E0;
    border-radius: 2px;
    position: relative;
    border-radius: 6px;
    min-height: 36px;
    max-height: 72px;
    overflow-y: hidden;
    overflow-y: auto;
}

    .check-list-combobox.error {
        border-color: red;
    }

    .check-list-combobox .check-list-trigger {
        height: 32px;
        width: 28px;
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        cursor: pointer;
        /*display: none;*/
    }

        .check-list-combobox .check-list-trigger:hover {
            background-color: #e8e8e8;
        }

        .check-list-combobox .check-list-trigger::after {
            content: "";
            height: 6px;
            width: 6px;
            display: block;
            position: absolute;
            top: 12px;
            left: 12px;
            transform: rotate(45deg);
            border: 1px solid #404040;
            border-top: none;
            border-left: none;
        }

    .check-list-combobox .more-number {
        position: absolute;
        right: 32px;
        top: 6px;
        color: blue;
        user-select: none;
        display: none;
    }

    .check-list-combobox .tag-wrap {
        padding: 0 2px 0 2px;
        width: 100%;
        /*max-height: 60px;*/
        overflow: auto;
        direction: rtl;
    }

        .check-list-combobox .tag-wrap::-webkit-scrollbar {
            width: 2px;
            background-color: white;
        }

        .check-list-combobox .tag-wrap::-webkit-scrollbar-track {
            background-color: white;
        }

        .check-list-combobox .tag-wrap::-webkit-scrollbar-thumb {
            background-color: #BABEC5 !important;
            border-radius: 0;
        }

        .check-list-combobox .tag-wrap::-webkit-scrollbar-track-piece {
            background-color: white;
        }

        .check-list-combobox .tag-wrap .custom-combobox-input {
            padding: 0;
            float: left;
            border: none;
            width: 100%;
            direction: ltr;
        }

            .check-list-combobox .tag-wrap .custom-combobox-input:focus {
                border: none !important;
            }

        .check-list-combobox .tag-wrap .more-number {
            position: absolute;
            top: 6px;
            right: 32px;
            color: blue;
            user-select: none;
        }

        .check-list-combobox .tag-wrap .tag {
            cursor: default;
            margin: 4px 2px 0 2px;
            padding: 4px 20px 4px 8px;
            position: relative;
            text-align: center;
            line-height: 20px;
            float: left;
            background-color: #f0f0f0;
            border-radius: 4px;
        }

        .check-list-combobox .tag-wrap .tag-all {
            cursor: default;
            margin: 3px 2px 0 2px;
            padding: 4px 20px 4px 8px;
            position: relative;
            text-align: center;
            line-height: 20px;
            float: left;
            color: #212529;
        }

        .check-list-combobox .tag-wrap .tag:hover {
            background-color: #b6b6b6;
            background-color: #089BF5;
            color: white;
        }

        .check-list-combobox .tag-wrap .tag .tag-trigger {
            position: absolute;
            top: 4;
            right: 0;
            float: right;
            height: 21px;
            width: 21px;
        }

            .check-list-combobox .tag-wrap .tag .tag-trigger:hover {
                cursor: pointer;
            }

            .check-list-combobox .tag-wrap .tag .tag-trigger::before {
                content: "";
                position: absolute;
                top: 6px;
                right: 8px;
                height: 9px;
                border-left: 1px solid #000;
                transform: rotate(45deg);
            }

            .check-list-combobox .tag-wrap .tag .tag-trigger::after {
                content: "";
                position: absolute;
                top: 6px;
                right: 8px;
                height: 9px;
                border-left: 1px solid #000;
                transform: rotate(-45deg);
            }

    .check-list-combobox.focus {
        border: 1px solid #1492E6;
        outline: none;
    }

        .check-list-combobox.focus .tag-wrap::-webkit-scrollbar-thumb {
            background-color: #1492E6 !important;
        }

.check-list-drop .ui-menu-item-wrapper.selected-item {
    background-color: unset !important;
}

.check-list-drop .ui-menu-item-wrapper.ui-state-active.selected-item {
    background-color: #E5F7FE !important;
}

.check-list-drop input[type=checkbox] {
    margin: 0;
}

.style-combobox {
    width: 32px;
    background: #FFF url(../img/arrow.png) no-repeat center center;
    z-index: 2;
    margin-left: -33px;
    height: 28px;
    margin-top: 3px;
}
/*custom progess bar*/
.custom-progessbar.ui-widget.ui-widget-content {
    margin: 38px 5px 0 0;
    height: 2px;
    background-color: #e8f4fd;
    border: none;
    overflow: unset;
    position: relative;
    width: 100%;
}

.custom-progessbar .ui-progressbar-value.ui-widget-header {
    background-color: #1d96e7 !important;
    overflow: unset;
}

.custom-progessbar .ui-progressbar-value::after {
    margin: -3px -2px 0 0;
    content: "";
    height: 8px;
    width: 8px;
    border-radius: 30px;
    background-color: #ffffff;
    border: 2px solid #1d96e7;
    float: right;
    box-shadow: 0px 0px 0px 0px;
}

.custom-progessbar .ui-progressbar-value:hover::after {
    box-shadow: 0px 0px 0px 2px #1492e680;
    border-width: 1px;
}

.custom-progessbar .bar-title {
    position: absolute;
    left: 0;
    bottom: 0;
    line-height: 32px;
    color: #828282;
}

.custom-progessbar .value {
    position: absolute;
    bottom: 0;
    right: -6px;
}

    .custom-progessbar .value span.text-field {
        font-family: SFProBold !important;
        font-weight: bold;
    }

    .custom-progessbar .value span.percent-field {
        margin-left: 4px;
    }

.editor-control.fullwidth {
    width: 100%;
}

.error-control {
    border-color: red !important;
}



/*.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: solid 1px #BABEC5;
    padding: 6px 12px;
    line-height: 32px;
    height: 32px;
    border-radius: 8px;
    overflow: hidden;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}*/

.container-content-arrow {
    position: absolute;
    top: -14px;
    filter: drop-shadow(0px -1px 0px rgba(0, 0, 0, 0.1));
}


.dropdown-content-arrow {
    display: inline-block;
    width: 24px;
    height: 8px;
    content: "";
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    background: #fff;
}


/*Combo Tree Style*/
.comboTreeWrapper {
    position: relative;
    text-align: left !important;
    /*min-height: 200px;*/
}

.editor .comboTreeWrapper {
    width: 100%;
}

.comboTreeInputWrapper {
    position: relative;
}

.comboTreeArrowBtn {
    position: absolute;
    right: 1px;
    top: 1px;
    box-sizing: border-box;
    border: none;
    border-radius: 0 6px 6px 0;
    cursor: pointer;
    background: transparent;
    height: 34px;
    width: 28px;
}

.check-list-combobox .comboTreeArrowBtn {
    top: 0;
    right: 0;
}

.combotreemutil-control {
    height: 34px !important;
}
/*.editor .comboTreeArrowBtn {
    border-radius: 0;
}*/
.comboTreeArrowBtn:hover {
    background-color: #e8e8e8;
}

.comboTreeDropDownContainer {
    position: absolute;
    display: none;
    background: #fff;
    box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.475);
    max-height: 350px;
    overflow-y: auto;
    z-index: 1001;
    border-radius: 6px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -o-user-select: none;
    border: solid 1px #ddd;
}

.multi-tree-combobox.comboTreeDropDownContainer {
    overflow-y: hidden;
}

    .multi-tree-combobox.comboTreeDropDownContainer > ul {
        overflow-y: auto;
        max-height: 300px; /*phải để  là max hieght vì để hieght thì khi có ít cơ cấu sẽ có khoảng trắng*/
    }

.comboTreeDropDownContainer ul {
    padding: 0;
    margin: 0;
}

.comboTreeDropDownContainer li {
    list-style-type: none;
    /*padding-left: 12px;*/
    cursor: pointer;
    /*margin-top: 4px;
        margin-bottom: 4px;*/
}

    .comboTreeDropDownContainer li > div.combotree-item-wrapper {
        padding-top: 4px;
        padding-bottom: 4px;
        height: 36px;
    }

    .comboTreeDropDownContainer li:hover {
        background-color: #fff;
    }

        .comboTreeDropDownContainer li:hover ul {
            background-color: #fff;
        }

    .comboTreeDropDownContainer li span.comboTreeItemTitle.comboTreeItemHover {
        background-color: #E5F7FE;
        color: #1877F2;
    }

.editor .comboTreeDropDownContainer {
    height: 33px;
}

.comboTreeDropDownContainer span.comboTreeItemTitle {
    display: block;
    padding: 4px;
}

    .comboTreeDropDownContainer span.comboTreeItemTitle.pl-12 {
        padding-left: 16px;
    }

.comboTreeDropDownContainer .comboTreeDropDownContainer label {
    cursor: pointer;
    width: 100%;
    display: block;
}

.comboTreeDropDownContainer .comboTreeItemTitle input {
    position: relative;
    top: 2px;
    margin: 0 4px 0 0;
}

.comboTreeParentPlus {
    background-image: url(../img/Icon/icon_sprites.svg);
    background-repeat: no-repeat;
    background-position: -141px -445px;
}

    .comboTreeParentPlus.collapse {
        background-position: -141px -477px;
    }

.comboTreeDropDownContainer .comboTreeParentPlus {
    background-position: -2px -807px;
}

    .comboTreeDropDownContainer .comboTreeParentPlus.collapse {
        background-position: -141px -572px;
    }

.comboTreeDropDownContainer .tree-node-icon {
    position: relative;
    width: 18px;
    margin-right: 4px;
    display: inline-block;
    top: 2px;
    /*font-size: 16px;
    
    line-height: 26px;*/
}

.comboTreeInputBox {
    border-radius: 3px;
    width: 100%;
    box-sizing: border-box;
    height: 34px;
}

.comboTreeArrowBtnImg {
    background-position: -2px -806px !important;
    background: url(../img/Icon/icon_sprites.svg) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: transparent;
}

.comboTreeDropDownContainer .combotree-header {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    border-bottom: solid 1px #ddd;
    position: sticky;
    top: 0;
    width: 100%;
    background-color: #fff;
    z-index: 1;
}

/*.comboTreeDropDownContainer .combotree-header ~ ul {
        margin-top: 36px;
    }*/

.comboTreeDropDownContainer .combotree-col {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
}

.comboTreeDropDownContainer .combotree-header .combotree-col {
    height: 32px;
    line-height: 32px;
    font-weight: bold;
}

    .comboTreeDropDownContainer .combotree-header .combotree-col:first-child {
        padding-left: 12px;
    }

.comboTreeDropDownContainer .combotree-item-wrapper {
    padding-left: 6px;
}

    .comboTreeDropDownContainer .combotree-item-wrapper.disable {
        opacity: 0.5;
    }

    .comboTreeDropDownContainer .combotree-item-wrapper:hover,
    .comboTreeDropDownContainer .combotree-item-wrapper.comboTreeItemHover {
        background-color: #E5F7FE;
        color: #1877F2;
    }



.comboTreeDropDownContainer .comboTreeItemTitle,
.comboTreeDropDownContainer .combotree-col {
    text-overflow: ellipsis;
    /*width: 100%;*/
    overflow: hidden;
    white-space: nowrap;
}


/*End combo Tree Style*/

.multiplesFilter {
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #999;
}

.multiplescheck {
    bottom: 0;
    padding: 8px;
    width: 100%;
    border-top: 1px solid #c1c1c1;
    color: #1877F2;
    display: flex;
    align-items: center;
}

    .multiplescheck:hover {
        background-color: #E5F7FE;
    }

.customtext_combotree {
    position: sticky;
    bottom: 0;
    padding: 6px;
    font-style: italic;
    border-top: 1px solid #dcd7d7;
    color: #afadad;
    width: 100%;
    background: #fff;
}
/*.action-field .m-checkcontainer {
    padding: 4px 0;
}*/
@keyframes slideIn {
    0% {
        transform: translateX(120px);
    }

    100% {
        transform: translateX(-8px);
        top: 50%;
        transform: translateY(-50%);
    }
}


.inline-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /*background: rgba(0,0,0,0.2);*/
    background-color: rgba(255, 255, 255, 0.7);
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
}

.m-mask-message {
    /*    background: #fff;*/
    width: 160px;
    height: 70px;
    margin: 0 auto;
    content: " ";
    display: block;
    padding: 16px;
    border-radius: 3px;
    /*    border: 1px solid #ddd;*/
    position: absolute;
    box-sizing: content-box;
    text-align: center;
}

    .m-mask-message .meloading {
        background: url(../img/loading.gif) center no-repeat;
        height: 72px;
        margin: 0 auto;
        color: white;
        font-size: 13px !important;
    }

    .m-mask-message #message-mask {
        color: white;
    }
/*   .m-mask-message .meloading:after {
            content: " ";
            display: block;
            width: 48px;
            height: 48px;
            margin: 0;
            border-radius: 50%;
            border: 3px solid #fff;
            border-color: #0877BB transparent #0877BB transparent;
            animation: meloading 1.2s linear infinite;
            -webkit-animation: meloading 1.2s linear infinite;
            -moz-animation: meloading 1.2s linear infinite;
            -o-animation: meloading 1.2s linear infinite;
        }

        .m-mask-message .meloading span {
            font-size: 13px !important;
        }*/
@keyframes meloading {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}



/*.shimmer-loading {
    background: -webkit-gradient(linear,left top,right top,from(#f3f4f7),to(#f3f4f7),color-stop(.5,#e4e6eb));
    background: -moz-gradient(linear,left top,right top,from(#f3f4f7),to(#f3f4f7),color-stop(.5,#e4e6eb));
    background: gradient(linear,left top,right top,from(#f3f4f7),to(#f3f4f7),color-stop(.5,#e4e6eb));
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-color: #f3f4f7;
    width: 100%;
    height: 16px;
    overflow: hidden;
}

    .shimmer-loading.sub {
        position: relative;
        -webkit-animation-duration: 3s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-name: grid-busy;
        animation-duration: 3s;
        animation-name: grid-busy;
        animation-iteration-count: infinite;
    }

@keyframes grid-busy {
    from {
        left: 0px
    }

    to {
        left: 100%
    }
}*/

/*th + th {
    width: auto;
}*/

/*Tùy chỉnh lại giao diện datepicker theo thiết kế mới*/
.ui-datepicker {
    width: unset;
    padding: 8px;
}

    .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
        background-color: #f2f2f2;
        border-radius: 5.5px;
        width: 155px;
        height: 35px;
        margin: auto;
        font-size: 13px;
    }

    .ui-datepicker .ui-datepicker-header .ui-icon {
        background-image: url('../img/Icon/icon_sprites.svg') !important;
    }

    .ui-datepicker .ui-datepicker-header .ui-icon-circle-triangle-e {
        background-position: -145px -576px;
    }

    .ui-datepicker .ui-datepicker-header .ui-icon-circle-triangle-w {
        background-position: -145px -640px;
    }

    .ui-datepicker .ui-state-default, .ui-datepicker .ui-widget-content .ui-state-default {
        border: none !important;
        background: #fff;
        text-align: center;
        border-radius: 4px;
        line-height: 32px;
        width: 36px;
        height: 36px;
    }

    .ui-datepicker .ui-state-highlight {
        color: #1877F2;
    }

    .ui-datepicker .ui-state-hover {
        background-color: #E7F3FF;
    }

    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
        top: 6px;
        left: 1px;
        background-color: #f2f2f2;
        width: 35px;
        height: 35px;
        border-radius: 6px;
    }

    .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
        background-color: #f3f4f7;
        border: none;
    }

    .ui-datepicker .ui-datepicker-next {
        left: unset;
        right: 1px;
    }

    .ui-datepicker .ui-widget-header {
        padding-top: 6px !important;
    }

    .ui-datepicker .ui-state-active {
        background-color: #1877f2 !important;
    }

    .ui-datepicker .ui-datepicker-buttonpane {
        border: none;
    }

    .ui-datepicker .ui-datepicker-close {
        display: none;
    }

    .ui-datepicker .ui-datepicker-current {
        color: #1877F2 !important;
        width: 98% !important;
        background: #E7F3FF !important;
        opacity: 1 !important;
        border-radius: 6px;
    }

    .ui-datepicker .ui-datepicker-month {
        font-weight: normal;
        padding-left: 25px;
    }


.btn-search-setting {
    position: absolute;
    border: none;
    border-right: 1px solid #ddd;
    border-radius: 0 !important;
    background: transparent;
    height: 34px;
    width: 34px;
    text-align: center;
    justify-content: center;
    align-items: center;
    z-index: 99;
}

.pd-12 {
    padding: 12px;
}

.link {
    color: blue !important;
}

    .link:hover {
        text-decoration: underline;
    }


.m-detail-popup .ui-dialog-titlebar button, .warning-expiration .ui-dialog-titlebar-help {
    border: none;
    width: 36px !important;
    height: 36px !important;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    opacity: 1;
    top: 16px !important;
    right: 8px;
    margin: 0 !important;
    background-color: transparent;
}

.warning-expiration .i-help {
    background-position: -42px -274px;
    position: absolute;
    right: 50px;
    top: 10px !important;
}

.m-detail-popup .ui-dialog-titlebar button:hover,
.m-detail-popup .ui-dialog-titlebar button:active,
.warning-expiration .ui-dialog-titlebar-help:hover {
    opacity: 1;
    background-color: rgb(239, 239, 239);
}

.m-detail-popup .ui-dialog-titlebar .ui-dialog-titlebar-help {
    position: absolute;
    right: 47px;
    opacity: 1;
}

.m-detail-popup .ui-dialog-titlebar .ui-dialog-titlebar-view {
    position: absolute;
    right: 86px;
    display: none;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background-color: #4a4a4a;
    color: #FFF;
}

.btn-info {
    color: #1877F2;
    background-color: #E7F1FE;
    border-color: transparent !important;
}

    .btn-info:hover {
        opacity: 0.7;
        color: #1877F2;
        background-color: #E7F1FE;
        border-color: transparent !important;
    }

    .btn-info:active {
        opacity: 0.7;
        color: #1877F2;
        background-color: #E7F1FE;
        border-color: transparent !important;
    }

    .btn-info:focus, .btn-info.focus {
        opacity: 0.7;
        box-shadow: 0 0 0 2px rgba(38, 143, 255, 0.5);
        color: #1877F2;
        background-color: #E7F1FE;
        border-color: transparent !important;
    }

    .btn-info.disabled, .btn-info:disabled {
        opacity: 0.5;
        color: #1877F2;
        background-color: #E7F1FE;
        border-color: transparent !important;
    }

    .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
    .show > .btn-info.dropdown-toggle {
        color: #fff;
        background-color: #1877f2;
    }

        .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
        .show > .btn-info.dropdown-toggle:focus {
            box-shadow: 0 0 0 2px rgba(38, 143, 255, 0.5);
        }

.content-header .m-toolbar .btn, .top-title .btn {
    border: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, .16);
}

.btn-no-border {
    border: none !important;
}

.btn-no-background {
    background-color: transparent !important;
}

input[type=checkbox] {
    width: 17px;
    height: 17px;
    margin-top: .25em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: solid 1px #BABEC5;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    border-radius: 2px;
}

    input[type=checkbox]:hover, input[type=checkbox]:active, input[type=checkbox]:focus {
        border-color: #0d6efd;
    }

    input[type=checkbox]:checked {
        background-image: url('data:image/svg+xml,<svg id="Component_35" data-name="Component 35" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><g id="Group_14002" data-name="Group 14002"><g id="Rectangle_7570" data-name="Rectangle 7570" fill="%23fff" stroke="%231877f2" stroke-width="1"><rect width="16" height="16" rx="2" stroke="none"/><rect x="0.5" y="0.5" width="15" height="15" rx="1.5" fill="none"/></g><g id="_24px_d-check" data-name="24px_d-check" transform="translate(4 5.6)"><g id="Group_13308" data-name="Group 13308" transform="translate(0)"><path id="Path_22834" data-name="Path 22834" d="M6,10.8l2.667,2.8L14,8" transform="translate(-6 -8)" fill="none" stroke="%231877f2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"/></g></g></g></svg>');
        border: none;
        border-radius: 0;
    }

    input[type=checkbox][status-third]:checked {
        background-image: url('data:image/svg+xml,<svg id="disabled_check" data-name="disabled check" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><g id="Path_11867" data-name="Path 11867" fill="%23fff"><path d="M 14 15.5 L 2 15.5 C 1.172899961471558 15.5 0.5 14.82709980010986 0.5 14 L 0.5 2 C 0.5 1.172899961471558 1.172899961471558 0.5 2 0.5 L 14 0.5 C 14.82709980010986 0.5 15.5 1.172899961471558 15.5 2 L 15.5 14 C 15.5 14.82709980010986 14.82709980010986 15.5 14 15.5 Z" stroke="none"/><path d="M 2 1 C 1.448599815368652 1 1 1.448599815368652 1 2 L 1 14 C 1 14.55140018463135 1.448599815368652 15 2 15 L 14 15 C 14.55140018463135 15 15 14.55140018463135 15 14 L 15 2 C 15 1.448599815368652 14.55140018463135 1 14 1 L 2 1 M 2 0 L 14 0 C 15.10457038879395 0 16 0.8954296112060547 16 2 L 16 14 C 16 15.10457038879395 15.10457038879395 16 14 16 L 2 16 C 0.8954296112060547 16 0 15.10457038879395 0 14 L 0 2 C 0 0.8954296112060547 0.8954296112060547 0 2 0 Z" stroke="none" fill="%231877f2"/></g><g id="Path_61644" data-name="Path 61644" transform="translate(3.813 3.813)" fill="%231877f2"><path d="M 7.327271938323975 7.874021530151367 L 1.046751737594604 7.874021530151367 C 0.7452717423439026 7.874021530151367 0.5000017285346985 7.628751754760742 0.5000017285346985 7.327271938323975 L 0.5000017285346985 1.046751737594604 C 0.5000017285346985 0.7452717423439026 0.7452717423439026 0.5000017285346985 1.046751737594604 0.5000017285346985 L 7.327271938323975 0.5000017285346985 C 7.628751754760742 0.5000017285346985 7.874021530151367 0.7452717423439026 7.874021530151367 1.046751737594604 L 7.874021530151367 7.327271938323975 C 7.874021530151367 7.628751754760742 7.628751754760742 7.874021530151367 7.327271938323975 7.874021530151367 Z" stroke="none"/><path d="M 1.046751499176025 1.000001907348633 C 1.020971775054932 1.000001907348633 1.000001907348633 1.020971775054932 1.000001907348633 1.046751499176025 L 1.000001907348633 7.327271461486816 C 1.000001907348633 7.353051662445068 1.020971775054932 7.374021530151367 1.046751499176025 7.374021530151367 L 7.327271461486816 7.374021530151367 C 7.353051662445068 7.374021530151367 7.374021530151367 7.353051662445068 7.374021530151367 7.327271461486816 L 7.374021530151367 1.046751499176025 C 7.374021530151367 1.020971775054932 7.353051662445068 1.000001907348633 7.327271461486816 1.000001907348633 L 1.046751499176025 1.000001907348633 M 1.046751499176025 1.9073486328125e-06 L 7.327271461486816 1.9073486328125e-06 C 7.90537166595459 1.9073486328125e-06 8.374021530151367 0.4686517715454102 8.374021530151367 1.046751499176025 L 8.374021530151367 7.327271461486816 C 8.374021530151367 7.90537166595459 7.90537166595459 8.374021530151367 7.327271461486816 8.374021530151367 L 1.046751499176025 8.374021530151367 C 0.4686517715454102 8.374021530151367 1.9073486328125e-06 7.90537166595459 1.9073486328125e-06 7.327271461486816 L 1.9073486328125e-06 1.046751499176025 C 1.9073486328125e-06 0.4686517715454102 0.4686517715454102 1.9073486328125e-06 1.046751499176025 1.9073486328125e-06 Z" stroke="none" fill="%231877f2"/></g></svg>');
        border: none;
        border-radius: 0;
    }

    input[type=checkbox][disabled=disabled]:checked {
        opacity: 0.5;
    }

input[type=radio] {
    height: 18px;
    width: 18px;
    background-color: #FFF;
    border: solid 1px #BABEC5;
    border-radius: 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    cursor: pointer;
}

    input[type=radio]:hover, input[type=radio]:active, input[type=radio]:focus {
        border-color: #0d6efd;
    }

    input[type=radio]:checked {
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><g id="Group_46464" data-name="Group 46464" transform="translate(4059 -2431)"><g id="Ellipse_5611" data-name="Ellipse 5611" transform="translate(-4059 2431)" fill="%23fff" stroke="%231877f2" stroke-width="1"><circle cx="8" cy="8" r="8" stroke="none"/><circle cx="8" cy="8" r="7.5" fill="none"/></g><g id="Ellipse_5613" data-name="Ellipse 5613" transform="translate(-4055 2435)" fill="%231877f2" stroke="%231877f2" stroke-width="1"><circle cx="4" cy="4" r="4" stroke="none"/><circle cx="4" cy="4" r="3.5" fill="none"/></g></g></svg> ');
        border: none;
        background-color: #fff;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

    input[type=radio][disabled=disabled]:checked {
        opacity: 0.5;
    }

.ui-dialog-titlebar-close {
    border: none !important;
    width: 32px !important;
    height: 32px !important;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    /*top: 20px !important;*/
    background-repeat: no-repeat;
    background-position: 4px -316px !important;
    background-color: transparent !important;
    z-index: 99;
}

    .ui-dialog-titlebar-close:hover {
        background-color: #E4E6EB !important;
    }

.tooltip-inner {
    background-color: #354052;
}

.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-left-color: #354052 !important;
}

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-right-color: #354052 !important;
}

.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #354052 !important;
}

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="topss"] .arrow::before {
    border-top-color: #354052 !important;
}

.autocomplete-dropdown .ui-menu-divider {
    margin: 0;
    border-width: 0;
}

.disable-close .ui-dialog-titlebar-close {
    display: none;
}

button.btn-close-filter {
    padding: 0;
    border-radius: 50% !important;
    border: none;
    margin-right: -11px;
}

.selected-count {
    margin-left: 4px;
}

.comboTreeDropDownContainer .ComboTreeItemChlid:hover {
    background-color: #E5F7FE;
    color: #1877F2;
}

/*label {
    margin-bottom: 0;
    display: inline-block;
}*/
.m-grid-detail textarea {
    resize: none;
}
/*Top 1 để xử lý lỗi khi move chuột xuống menu trên action grid thì bị ẩn mất menu do xử lý out khỏi row thì ẩn action*/
.d-inline-block .dropdown-menu {
    top: -1px !important;
}

.pmc-dialog-notify.ui-dialog .ui-dialog-titlebar {
    padding: 8px;
    padding-top: 8px !important;
}

.pmc-dialog-notify.ui-dialog .ui-dialog-title {
    font-size: 16px;
}

.pmc-dialog-notify.ui-dialog .ui-dialog-content {
    /*padding: 8px;*/
}

.pmc-dialog-notify.ui-dialog .ui-dialog-titlebar-close {
    top: 0px !important;
    background-image: url(../img/Icon/icon_sprites.svg);
    background-repeat: no-repeat;
    display: inline-block;
    opacity: 0.6;
}

    .pmc-dialog-notify.ui-dialog .ui-dialog-titlebar-close:hover {
        background-color: #fff !important;
        opacity: 1;
    }