/*.toast-top-right {
    margin-top: 45px;
}*/


.cursor-pointer input[type="checkbox"],
.cursor-pointer input[type="radio"],
.cursor-pointer label {
    cursor: pointer !important;
}

.hinhAnh, .hinhAnh2 {
    display: flex;
    width: 100%;
    overflow-x: auto;
    cursor: pointer;
}

.hinhAnh2 img.img-thumbnail, .hinhAnh2 video.img-thumbnail {
    width: 200px;
    height: auto;
}

.hinhAnh img.img-thumbnail, .hinhAnh video.img-thumbnail {
    width: 200px;
    height: 150px;
}

.rq::after {
    content: " *";
    color: red;
}


@media screen and (max-width: 1420px) {
    #txtTiLeZoom, .txtTiLeZoom {
        display: none
    }
}

@media screen and (max-width: 1273px) {
    #fullscreenButton, .fullscreenButton, .name {
        display: none
    }
}

@media screen and (max-width: 1229px) {
    .left.main-bar.pc {
        display: none;
    }

    .left.icon-menu {
        display: block !important;
    }
    .left.main-bar.mobile {
        display: none;
    }
}


@media screen and (max-width: 593px) {
    .logo.ml-5 {
        margin-left: 0px !important;
    }

    .left.icon-menu {
        display: block !important;
    }
}

@media screen and (max-width: 544px) {
    .header {
        display: block !important;
        text-align: center;
    }

        .header .logo img {
            width: 50px !important;
        }

        .header .text-uppercase.h4 {
            font-size: 18px;
        }

        .header .text-uppercase.h6 {
            font-size: 14px;
        }
}

.header {
    display: flex;
    background: linear-gradient(to right, #2196f3, transparent);
}

    .header .logo img {
        width: 70px;
        height: auto;
    }

.text-yellow {
    color: yellow;
}

#topbar.top-bar {
    background-color: #0e9e04;
}

    #topbar.top-bar .top-bar-section ul li {
        background: #0e9e04;
    }

    #topbar.top-bar .top-bar-section ul li {
        background: #0e9e04;
    }



.ui-widget-content {
    background: #f7f7f759 !important;
}

.ui-widget-header {
    background: #f7f7f7 !important;
    color: green !important;
}

.ui-state-active.ui-widget-header {
    background: #817865 !important;
    color: white !important;
}

button:focus {
    outline: 1px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}

#myModal {
    z-index: 1041;
}

#myModal2 {
    z-index: 1041;
}

.simone-taskbar, .simone-taskbar-droppable {
    z-index: 1000 !important;
}

.modal {
    overflow-y: auto;
}