.danger_border {
    border: 2px solid red;
}

.warning_border {
    border: 2px solid #ffc800;
}

.success_border {
    border: 2px solid green;
}

.delete_item, .crop_btn, .edit_item, .rotate_btn {
    padding: 6px 10px;
}

.allowed_label {
    color: white;
    position: absolute;
    bottom: 0;
    margin-left: 15px;

}

@media (min-width: 1345px) {
    .order_modal .container {
        width: 1280px;
    }
}

@media (max-width: 1344px) and (min-width: 1100px) {
    .order_modal .container {
        width: 1030px;
    }
}

@media (max-width: 1099px) and (min-width: 840px) {
    .order_modal .container {
        width: 785px;
    }
}

@media (max-width: 839px) and (min-width: 590px) {
    .order_modal .container {
        width: 535px;
    }

    #order_modal_dialog {
        width: 100% !important;
        margin: 0;
    }
}

@media (max-width: 589px) and (min-width: 150px) {
    .order_modal .container {
        width: 280px;
    }

    #order_modal_dialog {
        width: 100% !important;
        margin: 0;
    }
}

body.modal-open {
    overflow: hidden;
    position: fixed;
    width: 100%;
}

.delete_item img {
    width: 16px;
    height: 16px;
    margin: 3px 0 0 5px;
}

.delete_item i {
    font-size: 20px;
}

.delete_item {
    margin: 5px;
    cursor: pointer;
    z-index: 9999;
}

.edit_thumbnail {
    margin: 5px;
    cursor: pointer;
    z-index: 9999;
    font-size: 18px;
    padding: 8px 7px 6px 7px;
}

.edit_video_thumb video {
    max-height: 50vh;
}

/*.delete_item .fa-spinner {
    margin-left: 2px;
}*/

.edit_item {
    margin: 5px 0;
    z-index: 9999;
    height: 32px;
    width: 35.72px;
}

.edit_item i {
    padding-top: 1px;
    font-size: 20px;
}

.on_page_btn {
    position: absolute;
    right: 10px;
}

@media (min-width: 70px) and (max-width: 1220px) {
    .on_page_btn {
        position: relative;
        right: 10px;
        text-align: right;
    }
}

.audio_box {
    border: 1px solid #505050;
}

/*audio & video download button hide*/
video::-internal-media-controls-download-button {
    display: none;
}

video::-webkit-media-controls-enclosure {
    overflow: hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}

audio::-internal-media-controls-download-button {
    display: none;
}

audio::-webkit-media-controls-enclosure {
    overflow: hidden;
}

audio::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}

.audio_box {
    background: white;
    padding-left: 12%;
    font-size: 50px;
    color: #2d2c2c;
}

.audio_font {
    margin-top: 38px;
}

.audio_duration {
    float: right;
    margin-top: 46px;
    padding-right: 12%;
    font-size: 45%;
    width: 65%;
    text-align: right;
}

.audio_box_margin {
    margin: 0 0 10px !important;
}

.rotate_btn .rotate_img {
    vertical-align: middle;
    font-size: 20px;
    width: 22px;
}

.rotate_btn {
    margin: 5px;
    cursor: pointer;
    z-index: 9999;
    padding: 6px;
    margin-left: 0px;
}

.crop_btn .crop_img {
    vertical-align: middle;
    font-size: 20px;
    width: 22px;
}

.crop_btn {
    margin: 5px;
    cursor: pointer;
    z-index: 9999;
    padding: 6px;
    margin-left: 0px;
}

.flip_btn {
    font-size: 20px;
    margin: 5px;
    padding: 0px 6px;
}


/*
.rotateimg0 {
-webkit-transform:rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
.rotateimg90 {
-webkit-transform:rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.rotateimg180 {
-webkit-transform:rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.rotateimg270 {
-webkit-transform:rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
}
*/

@-webkit-keyframes rotating {
    to {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    from {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotating {
    to {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    from {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.rotating {
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
}

@-webkit-keyframes rotating-right {
    to {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    from {
        -webkit-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@keyframes rotating-right {
    to {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    from {
        -ms-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

.rotating-right {
    -webkit-animation: rotating-right 2s linear infinite;
    -moz-animation: rotating-right 2s linear infinite;
    -ms-animation: rotating-right 2s linear infinite;
    -o-animation: rotating-right 2s linear infinite;
    animation: rotating-right 2s linear infinite;
}

.cube-portfolio .on_page_btn a.imdb-link {
    position: relative;
    right: 0px;
    top: -2px;
}

.cube-portfolio .on_page_btn a.imdb-link img {
    width: 67px;
    margin-top: 0px;
}