html {
    scroll-behavior: smooth;
    background-color: var(--background-primary-color-video, black) !important;
    overflow: scroll !important;
}

body {
    background-color: var(--background-primary-color-video, black) !important;
    background-image: var(--background-primary-color-video, black) !important;
}

.webKitFillAvailable {
    width: -webkit-fill-available;
}

.whiteTextColor {
    color: white;
}

.closebtnXOverlay:hover {
    cursor: pointer;
}



.btnCloseXOverlay {
    font-size: unset;
    position: absolute;
    padding: 6px 16px 9px 14px;
    background-color: var(--complementary-background-primary-color-video, white);
    border-radius: 50%;
    color: var(--background-primary-color-video, black);
}

.marginRight2px {
    margin-right: 29px;
}

.padd5px20px {
    padding: 0 25px 0 25px;
}

.margin_top_10vh {
    margin-top: 10vh;
}

.nav.nav-tabs {
    margin-bottom: 10px;
}


.margin_bottom_2vh {
    margin-bottom: 2vh;
}

.backgroudColorBlackNoBOrder {
    background-color: black;
    border: none;
}

.margin_bottom_30 {
    margin-bottom: 30px;
}

.textHiddenEllipsis {
    overflow: hidden;
    text-overflow: ellipsis;
}

.margin_bottom_0 {
    margin-bottom: 0;
}


.padding10px {
    padding: 10px;
}

.paddingIntermediatePage {
    padding: 0 1vw 0 1vw;
}

/*----------------------------------------------------------------------- */

.network_navbar_button {
    text-align: center;
}

.tab-pane {
    min-height: 35vh;
}

.backgroudColorBlackNoBOrder {
    color: var(--complementary-background-primary-color-video, white) !important;
    background-color: var(--background-primary-color-video, black) !important;
    border: 1px solid transparent !important;
    border-bottom-color: var(--complementary-background-primary-color-video-light, #ddd) !important;
}

.tab_default_viewintermediate {
    text-align: -webkit-center;
}

.tab_default_viewintermediate:hover {
    color: var(--background-primary-color-video, black) !important;
    background-color: var(--complementary-background-primary-color-video, white) !important;
    ;
}

.tab_default_viewintermediate:active {
    color: white !important;
    background-color: #333333 !important;
    font-weight: 700 !important;
}

.activeLiTabOtherVideo {
    width: 50%;
}

.activeLiTabOtherVideo.active a {
    background-color: var(--complementary-background-primary-color-video, white) !important;
    color: var(--background-primary-color-video, black) !important;
}

.tdTableMetadata {
    color: #2e6da4;
    font-size: 14px;
    padding-right: 15px;
}

.tdTableMetaMaxWidth {
    font-size: 14px;
    max-width: 55vw;
}

.tdTableMetaMaxWidth p {
    color: var(--main-text-color-video, white);
}

.imgThumbMedia {
    object-fit: cover;
    max-height: max(10rem, 80vh) !important;
    width: -webkit-fill-available;
    width: 100%;
}

.descriptionBoxTab {
    padding: 1vw;
}

.descriptionBoxUnderCover {
    color: var(--main-text-color-video, white);
    font-size: 18px;
    margin-top: 20px;
    max-width: inherit;
    overflow: hidden;
    display: -webkit-box;
    overflow-wrap: break-word;
    -webkit-line-clamp: inherit;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100vw;
    position: inherit;
}

.thumbElementMedia {
    float: right;
}

.btn_viewintermediate {
    width: 10vw;
    height: 4vh;
    text-align: -webkit-center;
}

.tab_default_viewintermediate:hover {
    cursor: pointer;
}

.btn_monography_letlive {
    padding: 0;
}

.aDropDownElement {
    padding: 3px 20px;
    color: var(--color-hover-text);
    width: 100%;
}

::-webkit-scrollbar {
    width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.colorTextLogin {
    color: black;
}

#searchInputText {
    width: auto;
}

#bab_button_search_input_overlay {
    cursor: pointer;
}

#captchaHeading {
    color: white;
}



.no_padding_no_margin {
    margin: 0 !important;
    padding: 0 !important;
}

.center {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#textBox {
    height: 25px;
}

.incorrectCaptcha {
    color: #FF0000;
}

.correctCaptcha {
    color: #7FFF00;
}

.li_channel_in_Live_Now_List>a {
    color: white !important;
    padding: 3px 30px;
    font-size: medium;
}


/*----------------------------COOKIE-----------------------------------  */

#cookieBoxToHide {
    display: inline-block;
    font-family: OpenSans, arial, "sans-serif";
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    margin-top: 14px;
    background: #000000;
    box-sizing: border-box;
    padding: 15px 24px;
    text-align: center;
    transition: background 0.3s;
}

.cookieConsentContainer {
    z-index: 999;
    width: 350px;
    min-height: 20px;
    box-sizing: border-box;
    padding: 30px 30px 30px 30px;
    background: #232323;
    overflow: hidden;
    position: fixed;
    bottom: 30px;
    right: 30px;
    display: none;
}

.cookieConsentContainer .cookieTitle a {
    font-family: OpenSans, arial, "sans-serif";
    color: #FFFFFF;
    font-size: 22px;
    line-height: 20px;
    display: block;
}

.cookieConsentContainer .cookieDesc p {
    margin: 0;
    padding: 0;
    font-family: OpenSans, arial, "sans-serif";
    color: #FFFFFF;
    font-size: 13px;
    line-height: 20px;
    display: block;
    margin-top: 10px;
}

.cookieConsentContainer .cookieDesc a {
    font-family: OpenSans, arial, "sans-serif";
    color: #FFFFFF;
    text-decoration: underline;
}

.cookieConsentContainer .cookieButton a {
    display: inline-block;
    font-family: OpenSans, arial, "sans-serif";
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    margin-top: 14px;
    background: #000000;
    box-sizing: border-box;
    padding: 15px 24px;
    text-align: center;
    transition: background 0.3s;
}

.cookieConsentContainer .cookieButton a:hover {
    cursor: pointer;
    background: #3E9B67;
}

#cookieFooter {
    background-color: white;
    margin-top: 20%;
    width: 80%;
    margin-left: 10%;
}


/*---------------------------------------------------------------------  */


#subChannelsContainerDiv>.swiper-slide-active>.channelButton {
    box-shadow: 0 0 15px 3px white;
}

#sendMessageByTextAreaFromUserToAdmin {
    color: #fff;
    background-color: #49c3f1 !important;
    border-color: #49c3f1 !important;
    border-radius: 0 !important;
    font-weight: 600;
    text-transform: capitalize;
    -webkit-transition: 300ms ease-in-out;
    -moz-transition: 300ms ease-in-out;
    transition: 300ms ease-in-out;
}

#button_send_message_to_admin {
    width: 65px;
}

#sendedMessagesChatBox {
    height: 400px;
    overflow-x: auto;
}

#sendedMessageTable {
    width: 100%;
    text-align: right;
}

.usernameMessageSended {
    text-align: initial;
}

.textMessageSended {
    text-align: left;
    background-color: lightgray;
}

.CreatedAtMessageSended {
    font-size: 10px;
}

textarea {
    resize: none;
}

.channelSwiperNavbar {
    width: 55px;
    margin-right: 20px;
    margin-left: 20px;
    padding: 1px 1px 1px 1px;
    border-radius: 10px;
    background-color: white;
}

.channelSwiperNavbar:hover {
    cursor: pointer;
}

.iconSection {
    width: 20px;
}

.temporaryIMGclass {
    width: 20px;
}

#eulaParagrapf {
    color: black;
    font-size: 15px;
    overflow-x: scroll;
    overflow-y: scroll;
    height: 300px;
}

#privacyPolicyParagrapf {
    color: black;
    font-size: 15px;
    overflow-x: scroll;
    overflow-y: scroll;
    height: 300px;
}

#cookiesParagrapf {
    color: black;
    font-size: 15px;
    overflow-x: scroll;
    overflow-y: scroll;
    height: 300px;
}

.cookies a {
    text-decoration: none;
    color: #000;
    margin-top: 8px
}

.cookies a:hover {
    text-decoration: none;
    color: blue;
    margin-top: 8px
}

.body_video_background {
    overflow-x: clip;
    padding-right: 0 !important;
}

#bannerVideoCase {
    width: 100vw;
    margin-left: -15px;
}

#videoContainerSwiperInitNEW {
    height: inherit;
    padding-left: 0;
    width: 100%;
}

.indexSection {
    width: 100% !important;
    overflow: hidden;
}

.video_index_title_carousel_text {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    margin-bottom: 10px;
    font-size: medium;
    width: 92vw;
    font-weight: bolder;
}

#filesContainer {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 98%;
    overflow-x: hidden;
    height: 210px;
}

.channelButton {
    width: 5vw;
}

.channelButton:hover {
    background-color: rgb(167, 167, 167);
}

.regularChannel {
    margin-top: 5px;
    position: relative;
    transition: 0.3s;
    width: 70px;
    height: 45px;
}

.selectedButtonChannel:before {
    content: '';
    border-bottom: 5px solid #0B9A2F;
    padding: 0 10px;
    position: absolute;
    bottom: 2px;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: inherit;
    width: 95%;
    transition: 0.3s;
}

.selectedButtonChannel {
    margin-top: 10px;
    width: 6vw;
    position: relative;
}

.selectedButtonChannel:hover:before {
    border-bottom: 5px solid #0B9A2F;
    width: 20% !important;
    padding: 0;
}

#navBarChannels {
    height: inherit;
    overflow: hidden;
}

#arrowSlideMarginPrevChannels {
    top: 14%;
}

.secondaryChannelClass {
    color: lightgrey;
    background-color: #49C3F1;
}

.navDates {
    cursor: pointer;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 15px 5px 5px 5px;
    background-color: #121212;
}

.navDates div {
    text-align: center;
}

.logo_channels {
    max-height: 70px;
    padding: 15px 15px 15px 15px;
    background-color: white;
    border-radius: 20px;
}

#liveStreamingContainer {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 98%;
}

.lateral_console_live {
    position: absolute;
    left: 41%;
}

.lateral_console_button {
    z-index: 9999;
}

#foldersContainer {
    position: relative;
    width: 98vw;
    overflow-x: hidden;
    overflow-y: hidden;
}

.folderHeigthMobile {
    height: 160px;
}

.video_evidence_container {
    color: var(--main-text-color-video, white);
    padding: 0 !important;
}

.hr_sub_carousel_evidence {
    border-top-width: 9px !important;
    left: 25vw;
}

#containerFluidVideoCaseValue {
    position: fixed;
    width: 100%;
    z-index: 999;
    overflow-y: auto;
    height: -moz-calc(100% - 80px);
    height: -webkit-calc(100% - 80px);
    height: -o-calc(100% - 80px);
    height: calc(100% - 0px);
    background-color: var(--background-primary-color-video, black) !important;
}

#RowSearchResult {
    padding-left: 3em;
}

#evidenceLiveContainerAppender {
    margin-bottom: 25vh;
}

#containerFluidVideo {
    overflow-y: auto;
    height: -moz-calc(100% - 80px);
    height: -webkit-calc(100% - 80px);
    height: -o-calc(100% - 80px);
    height: calc(100% - 80px);
}

#evidenceVideoContainer {
    height: 17vw;
    width: 98vw;
    margin-top: 4%;
    position: relative;
}

#evidenceLiveContainer {
    overflow: hidden;
    height: auto;
    min-height: 150px !important;
    position: relative;
    background-color: var(--background-primary-color-video, black) !important;
}

#evidenceFilesContainerSwiperInitWidth {
    width: 65vw;
    margin-left: 25%;
}

#evidenceLiveStreamingContainerSwiperInitWidth {
    width: 92vw;
    height: 89%;
    padding-top: 20px;
}


.imgSwiperNetworkMouseover {
    display: initial;
}

#evidenceLiveStreamingGalleryContainerSwiperInitWidth {
    width: 98vw;
    height: 100%;
    position: absolute;
    opacity: 0.5;
    left: 0;
    right: 0;
    margin: auto;
}

#evidenceFilesContainerSwiperInit {
    width: 100%;
    height: 100%;
}

.swiper_evidence_dimension {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.evidence_livestreaming_dimension {
    position: relative;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.evidence_livestreaming_div_overlay_text {
    position: absolute;
    height: 100%;
    width: 100%;
    text-align: left;
    color: white;
}

.evidence_livestreaming_div_overlay_text_title {
    font-size: x-large;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.evidence_livestreaming_dimension:not(.swiper-slide-active) {
    pointer-events: none;
    filter: grayscale(80%);
    top: 10px;
    width: 35%;
    margin-top: 4%;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.md\:visible {
    visibility: visible;
}

.swiper_evidence_dimension:not(.swiper-slide-active) {
    filter: grayscale(80%);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    pointer-events: none;
}

.swiper_evidence_dimension:not(.swiper-slide-active)>.folder_carousel_evidence_div_overlay_text_title {
    display: none;
}

#videoContainerSwiperInit {
    width: 92vw;
    float: left;
}

#livestreamingContainerSwiperInit {
    width: 92vw;
    height: 11vw !important;
    min-height: 110px !important;
}

#subVideoContainerDivNEW,
#subvideoInFolderContainerDiv {
    width: 100%;
}

#foldersContainerSwiperInit {
    width: 98%;
    margin-left: 1vw;
}

.evidence_parallax_bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.evidence_video_slide {
    font-size: 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 60px;
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: top;
}

.carousel_folders_image_bab {
    width: 100%;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}

.carousel_folders_image__video_case_bab {
    width: 100%;
    height: 80%;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}

#folderOverlayInfoTitleSearch {
    position: initial;
}

#folderOverlayInfoTitleVideoCase {
    position: initial;
}

.vodCategoriesLabels {
    position: relative;
    right: 50%;
    font-size: larger;
}

#fileOverlayInfoTitle {
    color: var(--main-text-color-video, white);
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    bottom: 0px;
    height: auto;
}

.folder_carousel_div_img {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateX(0);
    z-index: 1;
    top: 0;
}

.video_carousel_div_img {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateX(0);
    z-index: 1;
    margin-bottom: 15px;
}

.tagOneLine {
    width: max-content;
    padding: 0 10px 0 10px;
}

.video_carousel_div_imgviewIntermediate {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateX(0);
    z-index: 1;
    padding: 5px 5px 5px 0;
    margin-bottom: 10px;
}

@media screen and (orientation: landscape) {

    .indexSection {
        padding-left: 1vw;
    }
}

.container_description>p {
    font-size: 14px;
    color: var(--main-text-color-video, white);
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fav_element_icon {
    z-index: 9999;
    width: 20px;
    left: 35px;
    position: absolute;
    bottom: 3px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.fav_element_icon:hover {
    cursor: pointer;
    transform: scale(1.3);
}

.livestreaming_carousel_div_img {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateX(0);
    width: 19.5vw !important;
    min-width: 190px !important;
    z-index: 1;
}

.search_video_element {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateX(0);
    margin-top: 30px;
    width: 300px;
    height: 150px;
    z-index: 1;
}

.search_video_element:hover {
    cursor: pointer;
    overflow-x: visible;
    overflow-y: visible;
    transform: scale(1.1);
    z-index: 999;
    padding: 0;
}

.search_video_element:hover>.folder_carousel_div_overlay_text {
    opacity: 1;
    z-index: 100;
    color: white;
}

.video_case_video_element {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateX(0);
    z-index: 1;
}

.video_case_video_element:hover>.folder_carousel_div_overlay_text {
    opacity: 1;
    z-index: 100;
    color: white;
}

.videoCase_showall_element:hover {
    cursor: pointer;
    overflow-x: visible;
    overflow-y: visible;
    transition: 0.2s;
    transform: scale(1.03);
    z-index: 999;
    padding: 0;
}

.video_carousel_link {
    width: 100%;
    height: 100%;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #000000;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}

#userMessageTextArea {
    width: inherit;
    height: inherit;
}

.livestreaming_carousel_link {
    width: 100%;
    height: 100%;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #000000;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}

.btnPlayIntermediate {
    background-color: var(--complementary-background-primary-color-video, white);
    font-size: large;
    color: var(--background-primary-color-video, black) !important;
    margin-left: 25%;
}

.folder_carousel_div_img:hover {
    cursor: pointer;
    overflow-x: visible;
    overflow-y: visible;
    transform: scale(1.1);
    z-index: 9999;
}

.livestreaming_carousel_div_img:hover {
    cursor: pointer;
    overflow-x: visible;
    overflow-y: visible;
    box-shadow: 0 0 19px 5px #ffffff;
    transform: scale(1.1);
    z-index: 99;
}

.swiper_evidence_bullet_custom {
    box-shadow: 0 0 8px -1px !important;
    background: #FFFFFF !important;
}

.evidence_video_carousel_div_overlay_text {
    position: absolute;
    width: 100%;
    text-align: left;
    color: white;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border-radius: 5px;
}

.folder_carousel_div_overlay_text {
    position: absolute;
    height: 100%;
    width: 100%;
    text-align: left;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.folder_carousel_div_overlay_text.open_overlay {
    z-index: 100;
    color: white;
    background-image: linear-gradient(39deg, rgba(1, 20, 37, 1.0) 0%, 59%, transparent);
}

.folder_carousel_evidence_div_overlay_text_title {
    padding-left: 20px;
    padding-right: 20px;
    position: absolute;
    z-index: 99999;
    font-size: x-large;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 60%;
    overflow: hidden;
    background-color: white;
    color: #0b3d88;
    margin-top: -1px;
    border-bottom-right-radius: 15px;
    margin-left: -1px;
}


.folder_carousel_div_overlay_text_title_search {
    font-size: medium;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
}

#indexViewContainer {
    width: inherit;
}

.folder_carousel_div_overlay_info_button {
    height: 75%;
    position: relative;
    padding-left: 12px;
    font-size: x-large;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 95%;
    overflow: hidden;
}

#folderTitleoverlay {
    vertical-align: middle;
    display: inline;
    text-overflow: ellipsis;
    overflow: inherit;
    color: white;
}

#folderTitleoverlaySearch {
    color: white;
    overflow: hidden;
    text-overflow: ellipsis;
}

#fileTitleOverlay {
    left: 11%;
    color: white;
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    bottom: 0px;
    height: auto;
}

.info_element_icon {
    width: 25px;
    left: 5px;
    position: absolute;
    bottom: 0px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.info_folder_element_icon {
    width: 20px;
    left: 4px;
    position: absolute;
    bottom: 4%;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.info_folder_element_icon_search {
    width: 7%;
    float: left;
    position: relative;
    margin-top: 2%;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.info_file_element_icon {
    width: 15px;
    position: initial;
    bottom: 3px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.info_element_icon:hover {
    cursor: pointer;
    transform: scale(1.3);
}

.info_file_element_icon:hover {
    cursor: pointer;
    transform: scale(1.3);
}

.info_file_element_video_case_icon {
    z-index: 9999;
    width: 1vw;
    top: 0.3vw;
    position: absolute;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.info_file_element_video_case_icon:hover {
    cursor: pointer;
    transform: scale(1.3);
}

.info_folder_element_icon:hover {
    cursor: pointer;
    transform: scale(1.3);
}

#evidenceFileContainerSwiperPagination {
    padding-top: 5px;
    background: black;
    padding-bottom: 5px;
    border-radius: 30px;
    border: 2px solid white;
    bottom: -31px;
}

#evidenceLiveStreamingContainerSwiperPagination {
    background: black;
    border-radius: 30px;
    border: 2px solid white;
    bottom: -43px;
    width: 50%;
}

.folder_carousel_div_overlay_text_subtitle {
    padding-left: 12px;
    font-size: large;
    text-overflow: ellipsis;
    white-space: break-spaces;
    max-width: 45%;
    overflow: hidden;
}

.folder_carousel_div_overlay_text_description p,
.folder_carousel_div_overlay_text_title p {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin: 0;
}

#playButtonElementModalVideoDiv {
    width: 140px;
    height: 58px;
    position: absolute;
    bottom: 21px;
    left: 24px;
    margin: auto;
    border: 3px solid white;
    background-color: white;
    border-radius: 15px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#playButtonElementModalVideo {
    width: 39px;
    margin-top: 7px;
    margin-left: 7px;
}

#playButtonElementModalVideoDiv:hover {
    transform: scale(1.2);
    cursor: pointer;
}

.modal_playButtonElementModalVideo_text {
    margin-left: 55px;
    margin-top: 17px;
}

.info_video_element_list_title {
    display: inline-block;
    font-weight: bolder;
    margin-right: 10px;
}

.info_video_element_list_value {
    display: inline-block;
}

#groupFooter_div {
    text-align-last: center;
    text-align: center;
    color: var(--footer-text-color, white);
}

#Babylon_footer_div {
    text-align: center;
    color: var(--footer-text-color, white);
}

#tagEvidenceSwiper {
    padding-left: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.tag-evidence-box {
    height: 60px;
    aspect-ratio: 16 / 9;
    padding: 5px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    font-size: large;
    background-color: var(--footer-background-color, gray);
    color: var(--footer-text-color, black);
    overflow: hidden;
}

.tag-evidence-box:hover {
    cursor: pointer;
}

.tag-evidence-box p {
    text-align: center;
    margin: 0;
}

@media screen and (max-width: 990px) {
    .tag-evidence-box {
        font-size: medium;
    }
}

@-webkit-keyframes bounce {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-15px);
    }
}

@-moz-keyframes bounce {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-15px);
    }
}

#subTitleVodOrLiveSection {
    font-size: 18px;
    color: var(--main-text-color-video, white);
    width: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
}

.titleOverlaySection,
.titleOverlaySectionRight {
    color: var(--main-text-color-video, white);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: x-large;
    margin-top: 0;
}

#firstSectionOverlay {
    margin-top: 2vw;
}

.info_file_element_icon_section {
    width: 2vw;
}

.info_file_element_icon_section:hover {
    transform: scale(1.1);
    cursor: pointer;
}

.overlay-content {
    position: relative;
    top: 25%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

#containerFluidVideoCaseValue a {
    text-decoration: none;
    color: white;
    background-color: black;
    border-radius: 50px;
    display: block;
    transition: 0.3s;
    height: auto;
    z-index: 99;
    position: relative;
    cursor: pointer;
    width: 12%;
    font-size: 18px;
}

#overlayVIdeo {
    text-decoration: none;
    font-size: 20px;
    color: #818181;
    display: block;
    transition: 0.3s;
    width: 12%;
    padding-left: 0;
    z-index: 99;
    position: relative;
}

#overlayVIdeo a:hover,
#overlayVIdeo a:focus {
    color: #f1f1f1;
}

#overlayVIdeo .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
}

#videoOverlayWrapper {
    width: 100%;
    height: 31.5vw;
    position: inherit;
}

.videoFromLeftList,
.imgFromRightListVod,
.underSection:hover {
    cursor: pointer;
}

#videoOverlayWrapperRightList {
    height: inherit;
    overflow: hidden;
}

.introVideoDecription p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 13;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (pointer: coarse) {
    .rowHomeLetLiveMarginWidthOverflow {
        display: block;
    }
}

.containerOtherVideos img {
    aspect-ratio: 16/9;
    object-fit: cover;
}

.videoOverlaySection,
div.containerOtherVideos.destroyOnCloseOverlay {
    display: grid;
    flex-wrap: wrap;
    place-content: inherit;
    grid-auto-rows: auto;
    /* Messo il calc, così da inserire solamente il numero di colonne desiderate. Il denominatore deve essere pari al numero del repeat */
    grid-template-columns: repeat(4, calc(100% / 4));
    overflow-x: clip;
    margin-bottom: 100px;
    /* OLA 08/09/2023 - Commentato per applicare margin sulle singole slide. Il 'gap' sulla griglia non considera lo spazio disponibile, facendo eccedere*/
    /* gap:                   10px; */
}

.mouseover_videoOverlaySection,
.rowHomeLetLiveMarginWidthOverflow,
.video_folders_container,
#rowVideosContainer,
#RowVideoCase,
.imgSwiperNetworkMouseover {
    display: grid;
    flex-wrap: wrap;
    place-content: inherit;
    grid-auto-rows: auto;
    grid-template-columns: repeat(4, calc(100% / 4));
    overflow-x: clip;
    gap: 10px;
}

.luColumnSection {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0;
}

.imgFromRightListVod {
    max-width: inherit;
    max-height: inherit;
    padding: 4px 4px 4px 4px;
}

.closebtnVideoOverlay {
    cursor: pointer;
}

.section_icon {
    width: 3%;
    margin-left: 1%;
}

.showAllVideosButton {
    border-radius: 4px;
    background-color: #5ca1e1;
    border: none;
    color: var(--main-text-color-video, white) !important;
    text-align: center;
    font-size: inherit;
    transition: all 0.5s;
    cursor: pointer;
    margin: 0px;
    padding: 0px;
}

#showAllVideosButtonNEW {
    text-align: end;
}

#p_index_video_element {
    vertical-align: middle;
    display: inline;
    text-overflow: ellipsis;
    overflow: inherit;
}

.h4_index_video_element {
    font-size: 24px;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: var(--main-text-color-video, white);
}

.videoListBab {
    width: 35vw !important;
    height: 10vw !important;
}

.vodTextDisplayFlex {
    display: flex;
    width: inherit;
    height: inherit;
}

.underSection {
    width: inherit;
    height: inherit;
    padding: 4px 4px 4px 4px;
    height: 22vh;
    object-fit: cover;
}

#filesContainerNEW {
    width: 100vw;
    position: relative;
    overflow-x: visible;
    z-index: 99;
    margin-bottom: var(--space-beetween-carousel-video-home, 0);
}

#folderAndRelatedFilesContainer>div {
    margin-bottom: var(--space-beetween-carousel-video-home, 0);
}

.divUnderSectionContainerElement {
    width: inherit;
    height: inherit;
}

.imgSwiperNetworkVerticalView {
    width: 100%;
    object-fit: fill;
}

.containerOtherVideos {
    width: 100%;
}

.imgSwiperNetwork {
    /* OLA 07/09/2023 : Decommentato per "contenere" le thumb lunghe vericalmente */
    aspect-ratio: 16/9;
    width: 100%;
    object-fit: cover;
    /* 30\05\2023 - Commentato altrimenti su tablet si vedono due micro colonne  */
    /* max-width:      30vw; */
}


.imgSwiperNetwork,
.imgSwiperNetworkVerticalView:hover {
    cursor: pointer;
}

.live_slide_shadow_img_div::after {
    width: 100%;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background: linear-gradient(to right, var(--background-primary-color-video, black) 0%, rgba(255, 255, 255, 0) 50%);
    height: 100%;
}

.live_title_div {
    color: var(--main-text-color-video, white);
    text-align: center;
    font-size: 24px;
    font-weight: bold;
}

.live_description_div {
    color: var(--main-text-color-video, white);
    font-size: 18px;
    text-align: center;
    height: 60%;
}

.live_description_div p {
    padding: 10px;
    overflow-y: auto !important;
    height: 100%;
}

.toggle {
    --width: 80px;
    --height: calc(var(--width) / 3);

    position: relative;
    display: inline-block;
    width: var(--width);
    height: var(--height);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    border-radius: var(--height);
    cursor: pointer;
}

.toggle input {
    display: none;
}

.toggle .slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--height);
    background-color: #ccc;
    transition: all 0.4s ease-in-out;
}

.toggle .slider::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: calc(var(--height));
    height: calc(var(--height));
    border-radius: calc(var(--height) / 2);
    background-color: #fff;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    transition: all 0.4s ease-in-out;
}

.toggle input:checked+.slider {
    background-color: #2196F3;
}

.toggle input:checked+.slider::before {
    transform: translateX(calc(var(--width) - var(--height)));
}

.toggle .labels {
    position: absolute;
    top: 8px;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 12px;
    font-family: sans-serif;
    transition: all 0.4s ease-in-out;
}

.toggle .labels::after {
    content: attr(data-off);
    position: absolute;
    right: 5px;
    color: #4d4d4d;
    opacity: 1;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
    transition: all 0.4s ease-in-out;
}

.toggle .labels::before {
    content: attr(data-on);
    position: absolute;
    left: 5px;
    color: #ffffff;
    opacity: 0;
    text-shadow: 1px 1px 2px cyan;
    transition: all 0.4s ease-in-out;
}

.toggle input:checked~.labels::after {
    opacity: 0;
}

.toggle input:checked~.labels::before {
    opacity: 1;
}

.label_vod_section {
    color: var(--main-text-color-video, white);
    font-size: large;
    font-weight: normal !important;
}

.plyr__video-wrapper {
    width: 100%;
    aspect-ratio: 16/9;
    height: -webkit-fill-available;
}

#overlayRightListVideo {
    height: inherit;
}

.channel_in_Live_Now_List:hover {
    background-color: var(--color-hover-button-background) !important;
    color: var(--main-text-color-video) !important;
}

#videoIndexNavbarbuttons>.dropdown-menu>li>a {
    color: white !important;
    padding: 0 38px 0 22px;
}

#videoIndexNavbarbuttons>.dropdown-menu {
    width: fit-content;
    min-width: 0;
    font-size: 18px;
    background-color: var(--navbar-background-color, black) !important;
    color: var(--navbar-text-color, white) !important;
}

.search_video_element.vertical_view>.carousel_folders_image_bab {
    width: 100% !important;
    height: 80% !important;
}

#folderAndRelatedFilesContainer {
    padding-right: 0;
    width: inherit;
    overflow-x: clip;
}

.imgVodFileVisualizer {
    width: 20vw;
    height: 17vh;
    object-fit: cover;
}

#subVideoContainerDivNEW.vertical_view {
    width: 100%;
    min-height: 195px !important;
    max-height: 100% !important;
    float: left;
}

/* css della funzione search */

.search_video_element.vertical_view {
    width: 192px !important;
    height: 315px !important;
}

.carousel_folders_image_bab.vertical_view {
    height: 256px;
}


.carousel_folders_image_bab img.vertical_view {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

/* css del modal preview */

.li_title_preview {
    padding-left: 1vw;
    padding-right: 1vw;
    font-size: xx-large;
    color: var(--main-text-color-video, white);
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
}

.div_tag_value_preview {
    font-size: 14px;
    color: var(--main-text-color-video, white);
    border: 1px solid;
    border-radius: 10px;
    width: auto;
    margin-right: 5px;
    margin-bottom: 5px;
}

#firstSectionOverlay img,
#rowCataloguesFoldersCointaner img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.li_tag_description_preview {
    word-wrap: anywhere;
    padding: 1vw;
    word-break: break-all;
}

.svg_play_preview {
    width: 7vw !important;
    max-width: 80px;
}

.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

#channelsButtonNavbar {
    text-align: initial;
    padding-left: 10px;
    position: relative;
}

#searchDropDown:hover,
#tvGuideDropDown:hover {
    background-color: #0B9A2F;
}

.no_padding_left {
    padding-left: 0 !important;
}

/* css della funzione search */

.search_video_element.vertical_view {
    width: 192px;
    height: 315px;
}

.carousel_folders_image_bab.vertical_view {
    height: 256px;
}

.carousel_folders_image_bab img.vertical_view {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

/* css del modal preview */

.li_title_preview {
    padding-left: 1vw;
    padding-right: 1vw;
    font-size: xx-large;
    color: #fff;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
}

.li_subtitle_preview {
    padding-left: 1vw;
    padding-right: 1vw;
    font-size: xx-large;
    color: var(--main-text-color-video, white);
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
}

.li_tag_description_preview {
    word-wrap: anywhere;
    padding: 1vw;
    word-break: break-all;
}

/* css per la visione dei vod in verticale */

#subVideoContainerDivNEW.vertical_view {
    width: 98%;
    min-height: 195px !important;
    max-height: 100% !important;
    float: left;
}

.indexSection.vertical_view {
    height: fit-content !important;
}

.vertical_view {
    object-fit: cover;
    object-position: unset;
    aspect-ratio: 3 / 4;
}

.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

#channelsButtonNavbar {
    text-align: initial;
    padding-left: 10px;
    position: relative;
}

#channelsNavbarDropdownlist {
    margin-left: 0 !important;
    position: absolute;
    width: fit-content;
}

#rowShowAllVideoTitleDescription {
    color: var(--main-text-color-video, white);
    text-align: center;
    font-size: 32px !important;
}

.vertical_view_carousel_style {
    width: 225px !important;
    height: 430px !important;
}


#channelsNavbarDropdownlist a {
    padding-left: 0 !important;
}

#searchDropDown:hover,
#tvGuideDropDown:hover {
    background-color: var(--portal-color-secondary, #0B9A2F);
}

.containerIntermediatePage {
    max-width: 100vw;
    padding: 0 5px 5px 5px;
}

.label_vod_section,
.showAllVideosButton {
    font-size: x-large;
}

#filesContainerNEW.vertical_view {
    height: auto !important;
}

#videoOverlayWrapper {
    padding-left: 0;
    padding-right: 0;
}

.videoCase_showall_element {
    width: 38vw !important;
    margin-right: 8% !important;
}

#folderTitleoverlaySearch {
    width: 25vw;
}

#folderTitleoverlay {
    font-size: smaller;
}

#elementInfoModalOpen {
    width: 50%;
    margin-left: 25%;
}

#rowCataloguesFolders .container_description p {
    white-space: nowrap;
}

.tdTableMetadata,
.tdTableMetaMaxWidth {
    vertical-align: top !important;
}

.folder_carousel_img_div {
    margin: 5px;
    width: auto;
}

#rowFoldersSubFolders {
    padding-bottom: 15px;
}

#liveNowButtonDiv {
    text-align: center;
    position: absolute;
    bottom: 0;
    padding-bottom: 1vw;
}

#liveNowButton {
    font-size: x-large;
    color: var(--main-text-color-video, white);
    font-weight: bold;
    background-color: #929AAB;
    border-radius: 10px;
    border-color: #929AAB;
}

@media screen and (orientation: landscape) {

    #firstSectionOverlay {
        margin-top: 0;
    }

    .landscapeClassMobile {
        width: 50% !important;
        top: 14px !important;
    }

    #folderTitleoverlay {
        font-size: medium;
    }
}

@media screen and (orientation: portrait) {
    .landscapeClassMobile {
        width: 100% !important;
        float: right;
    }

    #firstSectionOverlay {
        margin-top: 0;
    }
}

@media screen and (max-width: 1500px) {
    .channel_slide {
        margin-right: 2vw !important;
    }
}

@media screen and (max-width: 1400px) {

    .channel_slide {
        margin-right: 2vw !important;
    }

    .h5_search_element {
        font-size: x-small;
    }

    .info_folder_element_icon_search {
        margin-top: 5%;
        width: 10px;
    }
}

@media screen and (max-width: 1199px) {

    .titleOverlaySectionRight,
    .titleOverlaySection {
        font-size: 20px;
    }

    .channel_slide {
        width: 5vw;
        margin-right: 5vw !important;
    }

    .hr_sub_carousel_evidence {
        left: 16.7vw;
    }

    .info_file_element_video_case_icon {
        bottom: 8px;
        width: 15px;
    }
}

@media screen and (orientation: landscape) {
    .channel-div-carousel {
        width: 50% !important;
    }

    .plyr--video .plyr__controls {
        z-index: 2147483641 !important;
    }
}

@media screen and (max-width: 1250px) {
    #liveNowButton {
        font-size: medium;
    }
}



@media screen and (max-width: 1100px) {

    .live_description_div {
        height: 50%;
    }

}

@media screen and (max-width: 991px) {
    .videoOverlaySection {
        grid-template-columns: repeat(4, calc(100% / 4));
    }

    .mouseover_videoOverlaySection,
    .rowHomeLetLiveMarginWidthOverflow,
    .video_folders_container,
    #rowVideosContainer,
    #RowVideoCase,
    .imgSwiperNetworkMouseover {
        grid-template-columns: repeat(3, calc(100% / 3));
    }

    .imgVodFileVisualizer {
        width: 40vw;
        height: 30vh;
        object-fit: cover;
    }

    #evidenceSwiperVodFolder>div>.plyr>.plyr__video-wrapper {
        height: 52.5vw;
    }

    .plyr__video-wrapper {
        width: 100%;
        /* Olavur 14/08/2023 - Commentato height:56vw; per inserire height: auto proposto da Liberti. Correzione BUG 4714 'overflow' della pagina di live\vod in evidenza */
        /* height: 56vw; */
        height: 'auto';
    }

    #videoIndexNavbarbuttons>.dropdown-menu {
        font-size: x-large !important;
        width: 100%;
    }

    .showAllVideosButton {
        font-size: x-large;
    }

    .label_vod_section {
        color: var(--main-text-color-video, white);
        font-size: xx-large;
    }

    #overlayRightListVideo {
        height: inherit;
    }

    #videoIndexNavbarbuttons>button {
        font-size: x-large !important;
    }

    .live_title_div>p {
        font-size: 18px !important;
    }

    .live_description_div {
        font-size: medium;
    }

    #liveNowButton {
        font-size: 15px !important;
        padding: 3px 5px;
        margin-bottom: 5px;
    }

    #videoOverlayWrapper {
        width: 100% !important;
        height: 100% !important;
    }

    #videoOverlayWrapperRightList {
        width: 100vw !important;
    }

    .channel_slide {
        width: 5vw;
        margin-right: 5vw !important;
    }

    #videoOverlayWrapperRightList {
        width: calc(100% + 1px);
        height: 15vw;
    }

    ul>li:not(.vjs-menu-item, .li_tag_list_preview) {
        display: inline-block;
    }

    #news-page-box ul>li {
        display: list-item;
    }

    #subTitleVodOrLiveSection {
        width: 99%;
        font-size: 20px;
        max-width: inherit;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #videoOverlayWrapperRightList ul {
        display: flex;
        list-style-type: none;
    }

    #videoOverlayWrapperRightList li {
        display: inline;
        float: left;
        overflow-y: unset;
    }

    .titleForPlayer {
        bottom: 0;
    }

    .imgThumbMedia {
        object-fit: contain;
        height: max(10rem, 55vh);
    }

    .btn_viewintermediate {
        width: 48vw;
        height: 8vh;
        text-align: -webkit-center;
    }

    .search_video_element.vertical_view {
        width: 140px;
        height: 245px;
    }

    .carousel_folders_image_bab.vertical_view {
        height: 160px;
    }

    .titleOverlaySectionRight,
    .titleOverlaySection {
        font-size: 24px;
    }

    .h4_index_video_element {
        font-size: 20px;
    }

    .container_description>p {
        font-size: 18px;
    }

    .videoOverlaySection {
        grid-template-columns: repeat(4, calc(100% / 4));
    }

    .search_video_element.vertical_view {
        width: 120px !important;
        height: 215px !important;
    }

    .carousel_folders_image_bab.vertical_view {
        height: 160px;
    }

    .btn_viewintermediate {
        width: 30vw;
        height: 10vh;
    }

    .btnPlayIntermediate {
        margin-left: unset;
        width: 95vw;
        height: 6vh;
    }

    .titleForPlayer {
        bottom: 0;
    }

    .imgThumbMedia {
        object-fit: contain;
        height: max(10rem, 25vh);
    }


    .imgThumbMedia {
        height: auto;
    }

    .tdTableMetaMaxWidth {
        max-width: 65vw;
    }

}

/* Mobile - Orizzontale */

@media screen and (orientation: landscape) and (max-width: 900px) {
    .plyr--video .plyr__controls {
        z-index: 2147483641 !important;
    }

    .tdTableMetaMaxWidth {
        font-size: 12px;
    }

    #liveNowButtonDiv {
        padding-bottom: 0 !important;
    }

    .xxLarge {
        font-size: large;
        margin-top: 10vh;
    }

    .xLarge {
        font-size: large;
    }

    .thumbElementMedia {
        max-width: 50vw;
    }

    #title_for_player_view_intermidiate {
        width: 45%;
    }

    .titleForPlayer {
        width: 45%;
    }

    .imgThumbMedia {
        height: auto;
    }

    .btnPlayIntermediate {
        width: 35vw;
    }

    .paddingIntermediatePage {
        margin-top: 15vh;
    }

    .videoOverlaySection {
        grid-template-columns: repeat(3, calc(100% / 3));
    }

    .mouseover_videoOverlaySection,
    .rowHomeLetLiveMarginWidthOverflow,
    .video_folders_container,
    #rowVideosContainer,
    #RowVideoCase,
    .imgSwiperNetworkMouseover {
        grid-template-columns: repeat(3, calc(100% / 3));
    }

}

.swiper_evidence_dimension {
    width: 100% !important;
}

/* Tablet - Verticale */
@media only screen and (max-width: 835px) and (max-height: 1280px) and (orientation: portrait) {
    #qc-cmp2-persistent-link {
        display: none;
    }

    .plyr--video .plyr__controls {
        z-index: 2147483641 !important;
    }
}

/* Mobile - Verticale  || Browser schermo ridotto*/
@media only screen and (max-width: 767px) and (orientation: portrait) {
    #qc-cmp2-persistent-link {
        display: none;
    }

    #videoOverlayWrapper {
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        width: auto !important;
        position: relative;
        padding-left: 0;
    }

    #containerFluidVideoCaseValue a {
        width: 15%;
    }

    .live_description_div {
        height: 50%;
    }
}

@media screen and (orientation: landscape) and (max-width: 767px) {
    #qc-cmp2-persistent-link {
        display: none;
    }

    .plyr--video .plyr__controls {
        z-index: 2147483641 !important;
    }

    #filesContainerNEW.vertical_view {
        height: auto !important;
    }
}

@media screen and (orientation: landscape)and (max-width: 767px) {

    .mouseover_videoOverlaySection,
    .rowHomeLetLiveMarginWidthOverflow,
    .video_folders_container,
    #rowVideosContainer,
    #RowVideoCase,
    .imgSwiperNetworkMouseover {
        grid-template-columns: repeat(3, calc(100% / 3));
    }
}

@media screen and (max-width: 767px) {

    .videoOverlaySection {
        grid-template-columns: repeat(3, calc(100% / 3));
    }

    .mouseover_videoOverlaySection,
    .rowHomeLetLiveMarginWidthOverflow,
    .video_folders_container,
    #rowVideosContainer,
    #RowVideoCase,
    .imgSwiperNetworkMouseover {
        grid-template-columns: repeat(3, calc(100% / 3));

    }

    .bab_dropdown_menu {
        margin-right: 0 !important;
        margin-left: 0 !important;
        padding: 0;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

    .navbar_buttons_class {
        padding: 0;
    }

    #evidenceLiveContainer {
        height: 30vw;
        width: 100vw;
        position: relative;
    }

    #channelsNavbarDropdownlist,
    #channelsButtonNavbar {
        padding-left: 0;
        left: 0;
    }

    .vertical_view_carousel_style {
        width: 150px !important;
        height: 287px !important;
    }

    .imgVodFileVisualizer {
        width: 44vw;
        height: 28vh;
        object-fit: cover;
    }

    .navbar_buttons_class {
        padding: 0;
    }

    #evidenceLiveContainer {
        height: 30vw !important;
        width: 100vw !important;
        position: relative;
    }


    .disappear_on_screen_size {
        display: none;
    }

    .h4_search_element {
        font-size: 14px !important;
    }

    #evidenceSwiperVodFolder>div>.plyr>.plyr__video-wrapper {
        height: 51.5vw;
    }

    #videoIndexNavbarbuttons>.dropdown-menu>li>a {
        color: white !important;
        padding: 0 13px 0 0;
        font-size: 16px !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .showAllVideosButton {
        font-size: 18px;
    }

    .label_vod_section {
        color: var(--main-text-color-video, white);
        font-size: 18px;
    }

    .live_title_div>p .is_view_all_carousel {
        width: 44vw !important;
    }

    .live_title_div>p {
        font-size: 16px !important;
    }

    .live_description_div>p {
        font-size: 13px !important;
        display: block;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
    }

    .folder_carousel_div_overlay_text_title>h4 {
        font-size: 16px;
    }

    .navbar_buttons_class {
        padding-left: 0;
    }

    #videoIndexNavbarbuttons>button {
        font-size: 18px !important;
    }

    .underSection {
        width: 40vw;
        height: 22vw;
        padding: 4px 4px 4px 4px;
    }

    .channel_slide {
        width: 5vw;
        margin-right: 5vw !important;
    }

    #videoOverlayWrapperRightList {
        height: 55vw;
    }

    .vodTextDisplayFlex {
        display: block;
    }

    .videoListBab {
        height: 20vw !important;
    }

    .imgFromRightListVod {
        width: inherit;
        height: inherit;
        padding: 4px 4px 4px 4px;
    }

    .titleOverlaySectionRight,
    .titleOverlaySection {
        font-size: medium;
    }

    #firstSectionOverlay,
    #secondSectionOverlay,
    #thirdSectionOverlay {
        padding: 0 0 0 0;
    }

    .text_area_live_comments {
        height: 25vw !important;
    }


    .info_folder_element_icon_search {
        margin-top: 5px !important;
        width: 15px;
    }

    .search_video_element {
        width: 35vw !important;
        height: 28vw !important;
    }

    .hr_sub_carousel_evidence {
        left: 0;
    }

    #footer_video_index {
        bottom: 0;
    }

    .h5_index_video_element {
        font-size: x-small;
    }

    #folderTitleoverlay {
        font-size: small;
    }

    #containerFluidVideoCaseValue a {
        width: 15%;
    }

    .section_icon {
        width: 25px;
    }

    .videoCase_showall_element {
        width: 180px !important;
    }


    .video_case_video_element {
        min-height: 60px !important;
        min-width: 100px !important;
    }

    .folderHeigthBrowser {
        height: 29vw;
    }

    #folderTitleoverlaySearch {
        color: white;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: left;
    }

    .container_description>p {
        font-size: 14px;
    }
}

@media screen and (min-width: 700px) and (max-width: 380px) {
    #qc-cmp2-persistent-link {
        display: none;
    }

    .btn_viewintermediate {
        margin-left: 25%;
        width: 30vw !important;
        height: 13vh !important;
    }
}

@media screen and (max-width: 700px) {

    .btn_viewintermediate {
        height: 7vh;
    }

    .imgThumbMedia {
        object-fit: contain;
        width: 100%;
    }

    .titleForPlayer {
        bottom: 0;
        position: unset;
        padding-bottom: 3vw;
        float: left;
    }
}

@media screen and (max-width: 660px) {
    .videoOverlaySection {
        grid-template-columns: repeat(2, calc(100% / 2));
    }

    .channel_slide {
        width: 5vw;
        margin-right: 8vw !important;
    }

    #evidenceVideoContainer {
        height: 60vw !important;
        width: 100vw !important;
        position: relative;
    }

    .swiper_evidence_dimension {
        width: 100% !important;
    }

    .info_file_element_icon {
        width: 15px;
        left: 5px;
    }

    #fileTitleOverlay {
        top: 85% !important;
        font-size: small !important;
    }
}

@media screen and (max-width: 480px) {

    .video_case_video_element {
        min-height: 60px !important;
        min-width: 100px !important;
    }

    .folderHeigthBrowser {
        height: 29vw;
    }

    #folderTitleoverlaySearch {
        color: white;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: left;
    }
}

@media screen and (max-width: 450px) {
    .disappear_on_screen_size {
        display: none;
    }

    .svg_play_preview {
        width: 12vw !important;
    }

    .modal-title {
        font-size: x-large !important;
    }

    .info_video_element_list_value.modal-description {
        font-size: small !important;
        max-height: 12vh !important;
        overflow: auto;
    }

    .mouseover_videoOverlaySection,
    .rowHomeLetLiveMarginWidthOverflow,
    .video_folders_container,
    #rowVideosContainer,
    #RowVideoCase,
    .videoOverlaySection,
    .imgSwiperNetworkMouseover {
        grid-template-columns: repeat(2, calc(100% / 2));
    }

    .btn_viewintermediate {
        width: 90vw;
        height: 5vh;
        position: inherit;
        padding: 0;
        margin: 0;
    }

    .imgVodFileVisualizer {
        width: 44vw;
        height: 16vh;
        object-fit: cover;
    }

    #overlayVIdeo a {
        font-size: 20px
    }

    #overlayVIdeo .closebtn {
        font-size: 40px;
        top: 15px;
        right: 35px;
    }

    .svg_play_preview {
        width: 12vw !important;
    }
}

@media screen and (max-width: 300px) {

    .disappear_on_screen_size {
        display: none;
    }

    .nav>li>a {
        padding: 0;
    }


}

@media screen and (min-width: 451px) and (max-width: 767px) {

    .disappear_on_screen_size {
        display: none;
    }

}

/* Portrait */
@media screen and (orientation: portrait) {
    .plyr--video .plyr__controls {
        z-index: 2147483641 !important;
    }

    .evidence_livestreaming_dimension {
        width: min-content;
        position: relative;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }
}

@media (orientation: portrait) and (max-width: 992px) {
    #evidenceLiveContainer {
        height: auto !important;
    }

    #evidenceLiveContainer .swiper-slide {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }

    #evidenceLiveContainer .swiper-card {
        width: 100%;
    }

    .live_slide_shadow_img_div::after {
        background: none;
    }
}

@media (orientation: landscape) {
    #qc-cmp2-persistent-link {
        display: none;
    }
}