        html, body {
            height: 100%;
            background-color: rgba(3,31,59,0.9);
        }

        /*body {
            background: #fafafa;
        }*/

        #login-forgot {
            display: none;
        }
        /* copy va past cai nay */
        .di__loginCarousel {
            display: none
        }

        .di__loginCarousel {
            margin-top: 40px
        }

            .di__loginCarousel .carousel-inner > .item > img {
                width: auto
            }

            .di__loginCarousel.noimage-slide .carousel-inner {
                position: absolute;
                height: 180px
            }

            .di__loginCarousel.noimage-slide {
                background: url(/dashboard/Themes/DefaultDesktop/Content/css/image-resources/blurr-white-shadow.png) no-repeat 30% 0
            }

        @media (min-width:992px) and (max-width:1246px) {
            .di__loginCarousel.noimage-slide .di__loginSingle-img {
                width: 200px
            }
        }

        @media (max-width:991px) {
            .di__loginCarousel.noimage-slide .carousel-download {
                bottom: -69px !important
            }

            .di__loginCarousel.noimage-slide .di__loginSingle-img {
                width: 160px
            }

            .di__loginCarousel.noimage-slide .carousel-caption {
                margin-left: -12% !important;
                width: 50% !important;
                top: 30px !important;
            }

            .di__loginCarousel.noimage-slide .carousel-indicators {
                bottom: 17px !important
            }

            .di__loginCarousel.noimage-slide .carousel-caption > h3 {
                font-size: 14px !important
            }

            .di__loginCarousel.noimage-slide .carousel-caption > p {
                font-size: 12px !important;
                line-height: 16px !important
            }
        }

        @media (min-width:768px) {
            .di__loginCarousel {
                display: block !important
            }
        }

        @media (max-height:480px) {
            .di__loginCarousel {
                margin-top: 100px !important
            }
        }

        @media (min-width:992px) {
            /*.di__thumb-download{ display: none}*/
            .di__loginCarousel .carousel-download, .di__loginCarousel .carousel-caption {
                width: 60% !important;
                margin-left: -15% !important;
            }
        }

        @media (min-width:992px) and (max-width:1246px) {
            .di__loginCarousel .carousel-download {
                bottom: 30px !important
            }

            .di__loginCarousel .carousel-indicators {
                bottom: -37px !important
            }

            .di__loginCarousel .carousel-download, .di__loginCarousel .carousel-caption {
                width: 80% !important
            }

                .di__loginCarousel .carousel-caption, .di__loginCarousel .carousel-download .di__login-download-text {
                    font-size: 10px;
                }
        }

        @media (max-width:1246px) {
            .di__loginCarousel .carousel-inner > .item > img {
                width: 200px
            }
        }

        .di__loginCarousel .carousel-download, .di__loginCarousel .carousel-caption {
            width: 100%;
            left: 50%;
            margin-left: -40%;
            right: auto
        }

        .di__loginCarousel .carousel-download {
            position: absolute;
            bottom: 170px;
            z-index: 10;
            text-align: left;
            color: #FFF
        }

            .di__loginCarousel .carousel-download .di__login-download-text {
                padding-bottom: 8px;
            }

            .di__loginCarousel .carousel-caption, .di__loginCarousel .carousel-download .di__login-download-text {
                padding-left: 5px;
            }

        .di__loginCarousel .carousel-caption {
            top: 60px;
            text-align: left;
        }

        .di__loginCarousel .di__icon-list-app {
            margin-left: 3px
        }

        .di__loginCarousel .carousel-indicators {
            bottom: 125px;
            margin-left: -25%;
        }

        .di__loginCarousel .carousel-control.right, .di__loginCarousel .carousel-control.left {
            background: transparent
        }

        .di__loginCarousel .carousel-control {
            width: 5%
        }

        .di__loginCarousel .carousel-caption > h3 {
            font-weight: 800;
            text-transform: uppercase;
            font-size: 18px;
            font-family: "Open SansBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
            margin-bottom: 10px
        }

        .di__loginCarousel .carousel-caption > p {
            font-size: 16px;
            line-height: 20px;
        }
        /* update 20-06*/
        @media(min-width:1246px) {
            .content-box.bg-blurrshadow {
                padding-left: 40px;
                padding-right: 40px;
                min-height: 555px;
            }

            .bg-blurrshadow {
                background-position: -20px 0;
                background-size: contain;
            }
        }

        @media (min-width:768px) and (max-width:991px) {
            .di__login-title {
                font-size: 20px !important
            }
        }

        @media (min-width:768px) and (max-width:899px) {
            .di__loginCarousel .di__icon-list-app {
                width: 303px
            }

            .di__loginCarousel.noimage-slide {
                background: transparent;
                width: 360px
            }
        }
           .input__field {
               background-color: white;
           }

           #login-form {
               background: rgb(0, 0, 0, 0.65);
           }
           .di__img-cover img {
               filter: none !important;
               -webkit-filter: none !important;
           }
           .input__field--isao{
               background:rgba(255,255,255,0.95);
           }
           .center-vertical{
               max-width:1340px;
           }
            .input__label--isao::before {
                border: none;
                background: none;
            }
            .ui-draggable .ui-dialog-titlebar {
                background: #d12524 !important;
                color: white !important;
            }
            .ui-dialog .ui-dialog-titlebar-close{
                background:none;
                border:none
            }
            .ui-dialog .ui-dialog-titlebar-close .ui-icon{
                filter: brightness(0) invert(1);
            }
            .my-custom-dialog{
                padding:0px;
                border:none !important;
            }
            .my-custom-dialog .ui-dialog-titlebar{
                border-radius: initial;
                border: none;
                padding:.6em 1em;
            }
