#fileExplorerTopMenu {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

#mediaChannelSearchMenu {
    display: flex;
    justify-content: space-between;
    width: 571px;
}

#mediaChannelSearchMenu>div {
    width: 316px;
}

.custom-header_player{
	width: 85%;
	text-align: left;
}

.custom-header_actions{
	width: 15%;
	text-align: center;
}

.custom-row_title{
	text-align: left;
	font-size: 13px;
	width: 90%;
}

.notice{
	color: red; 
	font-weight:bold;
}

.custom-row_actions{
	text-align: center;
}

#imageCancel {
	width: 13px;
	height: 13px;
}

@media only screen and (max-width: 1400px) {
    #mediaChannelSearchMenu>div {
        width: 209px;
    }
    #mediaChannelSearchMenu {
        width: 464px;
    }
}

.comment-avatar {
    border-radius: 15px !important;
}

.iconSize {
    width: 75px !important;
    height: 50px !important;
    position: relative;
}

.folderImage {
    width: 120px !important;
    height: 95px !important;
    position: absolute;
    top: 30px;
    left: 15px;
    zIndex: 1;
}

#uploadItemProgress {
    border-radius: 5px !important;
    background-color: #039ce3;
    margin-top: -1.6em;
}


#media-library-video-explanation-panel 
{
  font-weight: 600 !important;
  font-family: "Arial Black", Arial !important;
  font-size: 20px !important;
  color: #000000;
}

#tags-title
{
  font-family: "Arial Black", Arial !important;
  font-size: 20px !important;
  color: #000000;
  font-weight: 600 !important;
}

#media-library-related-videos
{
    font-weight: 600 !important;
    font-family: "Arial Black", Arial !important;
    font-size: 20px !important;
    color: #000000;
}

/* AddVideoPopup */

.uploadFileText {
    display: block;
    position: relative;
    color: #3479c1;
    width: 98%;
    margin-left: 1%;
    padding-bottom: 8px;
    padding-top: 8px;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.uploadFileItem {
    background: #f7f7f7;
    border: 1px solid #777777;
    border-radius: 5px !important;
    width: 90%;
    margin: 0px auto 10px auto !important;
}


/* Upload Progress Window */

.progress-text {
    display: block;
    color: black;
    width: 98%;
    margin-top: 3px;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.progress {}

.uploadingItem {
    padding-top: .6em;
    padding-bottom: .5em;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.uploadingItem:hover {
    background: #e0e0ea;
}

#mediaChannelSearchMenu .search-query {
    margin-right: 1em;
    padding-right: 7px;
    padding-top: 3px;
    padding-bottom: 3px;
    background-color: #fff;
    border: 1px solid lightgrey;
    box-shadow: 0.5px 0.5px 1px #888888;
}

#featureVideoReplacement .dc_animationWrapper {
    transition: opacity 250ms ease-in-out 0s;
    opacity: 1;
}

#featureVideoReplacement .noResultsImageWrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin-bottom: 50px;
}

#featureVideoReplacement h2 {
    text-align: center;
    margin-top: 50px;
}

#featured,
#most-recent,
#most-watched,
#more-videos {
    text-align: center;
}

#most-recent,
#most-watched,
#more-videos {
    padding: 0px 0px 0px 27px !important;
}

.pad-sides{
	padding: 0px 0px 0px 30px !important;
}

#featured-video {
    display: inline-block;
    width: 560px;
    border-radius: 5px;
    border: 3px solid transparent;
}

.dc_listItem {
    cursor: pointer;
    display: inline-block;
    width: 240px;
}

@media only screen and (max-width: 1366px) {
    #featured-video {
        width: 440px;
    }
    .dc_listItem {
        width: 200px;
    }
}

#featured-video>.video-with-overlay {
    /*height: 330px;*/
}

#featured-video-details {
    position: relative;
    width: 100%;
    /* height: 10%; */
    background-color: #fff;
    display: inline-block;
    text-align: center;
    border-radius: 0 0 5px 5px !important;
}

@media only screen and (max-device-width: 599px) {
    #featured-video-details {
        position: absolute;
        width: 100%;
        height: 10%;
        background-color: #fff;
        display: inline-block;
        float: left;
        border-radius: 0 0 5px 5px;
    }
}

#featured-video-details-title:hover {
    text-decoration: underline;
    cursor: pointer;
}

#featured-video-details-title {
    font-size: 1.6em;
    /*display: inline-block;*/
    color: #6e6e6e;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: bold;
}

#featured-video-details-date-posted {
    font-size: 1.4em;
    color: var(--primary-color-light-text, #727272);
}

.video-details {
    position: relative;
    width: 100%;
    background-color: #fff;
    display: inline-block;
    border-radius: 0 0 5px 5px !important;
    height: 45px;
    /* container boxes are 180px with video taking up 135 */
}

.media-library-video-details.video {
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    background: linear-gradient(to top, rgba(0, 0, 0, 0.6), 65%, rgba(0, 0, 0, 0));
    color: white;
    border-radius: 0 0 5px 5px !important;
    margin: 0px;
    padding: 0.7em;
}

.details-title:hover {
    text-decoration: underline;
    cursor: pointer;
}

.details-title {
    color: #6e6e6e;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 1.1em;
    /*display: inline-block;*/
    font-weight: bold;
}

.details-date-posted {
    font-size: 1em;
    color: var(--primary-color-light-text, #727272);
}

.all-media-details-title:hover {
    text-decoration: underline;
    cursor: pointer;
}

.all-media-details-title {
    color: #6e6e6e;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 1em;
    /*display: inline-block;*/
    font-weight: bold;
}

.all-media-details-date-posted {
    font-size: 0.9em;
    color: #727272;
}

.col-sm-6 .featured-lg {
    width: 569px;
    height: 320px;
}

#featured-videos {
    text-align: left;
}


/*Institution page style*/

.institution-page-row {
    text-align: left !important;
    width: 100%;
    display: inline-block;
    position: relative;
}

.institution-page-container {
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 20px;
}

.institution-page-videos {
    max-width: initial !important;
    width: 100% !important;
    padding: 0 !important;
}

.carousel-video {
    padding: 5px;
}


.channelGallery {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    padding: 25px 30px 70px 15px;
}

.channelGalleryItem {
    display: flex;
    flex-direction: column;
    background: white;
    text-align: start;
    border-radius: 5px !important;
    border: none;
    box-shadow: 10.8835px 8.16266px 54.4177px rgba(0, 0, 0, 0.25);
    height: 286px;
    padding: 0;
}

.channelThumbnail {
    object-fit: contain;
    background-color: black;
    height: 212px;
    width: 100%;
    border-radius: 5px 5px 0px 0px !important;
}

.channelThumbnailNoVideos {
    background: #006A9A;
    height: 212px;
    width: 100%;
    border-radius: 5px 5px 0px 0px !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.courseChannelThumbnailNoVideos {
    background: #006A9A;
    height: 212px;
    width: 100%;
    border-radius: 5px !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.courseChannelNamePanel {
    margin-top: 5px;
    font-size: 12px;
    margin-left: 5px;
    position: absolute; 
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 16px !important;
    padding-top: 2px;
    border: 1px solid #6F6F6F
}

.courseChannelRightDiv {
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.playlistThumbnailNoVideos {
    background: #F5F5F5;
    height: 100%;
    width: 100%;
    position: relative;
    border-radius: 5px !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.channelPlaylistThumbnail {
    object-fit: contain;
    background-color: black;
    height: 100%;
    width: 100%;
    border-radius: 5px !important;
}

.channelThumbnailNoVideos img {
    width: 150px;
    height: 150px;
}

.noVideosText {
    color: white;
    font-weight: 700;
    font-size: 16.0877px;
}

.channelInfo {
    padding: 10px;
    display: flex;
}

.channelName {
    font-weight: 700;
    color: #2D2D2D;
    font-size: 14px;
}

.channelItemMetadata {
    font-size: 12px;
    color: #7D7D7D;
}

.channelMetadataIcon {
    margin-right: 15px;
    margin-left: 7px;
    margin-top: 9px;
    width: 25px;
    height: 25px;
}

.PlaylistGalleryItem {
    display: flex;
    flex-direction: column;
    background: white;
    text-align: start;
    border-radius: 5px !important;
    border: none;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    height: 286px;
    padding: 0;
}

.ThumbnailPlaylist {

    height: 180px;
    width: 89%;
    position: relative;
    left: 6%;
    top: 14px;
    border-radius: 5px !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.GalleryPlaylistIconBackground {
    float: left;
    height: 42px;
    width: 45px;
    min-width: 45px;
    margin-right: 40px;
    border-radius: 3.3px !important;
    background-color: #D3D3D3;
    position:  relative;
    left: 20px;
}




/*A fix for IE. When fa-spin class is removed from plus/minus icons, it doesn't stop spinning.*/

.fa.stop-spin {
    animation: none !important;
}


/* This probably can be applied to all font-awesome icons, not just video management specific */

i.fa:first-child:not(:only-child) {
    padding-right: 0.5em;
}


/* revert the above general fix to center align icons ni media-details tab */

.media-details-tab i.fa {
    padding-right: 7px;
}

#di_editVideoModal .radio input[type="radio"],
#di_editVideoModal .radio-inline input[type="radio"],
#di_editVideoModal .checkbox input[type="checkbox"],
#di_editVideoModal .checkbox-inline input[type="checkbox"] {
    /* conflicts with uniform-js moving radio btutons to the left by 20px (margin-left:-20px) */
    margin-left: inherit;
}

.folderEntry:hover {
    background-color: #ebebeb;
}

.overflowOption:hover {
    background-color: #dff0d8;
}

.overflowOption input {
    padding: 0;
    margin: 0px 5px 0px 0px;
    vertical-align: middle;
    position: relative;
    top: -1px
}

.overflowOption i {
    margin: 0px 5px 0px 0px;
}


/* carousel */

.slick-prev:before,
.slick-next:before {
    color: var(--primary-color-text, grey);
}

.video-carousel {
    padding: 20px;
    width: 90%;
    display: block;
    position: relative;
    max-width: 1380px;
    margin: 0px auto 0px;
    /* By default all selections are disabled. */
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.video-carousel .item {
    width: 360px;
    height: 203px;
    margin-right: 15px;
}

@media only screen and (max-device-width: 640px) {
    /* List View and Grid View. */
    #mediaChannelContainer .list-item,
    .institution-page-container .list-item {
        overflow: initial;
    }
}

#di_navTabsContainer {
    display: flex;
}


/*force width so the video deos not scale in height, combined with aspect-ratio-16-9 */

.slick-slide {
    margin-left: 20px;
    width: 280px;
}

.slick-slide>.video-with-overlay {
    height: 80%;
}

.slick-slide:first-child{
 	margin-left: 20px;
    width: 260px;
}

.slick-slide{
	margin-left: 0px !important;
	margin-right: 0px !important;
    width: 260px;
}

#mediaChannelContainer .small-featured-video-container .list-items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1080px;
    /* 4 list items per row + buffer for expansion and highlights*/
}

.list-item>.video-with-overlay {
    /*height: 153px;*/
}

#mediaChannelContainer .video-with-overlay.aspect-ratio-16-9 img[src^="//img.youtube.com"],
#institution-public-page .video-with-overlay.aspect-ratio-16-9 img[src^="//img.youtube.com"] {
    width: 100%;
    /* add a fallback "auto" value for IE as intiial is not supported */
    height: auto;
    height: initial;
    top: -17.10526315789474%;
}

.list-items-even {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    flex-shrink: 1;
    flex-basis: 100%;
    /*height: 400px;*/
    /* height of 2 list-item videos + buffer for approval box shadow */
    overflow: hidden;
}

.small-featured-video-container .list-items {
    height: 100%;
}

.small-featured-video-container .list-items-even {
    align-content: space-between;
}

.video-details {
    background-color: white;
    border: 1px solid #ddd;
    text-align: center;
}

#institution-public-page .list-item {
    background-color: white;
    border: 1px solid #ddd;
    box-sizing: content-box;
    overflow: hidden;
}

#mediaChannelContainer .modal .list-item {
    background-color: white;
    border: 1px solid #ddd;
    width: inherit;
}

.list-item {
    box-sizing: content-box;
    /*height: 180px;*/
    margin-bottom: 5px;
}


/* Playlist page upcoming list */

#upcoming-files-container .list-item {
    margin-bottom: 10px;
}

#mediaChannelContainer .list-item {
    margin-right: 10px;
    margin-top: 5px;
    margin-left: 5px;
    /* remove blue outline when right clicking */
    outline: none;
}

#mediaChannelContainer .small-featured-video-container .list-item {
    /* max-width: 240px; */
}

.list-item .overlay {
    height: 153px;
}

.list-item.list-item-large {
    height: 150px;
}

.list-item.list-item-medium {
    height: 130px;
    align-content: center;
}

.list-item-medium>.invisible-div {
    display: none !important;
}

.list-item.list-item-small {
    min-height: 75px;
}

.list-item-left .youTubeListImg {
    /*height : 132% !important;*/
    /*margin-top : -9%;*/
    overflow: hidden;
}

.grid-item .youTubeListImg {
    /*height : 129.7% !important;*/
    /*margin-top : -8.5%;*/
    overflow: hidden;
}

.youTubeListImg {
    /*height : 133.7% !important;*/
    /*margin-top : -8.3%;*/
    overflow: hidden;
}

#manageVideosContainer .youTubeListImg {
    height: 133.7% !important;
    margin-top: -9.3%;
    overflow: hidden;
}

#createVideoPollBox .list-item:hover {
    background-color: white !important;
}

.caption-hit-entry-icon .fieldname-icons {
    stroke: #8d2a96;
}

.ocr-hit-entry-icon .fieldname-icons {
    stroke: #962a2a;
}

.tableOfContent-hit-entry-icon .fieldname-icons {
    stroke: #2a967b;
}

.comment-hit-entry-icon .fieldname-icons {
    stroke: #2a6496;
}

.fieldname-icons {
    margin-right: 10px;
}

.list-item a {
    text-decoration: none;
}

.list-item a:hover,
.list-item a:focus {
    background-color: #f5f5f5;
}

.search-results-list-item-header {
    border-bottom: 1px solid #efefef;
    padding-bottom: 15px;
}

.previewVideoSearchIFrame {
    width: 100%;
    height: 36.25vw;
}

.previewVideoSearchIFrameContainer {
    padding-top: 150px;
    display: flex;
}

.previewVideoSearchIFrameCloseButton {
    text-align: right;
    color: #fefefd;
    font-size: 36px;
    width: min-content;
    margin-left: auto;
    margin-right: 0;
    padding-left: 0.5em;
    cursor: pointer;
}

.hit-locations-list {
    margin-top: 20px;
    overflow-y: auto;
    height: 97px;
    width: 100%
}

.quiz-title-hit{
	font-weight: 700;
}

.hit-locations-hit-entry {
    display: flex;
}

.hit-locations-hit-entry-timestamp {
    min-width: 100px;
}

.hit-locations-hit-entry-content:hover {
    background-color: #F5F5F5;
}

.list-item .list-item-left {
    float: left;
    /* This is used to fix overflow issue in iOS and Safari. */
    height: 100%;
    padding-right: 10px;    
}

.list-item .list-playlist-left {
    float: left;
    height: 42px;
    width: 45px;
    min-width: 45px;
    margin-right: 40px;
    border-radius: 3.3px !important;
    background-color: #D3D3D3;
    position:  relative;
    left: 15px;
}

.noVideosTextPlaylist {
    color: #6B6B6B;
    top: 25px;
    position: relative;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
}

.playlistInfo {
    position: relative;
    top: 25px;
    left: 6%;
}

.list-item .list-item-right {
    color: #565656;
    padding-right: 10px;
}

.list-item .list-item-left .video-with-overlay {
    width: 272px;
    height: 153px;
}

.list-item .list-item-left .video-with-overlay-and-hitbar,
.list-item .list-item-left .video-with-overlay-no-hitbar {
    width: 354px;
    height: 200px;
}

.list-item-left .video-with-overlay-no-hitbar img {
    width: 320px;
    height: 200px;
}

.video-with-overlay-and-hitbar:hover .overlay,
.video-with-overlay-no-hitbar:hover .overlay {
    opacity: 1;
}

.video-with-overlay:hover .overlay,
.keyboard-engagement-actionsmenu-opacity, .carousel-video:focus-within .overlay  {
    opacity: 1 !important;
}

.video-with-overlay-and-hitbar:hover .gradient,
.video-with-overlay-no-hitbar:hover .gradient, .carousel-video:focus-within .gradient  {
    opacity: 0;
}

.list-item .list-item-left img {
    /*width: 272px;*/
    /*height: 153px;*/
}

.list-item.list-item-large .list-item-left img {
    height: 100%;
}

.list-item.list-item-medium .list-item-left img {
    width: 231px;
    height: 118.96px;
    border-radius: 4.68px !important;
}

.audio-thumbnail-background{
	background:black;
}


/*  .thumbImage-Container {
    width: 133px;
    height: 75px;
}  */

.thumbImage-container-media{
	border-radius: 4px !important;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
}

.list-item.list-item-small .list-item-left img {
    width: 129px;
    height: 75px;
    margin-left: auto;
    margin-right: auto;
    object-fit: contain;
    border-radius: 4px !important;
    background: black;
}

.list-item .in-video-hits-bar {
    /* background: repeating-linear-gradient( -45deg, #049ee4, #049ee4 5px, #0690d8 5px, #0690d8 10px); */
    background: rgba(69, 69, 69, 0.8);
    border-radius: 0px 0px 0px 0px !important;
    height: 20px;
    z-index: 2;
    position: relative;
}

.list-item .date-posted,
.list-item .views {
    color: var(--primary-color-light-text, #000000);
    font-size: 11px;
    font-weight: 400;
    height: 10px;
}

#createVideoPollBox .list-item .title {
    padding-top: 5px;
}

#createVideoPollBox .list-item .description {
    height: 17px;
}

.list-item .title {
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.list-item .description {
    font-size: 1.1em;
    height: 7em;
    white-space: normal;
    overflow: hidden;
}

.list-item.list-item-medium .description {
    height: 48px;
    white-space: normal;
    overflow: hidden;
 	padding-left: 8px;
 	margin-top: 10px;
}

.list-item.list-item-small .description {
    height: 1.3em;
    line-height: 1.3em;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.list-grid-items .grid-item {
    width: 250px;
    margin-bottom: 2em;
}

@media only screen and (max-width: 1366px) {
    .list-grid-items .grid-item {
        width: 200px;
    }
}

@media only screen and (max-width: 1100px) {
    .list-grid-items .grid-item {
        margin: 5px;
    }
}

.no-results-found {
    display: block;
    width: auto;
    min-width: 35%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2%;
}

.no-search-results-found-sizing{
	min-width: 25% !important;
}

.enterpriseTubeNoResults {
    display: block;
    width: 200px;
    min-width: 20%;
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
}


/* Video with overlay */

.recycle-bin-container .video-with-overlay.aspect-ratio-16-9,
#mediaChannelContainer .video-with-overlay.aspect-ratio-16-9,
#institution-public-page .video-with-overlay.aspect-ratio-16-9 {
    height: 0;
    padding-top: 56.25%;
}

#institution-public-page .enterpriseTube-Courousel-with-overlay{
	padding-top: 30.25% !important;
}
.recycle-bin-container .video-with-overlay.aspect-ratio-16-9>img,
#mediaChannelContainer div.video-with-overlay.aspect-ratio-16-9>img,
#institution-public-page div.video-with-overlay.aspect-ratio-16-9>img {
    width: auto;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 5px !important
}

#mediaChannelContainer .video-with-overlay,
#institution-public-page .video-with-overlay,
.institution-page-container .video-with-overlay {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#manageVideosContainer .video-with-overlay:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#mediaChannelContainer .video-with-overlay:focus,
#institution-public-page .video-with-overlay:focus,
.institution-page-container .video-with-overlay:focus {
    -webkit-box-shadow: 0 0 0 2px var(--primary-color, #029ce2);
    -moz-box-shadow: 0 0 0 2px var(--primary-color, #029ce2);
    box-shadow: 0 0 0 2px var(--primary-color, #029ce2);
    outline: none !important;
    /*margin-bottom : 2px;*/
}

#manageVideosContainer .video-with-overlay:focus {
    -webkit-box-shadow: 0 0 0 2px var(--primary-color, #029ce2);
    -moz-box-shadow: 0 0 0 2px var(--primary-color, #029ce2);
    box-shadow: 0 0 0 2px var(--primary-color, #029ce2);
    outline: none !important;
}

#mediaChannelContainer .video-with-overlay,
.institution-page-container .video-with-overlay {
    /*height: 90%;*/
}

#mediaChannelContainer .nav-item button.nav-link,
#institution-public-page .nav-item button.nav-link {
    white-space: nowrap;
}

.nav-tabs>li>button {
    background-color: inherit;
    color: var(--primary-color-text, grey);
    border: 0px;
    border-bottom: 3px solid transparent;
    font-size: large;
}

#di_navTabsContainer .nav-tabs {
    border-bottom: 0;
    margin-bottom: 0;
}

#di_navTabsContainer {
    border-bottom: 1px solid #ddd;
    margin-bottom: 2em;
}

.nav-tabs>li.active{
	background-color: inherit !important;
    color: black;
    border: 0px !important;
    border-bottom: 3px solid #42296E !important;
    font-size: 15px;
}

#di_masterContainer_chapters .nav-tabs>li.active>button{
	font-weight: bold !important;
}

.nav-tabs.active::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 2px;
    background-color: #7b4fdb; /* Adjust color as needed */
}

/* .nav-tabs>li:hover,
.nav-tabs>li:focus {
    background-color: inherit !important;
    color: black;
    border: 0px !important;
    font-size: 15px;
    font-weight: bold;
} */

.video-with-overlay-and-hitbar {
    height: 100%;
    border-radius: 5px 5px 0px 0px !important;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
}

.video-with-overlay-no-hitbar {
    height: 100%;
    border-radius: 5px !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.video-with-overlay {
    height: 100%;
    overflow: visible;
}

.video-with-overlay:not(.video-with-overlay-and-hitbar) {
    border-radius: 5px !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.list-grid-items .grid-item .video-with-overlay .overlay .title {
    color: white;
    font-weight: bold;
    margin: 0px 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.list-grid-items .grid-item .video-with-overlay .overlay .description {
    color: rgb(160, 160, 160);
    font-weight: bold;
    margin-bottm: 55px;
    margin-top: 40px;
    margin-left: 5px;
    margin-right: 5px;
    position: absolute;
    max-height: 15%;
    top: 0;
    bottom: 0;
    white-space: normal;
    overflow: hidden;
}

.list-grid-items .grid-item .video-with-overlay .overlay .date-posted {
    color: white;
    font-size: 0.8em;
    margin: 0px 5px;
}

.list-grid-items .grid-item .video-with-overlay .overlay .views {
    color: white;
    font-size: 1.5em;
    position: absolute;
    bottom: 0;
}

@media (min-width: 0px) and (max-width: 750px) {
	.nav-item{
		max-width: fit-content;
	}
	.chapters-tabs{
		margin-left: 0px !important;
  		margin-right: 0px !important;
  		overflow-x: auto; 
  		scrollbar-width: none;
	}
	.admin-tabs {
    	display: flex !important;
	}
}

@media screen and (-webkit-min-device-pixel-ratio:0) { /* Targets only Safari on iOS */
    .chapters-tabs{
		margin-left: 0px !important;
  		margin-right: 0px !important;
  		overflow-x: auto; 
  		-webkit-overflow-scrolling: touch;
	}
    .chapters-tabs::-webkit-scrollbar {
        display: none; /* Hide the scrollbar */
    }
}

@media (min-width: 750px) {
	.chapters-tabs{

	}
}



/* When screen is small, fall back to list-item-small. */

@media only screen and (max-width: 1400px) {
    .list-item {
        /*height: 125px;*/
    }
    .list-item .list-item-left img {
        /*width: 230px;*/
        /*height: 125px;*/
    }
    .list-item .description {
        /*height: 4.8em;*/
        line-height: 1.2em;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .list-item .overlay {
        /*height: 125px;*/
    }
}

@media only screen and (max-width: 600px) {
    .list-item {
        /*height: 75px;*/
    }
    .list-item .list-item-left img {
        /*width: 133px;*/
        /*height: 75px;*/
    }
    .list-item .description {
        /*height: 1.2em;*/
        line-height: 1.2em;
        /*
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		*/
    }
    .list-item .overlay {
        /*height: 75px;*/
    }
    .no-results-found {
        width: 80%;
    }
}


/* Video with overlay */

.video-with-overlay .overlay {
    text-align: center;
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    /*-webkit-transition: transform 0.2s ease-in-out;
	-moz-transition: transform 0.2s ease-in-out;
	-ms-transition: transform 0.2s ease-in-out;
	-o-transition: transform 0.2s ease-in-out;
	transition: transform 0.2s ease-in-out;*/
    opacity: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0);
    transition: all 0.3s;
    overflow: visible;
    border-radius:5px !important;
}

.grid-item .video-with-overlay .overlay {
    text-align: center;
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    /*-webkit-transition: transform 0.2s ease-in-out;
	-moz-transition: transform 0.2s ease-in-out;
	-ms-transition: transform 0.2s ease-in-out;
	-o-transition: transform 0.2s ease-in-out;
	transition: transform 0.2s ease-in-out;*/
    opacity: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0);
    transition: all 0.3s;
}

div[style*="border:3px solid red"] .video-with-overlay .overlay {
    text-align: center;
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -webkit-transition: transform 0.2s ease-in-out;
    -moz-transition: transform 0.2s ease-in-out;
    -ms-transition: transform 0.2s ease-in-out;
    -o-transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    top: 139px;
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0);
}


/* if there is an expand on hover, let the isHovered class handle the opacity of the actions menu on Media Library */

.dc_recycleBinChildrenWrapper .video-with-overlay:hover .overlay {
    opacity: 1;
}


/*.grid-item .video-with-overlay .overlay,
.dc_fileGridEntry .video-with-overlay .overlay {
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
	opacity: 0;
}*/


/* add a slight hover buffer to offset the hoverdelay; Only applicable if peekAtOverlayOnHover is enabled */


/* For Media Library */

.dc_fileGridEntry:not(.isHovered).peekAtOverlayOnHover:hover .video-with-overlay .overlay,
#featured-video:not(.isHovered).peekAtOverlayOnHover:hover .video-with-overlay .overlay,
.dc_listItem.list-item:not(.isHovered).peekAtOverlayOnHover:hover .video-with-overlay .overlay,
.grid-item:not(.isHovered).peekAtOverlayOnHover:hover .video-with-overlay .overlay {
    opacity: 0.3;
}

.dc_mediaChannelEntry.isHovered .video-with-overlay .overlay,
.dc_fileGridEntry.isHovered .video-with-overlay .overlay {
    padding: 0;
    opacity: 1;
}

.dc_fileGridEntry .overlaycontent {
    pointer-events: none;
}

.isHovered.dc_fileGridEntry.enableContentClick .overlaycontent {
    pointer-events: auto;
}

#featured-video.isHovered .video-with-overlay .dc_listItem.list-item.isHovered .video-with-overlay .overlay,
.grid-item.isHovered .video-with-overlay .overlay {
    opacity: 1;
}


/* End hover buffer css */

.video-with-overlay .overlay .title {
    color: white;
    font-weight: bold;
    display: inline-block;
    max-width: 80%;
    margin: 0px 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 5px 10px;
    border: 1px solid black;
    border-radius: 5px !important;
}

.video-with-overlay .overlay .description {
    color: rgb(160, 160, 160);
    font-weight: bold;
    margin-bottom: 50px;
    /* margin-top: 30px; */
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    max-height: 40%;
}


/*.video-with-overlay .overlay .overlaycontent>* {
	background-color: rgba(0, 0, 0, 0.9);
}*/

.video-with-overlay .overlay .date-posted {
    color: white;
    margin: 0px 5px;
}

.video-with-overlay .overlay .views,
.video-with-overlay .overlay .views-youTube {
    background-color: black;
    color: white;
    font-size: 1.5em;
    position: absolute;
    bottom: 0;
    padding: 5px;
    margin-bottom: 1rem;
    border: 1px solid black;
    border-radius: 5px !important;
    line-height: 3.5rem;
}

.grid-item .video-with-overlay .overlay .views-youTube {
    color: white;
    font-size: 1.5em;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 5px;
    margin-left: 1rem;
    margin-bottom: 1rem;
    border: 1px solid black;
    border-radius: 5px;
    line-height: 3.5rem;
}

.overlayContentText.descriptionText {
    top: 75%;
    font-weight: 100;
    height: 1.5em;
    margin-left: -120px;
    padding-right: 5px;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    /* 	white-space:normal; */
    /* 	word-break: break-all; */
}

.overlayContentText.titleText {
    display: block;
    font-size: medium;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.overlayContentText.documentOverlayText {
    color: white;
    text-align: left;
}

.overlayContentText.duration {
    background-color: #333;
    padding: 0 0.5em;
    border-radius: 5px;
}

.overlayContentBar {
    background-color: rgb(61, 180, 223);
    height: 8px;
    position: relative;
    bottom: 0;
    position: absolute;
    z-index: 2;
}
.custom-gradient {
  background: none !important;
}
.gradient {
    /*height: 100px;
	background: rgba(0,0,0,0);
	background: linear-gradient(to top, rgba(0,0,0,0.6), 65%, rgba(0,0,0,0));
	margin-top: 80px;*/
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    background: linear-gradient(to top, rgba(0, 0, 0, 0.70), 88%, rgba(0, 0, 0, 0));
    padding: 0.5em 0.5em 10px 0.5em;
    color: white;
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.quizIcon {
    height: 27px;
    border-radius: 50px !important;
    border: 2px solid grey;
    position: absolute;
    top: 3px;
    background: #DFF2F2;
    right: 3px;
    width: 24%;
    padding: 0.3em 0.5em 10px 0.5em;
    color: white;
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.quizIconList {
	 height: 25px;
    border-radius: 50px !important;
    background: #DFF2F2;
    min-width: fit-content;
    width: 5%;
    padding: 0.3em 0.5em 10px 0.5em;
    color: white;
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.video-quiz-icon {
    background: url(../style/svgicons/quiz-icon.svg) no-repeat;
    height: 16px;
}

.quiz-icon-outside-thumbnail{
	width: 55px;
}

.quiz-icon-text {
    margin-left: 45%;
    color: #000000;
    font-size: 0.9em;
    font-weight: 800;
    display: block;
}
.embargo-gradient {
    position: absolute;
    top: 0;
    width: 100%;
    background: linear-gradient(175deg, #860808, rgba(255, 255, 255, 0.02));
    padding: 0.5em 0.5em 10px 0.5em;
    color: white;
    opacity: 1;
    z-index: 2;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    text-align: left;
}

.video-branching-badge {
    width: fit-content;
    background: url(/Dashboard/icons/VideoBranching/Branching-Video-badge.svg) no-repeat;
    height: 16px;
}
.branch-video-badge {
    width: fit-content;
    border-radius: 50px !important;
    background: #E4E3F4;
    padding: 0.3em 0.5em 10px 0.3em;
    color: white;
    opacity: 1;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}
.file-grid .branch-video-badge {
    position: absolute;
    top: 3px;
    right: 3px;
    border: 2px solid grey;
    height: 27px;
}
.list-item-right .branch-video-badge {
    height: 25px;
}
.video-branching-badge-text {
    margin-left: 20px;
    color: #000000;
    font-size: 0.9em;
    font-weight: 800;
    display: block;
    width: fit-content;
}
.video-with-overlay:hover .branch-video-badge {
    visibility: hidden;
}

.isHovered .gradient, .embargo-gradient
.dc_recycleBinChildrenWrapper :hover .gradient {
    padding: 0;
    opacity: 0;
}

.gradient div {
    display: flex;
    justify-content: space-between;
    color: white;
    align-items: end;
}

#featured-video .overlayContentText.descriptionText {
    top: 70%;
    margin-left: -198px;
    top: 75%;
    margin-left: -198px;
    max-width: 100%;
    white-space: normal;
    font-size: medium;
    height: 3em;
}

#featured-video .overlayContentText.titleText {
    font-size: x-large;
    max-width: 100%;
}

.list-item .overlayContentText.descriptionText {
    height: 1.5em;
}

.list-item .overlayContentText.titleText.noDuration {
    top: 60%;
}

.grid-item .overlayContentText.descriptionText {
    top: 75%;
}

.grid-item .overlayContentText.titleText.noDuration {
    top: 55%;
}

.overlayContent {
    height: 100%
}

.overlayContentText.titleText.noDescription {
    top: 75%;
}

.grid-item .overlayContentText.titleText.noDescription {
    top: 70%;
}

.grid-item .overlayContentText.duration.noDescription {
    top: 60%;
}

span.video-thumb-play-btn,
#mediaChannelContainer span.video-thumb-play-btn-youTube,
#institution-public-page span.video-thumb-play-btn-youTube {
    font-size: 3rem;
    text-align: start;
    color: white;
    margin-left: 2rem;
    margin-bottom: 1rem;
    display: inline-block;
    position: absolute;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-width: thin;
    border-radius: 5px;
    border-style: solid;
    left: 0;
    bottom: 0;
}

.favorite-thumb {
	font-size: 3rem;
	text-align: start;
	color: white;
	margin-left: 2rem;
	margin-bottom: 9rem;
	display: inline-block;
	position: absolute;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-width: thin;
	border-radius: 5px;
	border-style: solid;
	left: 0;
	top: 5px;
}

/*@media only screen and (max-device-width: 599px){*/


/*.big-featured-video-container > #featured-video {*/


/*width: 100%;*/


/*height: auto;*/


/*}*/


/*}*/

.big-featured-video-container {
    padding-right: 10px;
    /*height: 322px;*/
    /* following display:none of child element, this maintains dimensions */
    margin-top: 5px;
}

.title-over-big-video-span {
    line-height: 1.15em;
    max-height: 2.3em;
}

.title-over-big-video {
    font-size: 20px;
    font-weight: 600;
    color: var(--primary-color-text, grey);
    overflow: hidden;
    width: 340px;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    text-overflow: ellipsis;
}

#mediaChannelContainer .small-featured-video-container {
    display: inline-flex;
}

.small-featured-video-container {
    /* flex-shrink: 1; */
    word-wrap: break-word;
    /* max-height: 350px; */
    /*height: 388px;*/
    overflow: visible;
    flex-grow: 1;
    overflow: hidden;
    /* prevent items from flowing into bottom section of page */
}

.featuredContentContainer {
    /*
     Offset the bootstrap row-class margins
     */
    margin-left: 0;
    margin-right: 0;
    /*margin-bottom to offset red highlights*/
    margin-bottom: 15px;
    /*
        forbid wrapping, control instead num-list item generation
     */
    width: 100%;
}

#featured-video span.video-thumb-play-btn-youTube {
    /*margin-bottom: 6rem !important;*/
}

#featured-video .video-with-overlay .overlay .views-youTube {
    /*margin-bottom: 6rem !important;*/
}

#tab-content span.video-thumb-play-btn-youTube {
    font-size: 3rem;
    text-align: start;
    color: white;
    margin-left: 2rem;
    margin-bottom: 1rem;
    display: inline-block;
    position: absolute;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-width: thin;
    border-radius: 5px;
    border-style: solid;
    left: 0;
    bottom: 0;
    overflow: hidden;
}

#library-tab-content span.video-thumb-play-btn-youTube {
    font-size: 3rem;
    text-align: start;
    color: white;
    margin-left: 2rem;
    margin-bottom: 1rem;
    display: inline-block;
    position: absolute;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-width: thin;
    border-radius: 5px;
    border-style: solid;
    left: 0;
    bottom: 0;
    overflow: hidden;
}

#mediaChannelContainer .grid-item span.video-thumb-play-btn-youTube,
#institution-public-page .grid-item span.video-thumb-play-btn-youTube {
    font-size: 3rem;
    text-align: start;
    color: white;
    margin-left: 2rem;
    margin-bottom: 1rem;
    display: inline-block;
    position: absolute;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-width: thin;
    border-radius: 5px;
    border-style: solid;
    left: 0;
    bottom: 0;
    overflow: hidden;
}

#manageVideosContainer span.video-thumb-play-btn-youTube {
    font-size: 3rem;
    text-align: start;
    color: white;
    margin-left: 2rem;
    margin-bottom: 1rem;
    display: inline-block;
    position: absolute;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-width: thin;
    border-radius: 5px;
    border-style: solid;
    left: 0;
    bottom: 0;
    overflow: hidden;
}

span.video-thumb-play-btn:not(:hover),
span.video-thumb-play-btn-youTube:not(:hover) {
    background-color: rgba(0, 0, 0, 0.8) !important;
    color: #ffffff !important;
}

span.video-action-menu {
    font-size: 120%;
    text-align: end;
    color: white;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 5px;
    margin-right: 5px;
    opacity: 1;
}

#mediaChannelContainer span.video-action-menu {
    /*font-size: inherit;*/
}


/* selected media channel nav-tabs will be bolded */

#mediaChannelContainer .nav-item.active button span {
    font-weight: bold;
}

.file-grid.aspect-ratio-16-9-container {
    padding-top: 0px;
    position: relative;
}

.video-with-overlay>img::selection {
    background: transparent;
}

.overlaycontent.publish-date {
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    margin: auto;
    width: 100%;
    text-align: center;
    font-size: 0.9em;
}

.overlaycontent.publish-date.not-started {
    color: yellow;
}

.overlaycontent.publish-date.ended {
    color: red;
}

.overlaycontent.publish-date.in-period {
    color: aqua;
}


/* Video Menu styles */

.Menu__MenuOptions {
    font-size: 12.7px;
    color: white;
    background-color: rgb(41, 47, 52, 0.9);
    /*padding: 0.5rem;*/
    display: inline-block;
    border-radius: 5px !important;
}

.Menu__MenuOption {
    /* padding-left: 6px;
    padding-right: 6px; */
    padding: 1px 15px;
}

.Menu__MenuOption:hover {
    background-color: #565C60;
    border-radius: 5px !important;
}

.Menu__MenuTrigger:hover {
    color: var(--primary-color, #029ce2);
}

.Menu__MenuTrigger {
    border-radius: 3px !important;
}

.Menu__MenuOption--disabled:hover {
  	color: #A8A8A8;
  	cursor: default;
}

.Menu__MenuOption.Menu__MenuOption--disabled:hover .edit-action-menu {
    display: inline-grid;
    cursor: default;
}

.Menu__MenuOption__ListView {
    float: right;
    visibility: visible !important;
}

h1.institution-channel-title {
    font-size: 27px;
    font-weight: 600 !important;
    color: #636363 ;
}

h1.MediaChannel {
    /*font-size: 28px;
	font-weight: 700 !important;*/
    font-size: 27px;
    font-weight: 600 !important;
    color: #636363 !important;
}

#mediaChannelContainer {
    background-color: #f4f4f4;
    /*grey background added here */
    padding-top: 0;
    /*padding-right: 30px;*/
    padding-left: 5px;
    padding-bottom: 30px;
    min-height: 80vh;
    margin-top: 1em;
}

.tab-content {
    margin-left: 2em;
    margin-right: 2em;
}

.apiDiv .tab-content {
    margin: 0;
}

.tab-content-left {
    margin-left: 1.6em;
}

@media only screen and (max-width: 1366px) {
    .tab-content {
        margin-left: 1em;
        margin-right: 1em;
    }
}

#mediaChannelContainer .slick-slider,
.slick-initialized {
    height: 160px;
}

#di_fileExplorerDetailsContent .slick-initialized {
    height: auto;
}

#mediaChannelContainer .slick-list,
#mediaChannelContainer .slick-track {
    height: inherit;
}

#mediaChannelContainer .ic_folderLetterIcons {
    height: auto;
    width: 35px;
    margin-right: 5px;
}

#mediaChannelContainer .action-button {
    margin-bottom: 10px;
}

#manageVideosContainer {
    background-color: #f4f4f4;
}

#manageVideosContainer,
#mainContentSpinner {
    /* spinner alignment */
    min-height: 70vh;
}


/* Use fixed position, so spinner always visible on screen */

#mainContentSpinner .dcls_spinner {
    position: fixed;
}

.video-action-menu {
    background-color: rgba(0, 0, 0, 0) !important;
}

.media-bulk-move {
    padding-right: 20px;
    background: url('../style/svgicons/bulk-move.svg') no-repeat;
}

.media-bulk-publish {
    padding-right: 20px;
    background: url('../style/svgicons/bulk-publish.svg') no-repeat;
}

.media-bulk-publish-grey {
    padding-right: 20px;
    background: url('../style/svgicons/bulk-publish-grey.svg') no-repeat;
}

.media-bulk-remove {
    padding-right: 20px;
    background: url('../style/svgicons/bulk-remove.svg') no-repeat;
}

.media-bulk-approve {
    padding-right: 20px;
    background: url('../style/svgicons/bulk-approve.svg') no-repeat;
}
.media-bulk-restore {
    padding-right: 20px;
    background: url('../style/svgicons/ArrowCounterClockwise.svg') no-repeat;
}
.media-bulk-copy {
    padding-right: 20px;
    background: url('../style/svgicons/bulk-copy.svg') no-repeat;
}

.media-bulk-human-caption {
    padding-right: 20px;
    background: url('../style/svgicons/bulk-human-caption.svg') no-repeat;
}

.media-bulk-delete {
    padding-right: 20px;
    background: url('../style/svgicons/bulk-delete.svg') no-repeat;
}

.media-add-resource {
    padding-right: 20px;
    padding-bottom: 20px;
    background: url('../style/svgicons/add-resource.svg') no-repeat;
}

.media-edit-mode {
    padding-right: 20px;
    padding-bottom: 20px;
    background: url('../style/svgicons/edit-mode.svg') no-repeat;
    background-size: 16px 16px;
}

.media-view-mode {
    padding-right: 25px;
    padding-bottom: 20px;
    background: url('../style/svgicons/view-mode.svg') no-repeat;
    background-size: 20px 20px;
}

.media-more-actions {
    padding-right: 25px;
    padding-bottom: 20px;
    background: url('../style/svgicons/more-action.svg') no-repeat;
    background-size: 20px 20px;
}

.media-bulk-share {
    padding-right: 20px;
    background: url('../style/svgicons/bulk-share.svg') no-repeat;
}

.media-bulk-favorite {
	padding-right: 20px;
	background: url('../style/svgicons/bulk-fav.svg') no-repeat;
}

.media-bulk-unpublish {
    padding-right: 20px;
    background: url('../style/svgicons/bulk-unpublish.svg') no-repeat;
}

.media-bulk-owner {
    padding-right: 20px;
    background: url('../style/svgicons/bulk-owner.svg') no-repeat;
}

.media-bulk-tag {
    padding-right: 20px;
    background: url('../style/svgicons/bulk-tag.svg') no-repeat;
}

.media-bulk-download {
    padding-right: 20px;
    background: url('../style/svgicons/bulk-download.svg') no-repeat;
}

.media-bulk-security {
    padding-right: 20px;
    background: url('../style/svgicons/bulk-security.svg') no-repeat;
}

.media-bulk-consent {
    padding-right: 20px;
    background: url('../style/svgicons/bulk-consent.svg') no-repeat;
}

.media-bulk-metadata {
    padding-right: 20px;
    background: url('../style/svgicons/bulk-metadata.svg') no-repeat;
}

.media-campus-channel {
    padding-right: 20px;
    background: url('../style/svgicons/campus-channel.svg') no-repeat center;
    font-size: 1.1em;
}

.media-course-channel {
    padding-right: 20px;
    background: url('../style/svgicons/course-channels.svg') no-repeat center;
    font-size: 1.1em;
}

.media-archive-channel {
    padding-right: 20px;
    background: url('../icons/new_my_archive.svg') no-repeat center;
    font-size: 1.1em;
}

.media-my-media {
    padding-right: 20px;
    background: url('../style/svgicons/my-media.svg') no-repeat center;
    font-size: 1.1em;
}

.media-new-folder {
    padding-right: 20px;
    padding-bottom: 20px;
    background: url('../style/svgicons/new-folder.svg') no-repeat 0px 2px;
}

.media-public-channel {
    padding-right: 20px;
    background: url('../style/svgicons/public-channel.svg') no-repeat center;
    font-size: 1.1em;
}

.media-bulk-merge {
    padding-right: 20px;
    background: url('../style/svgicons/bulk-merge.svg') no-repeat;
}

.media-move-user-collections {
    background: url('../style/svgicons/move-user-collections.svg');
    background-repeat: no-repeat;
    background-position: center center;
    width: 25px !important;
    height: 27px !important;
}

.media-publish-public-channel {
    background: url('../style/svgicons/publish-public-channel.svg');
    background-repeat: no-repeat;
    background-position: center center;
    width: 25px !important;
    height: 27px !important;
}

.media-publish-course-channel {
    background: url('../style/svgicons/publish-course-channel.svg');
    background-repeat: no-repeat;
    background-position: center center;
    width: 25px !important;
    height: 27px !important;
    background-position: center center;
}

.media-publish-campus-channel {
    background: url('../style/svgicons/publish-campus-channel.svg');
    background-repeat: no-repeat;
    background-position: center center;
    width: 25px !important;
    height: 27px !important;
    background-position: center center;
}

.media-move-user-collections-green {
    background: url('../style/svgicons/move-user-collections-green.svg');
    background-repeat: no-repeat;
    background-position: center center;
    width: 25px !important;
    height: 27px !important;
}

.tree-icon {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain !important;
    width: 13px !important;
    margin-right: 5px !important;
}

.media-publish-public-channel-green {
    background: url('../style/svgicons/publish-public-channel-green.svg');
    background-repeat: no-repeat;
    background-position: center center;
    width: 25px !important;
    height: 27px !important;
}

.media-publish-course-channel-green {
    background: url('../style/svgicons/publish-course-channel-green.svg');
    background-repeat: no-repeat;
    background-position: center center;
    width: 25px !important;
    height: 27px !important;
    background-position: center center;
}

.media-publish-campus-channel-green {
    background: url('../style/svgicons/publish-campus-channel-green.svg');
    background-repeat: no-repeat;
    background-position: center center;
    width: 25px !important;
    height: 27px !important;
    background-position: center center;
}

.media-publish-plus-icon {
    background: url('../style/svgicons/publish-plus-icon.svg');
    background-repeat: no-repeat;
    background-position: center center;
    width: 15px !important;
    height: 22px !important;
    background-position: center center;
}

.media-publish-minus-icon {
    background: url('../style/svgicons/publish-minus-icon.svg');
    background-repeat: no-repeat;
    background-position: center center;
    width: 15px !important;
    height: 22px !important;
    background-position: center center;
}

.media-modal-times-icon {
    background: url('../style/svgicons/publish-times-icon.svg');
    background-repeat: no-repeat;
    background-position: center center;
    width: 16px !important;
    height: 16px !important;
    background-position: center center;
}

.media-modal-small-times-icon {
    background: url('../style/svgicons/share-access-times-icon.svg');
}

.share-access-icons {
    background-repeat: no-repeat;
    width: 13px !important;
    height: 13px !important;
    background-position: center center;
    display: inline-block;
    margin-left: 5px !important;
}

.round-select-box {
    border-radius: 5px !important;
    border: 1px solid rgba(224, 224, 224, 1) !important;
}

.share-select-text {
    font-weight: 600;
    color: var(--primary-color-text, grey);
    padding: 6px 8px !important;
}

.share-select-text:focus {
    outline: 1px auto;
}

.share-form-group {
    display: inline-block;
    margin-bottom: 0px !important;
}

.media-modal-close-btn {
    margin-right: 0;
    margin-left: auto;
    display: block;
    color: black !important;
    opacity: 0.7;
}

.media-modal-close-btn:hover {
    cursor: pointer;
    color: black;
    opacity: 0.9;
}

.media-modal-close-btn:focus {}

.publish-modal-icons {
    /*     padding-right:24px; */
}

.media-shared-with-me {
    padding-right: 20px;
    background: url('../style/svgicons/shared-with-me.svg') no-repeat 0px;
    font-size: 1.1em;
}

.media-shared-with-others {
	padding-right: 20px;
	background: url('../style/svgicons/shared-with-others.svg') no-repeat 0px;
	font-size: 1.1em;
}

.media-fav-icon {
	padding-right: 20px;
	background: url('../style/svgicons/fav-icon.svg') no-repeat 0px;
	font-size: 1.1em;
}

.media-playlist-icon {
	padding-right: 20px;
	background: url('../style/svgicons/PlaylistsMediaIcon.svg') no-repeat 0px;
	font-size: 1.1em;
}

.media-nested-sublevel-playlist-icon{
	padding-right: 20px;
	background: url('../icons/mediaLibrary/PlaylistIconSmall.svg') no-repeat 0px;
	font-size: 1.1em;
    background-size: contain;
    padding-left: 2px;
}

.sidebar-nested-folder-icon{
	padding-right: 20px;
	background: url('../icons/mediaLibrary/sidebarFolderIcon.svg') no-repeat 0px;
	font-size: 1.1em;
    background-size: contain;
    padding-left: 2px;
}

.media-upload {
    padding-right: 20px;
    padding-bottom: 20px;
    background: url('../style/svgicons/upload.svg') no-repeat 0px 2px;
}

.media-user-collections {
    padding-right: 20px;
    background: url('../style/svgicons/user-collections.svg') no-repeat center;
    font-size: 1.1em;
}


.pin-icon {
	content: "Pin";
    width: 22px;
    height: 22px;
    background: url('../icons/mediaLibrary/smallPinIcon.svg') no-repeat center;
    background-size: contain;
    display: inline-block;
    position: relative;
    transition: all 0.3s ease;
    border-radius: 4px;
}


.pin-icon:hover::after,
.pin-icon:focus::after {
    content: '';
    position: absolute;
    top: -2px; left: -2px;
    right: -2px; bottom: -2px;
    border-radius: 4px;
    pointer-events: none;
}

.pin-icon:hover .pin-unpin-tooltip{
	display:block;
}

.pin-icon.unpin-icon:hover,
.pin-icon.unpin-icon:focus{
	content: "Unpin";
    width: 22px;
    height: 22px;
    background: url('../icons/mediaLibrary/smallUnPinIcon.svg') no-repeat center;
    background-size: contain;
    display: inline-block;
    position: relative;
    transition: all 0.3s ease;
    border-radius: 4px;
}

.dcfe_rootNode:hover .pin-icon.unpin-icon,
.dcfe_rootNode:focus .pin-icon.unpin-icon {
	content: "Unpin";
    width: 22px;
    height: 22px;
    background: url('../icons/mediaLibrary/smallUnPinIcon.svg') no-repeat center;
    background-size: contain;
    display: inline-block;
    position: relative;
    transition: all 0.3s ease;
    border-radius: 4px;
}

.dcfe_folderName:hover .pin-icon.unpin-icon,
.dcfe_folderName:focus .pin-icon.unpin-icon {
	content: "Unpin";
    width: 22px;
    height: 22px;
    background: url('../icons/mediaLibrary/smallUnPinIcon.svg') no-repeat center;
    background-size: contain;
    display: inline-block;
    position: relative;
    transition: all 0.3s ease;
    border-radius: 4px;
}

.pin-icon.unpin-icon:hover::after,
.pin-icon.unpin-icon:focus::after {
    content: '';
    position: absolute;
    top: -2px; left: -2px;
    right: -2px; bottom: -2px;
    border-radius: 4px;
    pointer-events: none;
}

/*Modal styles*/

.modal-folder-selection-btn {
    font-weight: 600;
    padding: 10px 15px;
    border-radius: 5px !important;
    color: white !important;
    font-size: 12px;
}

.select2-share-custom-style {
    height: 35px !important;
}

.select2-share-custom-style>.select2-choice {
    height: 35px !important;
    border-radius: 5px !important;
    background-image: none !important;
    border: 1px solid rgba(224, 224, 224, 1) !important;
}

.select2-share-custom-style>.select2-choice>.select2-arrow {
    display: none !important;
}

.select2-share-custom-style.select2-dropdown-open>.select2-choice {
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background-color: white !important;
}

.select2-dropdown-custom-style {
    border-bottom-right-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    border: 1px solid #aaa !important;
}

.select2-container-custom-style.select2-container-active>.select2-choices {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.select2-container-custom-style>.select2-choices {
    border-radius: 5px !important;
    background-image: none !important;
    border: 1px solid rgba(224, 224, 224, 1) !important;
}

.select2-container-custom-style>.select2-choices>.select2-search-choice {
    border-radius: 3px !important;
    /* direction: rtl; */
    padding: 3px 4px 3px 5px !important;
    background-image: none !important;
    background-color: rgba(245, 249, 250, 1) !important;
}

.select2-container-custom-style>.select2-choices>.select2-search-choice>div {
    margin-left: 12px;
}

.select2-container-custom-style.select2-dropdown-open>.select2-choices {
    border-top-right-radius: 5px !important;
    border-top-left-radius: 5px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.cancel-btn {
    background-color: transparent;
}

.select-btn {
    background-color: var(--primary-color, #029ce2);
}

.cancel-btn:hover,
.cancel-btn:focus {
    background-color: transparent;
}

.select-btn:hover,
.select-btn:focus {
    background-color: #0686c1;
}


/*Add Video (UPLOAD) dialog style*/

.add-video-drop-box-drag {
    overflow-x: hidden;
    max-height: 360px;
    width: auto;
    text-align: center;
    border: 2px solid #262626;
    background-color: #ffffff;
    margin: 0px auto;
    color: #777777;
    height: 80%;
}

.add-video-drop-box {
    overflow-x: hidden;
    text-align: left;
    border: 2px dashed #42296E;
    background-color: var(--light-violet, #ECEAF1);
    margin: 0px auto;
    color: #777777;
    width: 90%;
    display: flex;
    flex-direction: column;
    padding: 15px;
    border-radius: 7px !important;
}

div:not(#audioDescriptionUploadModal) > div#caption-pane > #caption-upload-pane {
	margin: 0px 15px !important;
}

#caption-upload-pane .add-video-drop-box {
	width: 100% !important;
}

#caption-upload-pane-subtext {
	color:black;
	margin-top:5px;
}

.drop-box-image {
    margin-top: 2%;
    margin-bottom: 2%;
    width: auto;
    height: 55px;
}

.additional-actions-section {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    margin-top: 10px;
    height: calc(25% - 10px);
    min-height: 60px;
    margin-bottom: 20px;
}

.upload-bottom-bar {
    display: inline-block;
    width: 85%;
    text-align: left;
    float: right;
    margin-left: 0%;
    margin-top: 2.5%;
    padding-right: 5%;
}

.upload-icon {
    width: 10%;
    display: inline-block;
    float: left;
}

.add-video-upload-btn {
    padding: 10px 20px;
    border-radius: 5px !important;
    color: white !important;
    font-weight: bold;
}

.dialog-button-neutral {
    border-radius: 5px !important;
    color: white;
    font-weight: 600;
    background-color: #b0b0b0;
    text-decoration: none;
    padding: 6px 14px;
    font-size: 14px;
    border: none;
}

.media-details-download-button {
    font-size: inherit;
    padding: 10px 10px;
    margin-left: 10px;
    flex: 1 1 120px;
}

.folder-rss-button {
    font-size: inherit;
    padding: 10px 10px;
    margin-top: 10px;
    margin-left: 10px;
    flex: 1 1 120px;
    max-width: 150px;
}

.hidden-tab {
    display: none;
}

.media-details-tab {
    text-align: left;
    /* font-weight: bold; */
    background-color: white;
    border: 0;
    width: 100%;
    /* consistency in highlight widths  */
    overflow: hidden;
    text-overflow: ellipsis;
}

.media-details-tab.more-tabs-toggle {
    background-color: var(--primary-color, #029ce2);
    font-size: 13px;
    padding: 12px;
    border-radius: 0 !important;
    color: var(--tab-btn-textcolor);
}

.media-details-tab.selected {
    background-color: #cff0ff;
}

.media-details-tab:not(.selected):hover,
.media-details-tab:not(.selected):focus,
.media-details-tab:not(.selected):focus {
    background-color: #ebebeb;
}

.dialog-button-neutral:hover,
.dialog-button-neutral:focus {
    background-color: #999999;
    color: white;
}

.full-width-button {
    width: 100%;
}

.reject-details {
    margin-left: 268px;
    margin-top: 10px;
    border-radius: 5px !important;
    color: white;
    font-weight: 400;
    background-color: #cacaca;
    text-decoration: none;
    padding: 10px 15px;
    font-size: 14px;
    border: none;
}

.blue-border-security-modal {
    border: 2px solid #B0CED5;
    width: auto;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 5px;
    padding-top: 8px;
    padding-bottom: 5px;
}

.security-modal-row {
    margin-left: 10px;
}

.security-modal-section {
    margin-left: 32px;
}

.shadow-border {
    border: 1px solid #e0e0e0;
    color: #666666;
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
    height: 100%;
    width: 100%;
}

.bottom-security-modal {
    margin-bottom: 10px;
}

.rejectDetails-hidden {
    display: none;
}

.rejectDetails-show {
    color: rgb(51, 51, 51);
    display: inline;
    background-color: transparent;
    font-size: 12px;
    border: none;
    margin-left: 15px;
}

.dialog-button-negative {
    border-radius: 5px !important;
    color: white;
    font-weight: 600;
    background-color: #d84a38;
    text-decoration: none;
    padding: 10px 15px;
    font-size: 14px;
    border: none;
}

.dialog-button-negative:hover,
.dialog-button-negative:focus {
    background-color: #bb2413;
}

.add-media-delete-btn {
    border-radius: 5px !important;
    color: white;
    background-color: #d84a38;
    text-decoration: none;
    border: none;
    height: 2em;
}

.add-media-delete-btn:hover,
.add-media-delete-btn:focus {
    background-color: #bb2413;
}

.add-media-input-box-single-row {
    border-radius: 5px !important;
    height: 34px;
    margin-top: 5px;
    border: 1px solid #d5d5d5;
}

.add-media-input-box-multiple-row {
    border-radius: 5px !important;
    margin-top: 5px;
    border: 1px solid #d5d5d5;
}

.add-media-input-title {
    color: black;
    margin-top: 10px;
    text-align: left;
}

.progress-bar-custom-style {
    border-radius: 5px !important;
    background-color: #50d465 !important;
    padding-top: 3px;
}

.progress-bar-blue-style {
    background-color: #3281C2 !important;
}

.search-query {
    margin-right: 1em;
    padding-right: 7px;
    padding-top: 3px;
    padding-bottom: 3px;
    background-color: #f1f1f1;
    border: 1px solid var(--primary-color-text, grey);
    box-shadow: 0.5px 0.5px 1px #888888;
}

.publish-dialog-search-bar {
    border-radius: 5px !important;
    background-color: white;
    margin: 5px 0px;
    height: 27px;
    width: 50%;
}

.user-collections-search-bar {
    border-radius: 5px !important;
}

.additional-options-button {
    margin-top: 1em;
}

.additional-options-button:hover {
    cursor: pointer;
    text-decoration: underline;
}

.modal-calendar-icon {
    position: absolute;
    pointer-events: none !important;
    top: 4px;
    right: 4px;
}

.date-range-container {
    position: relative;
    display: inline-block;
}

.date-range-container:hover {
    cursor: pointer !important;
}

.date-range-container>input:hover {
    cursor: pointer !important;
}

.date-range-container>input {
    cursor: pointer !important;
}

.overlay {
    z-index: 4;
}

.gradient {
    z-index: 2;
}

.publish-checkbox {
    display: inline-block;
    margin-left: 30px;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: initial;
}

.publish-checkbox:hover {
    cursor: pointer;
}

.folder {
    bottom: 150px;
}

.video-tags-collapsed {
    max-height: 70px;
    overflow: hidden;
}

#expandButton:hover {
    cursor: pointer;
}

#expandButton {
    border: 1px solid #aaa !important;
    border-top: none;
    text-align: center !important;
    color: var(--primary-color, #029ce2) !important;
    background-color: #ffffff;
    padding: 0;
    width: 100%;
    bottom: 1px;
}
.newExpandStyle{
	 bottom: 12px !important;
}

#tagInput {
    border: none !important;
}

#tagInputWrapper {
    padding: 0;
}

button.language {
    margin: 10px;
}

span.language {
    width: 150px;
    display: inline-block;
    font-size: 1em !important;
}


/* security tab of edit video dialog */

#securityContentTable .col-xs-1 {
    width: 2%;
    /* push closer to the radio button */
}

#securityContentTable .col-xs-offset-1 {
    margin-left: 4%;
    /* original 8.333333333333332%*/
}

#securityContentTable .col-xs-offset-2 {
    margin-left: 8%;
    /* original 16.666666666666664%*/
}

#securityContentTable .col-xs-offset-3 {
    margin-left: 12%;
    /* original 25%;*/
}


/* spacing between radio buttons and text */

input.ic_inputButtonPadding {
    margin-right: 10px;
}

#securityContentTable label {
    font-size: inherit;
}

.hc-form label {
    font-size: inherit;
}


/*********************************/

#bulkSecurityDateRange #dateRangeInvisible, #bulkSecurityDateRange #dateRangeVisible{
	width: 50%;
}

#bulkSecurityDateRange #startDateLabel, #bulkSecurityDateRange #endDateLabel{
	margin: 0;
}
#bulkSecurityDateRange #datepicker-calendar-startDate{
	transform: translate(-40%);
}

#bulkSecurityDateRange #datepicker-calendar-endDate{
	transform: translate(-70%);
}

@media screen and (max-width: 680px){
	#bulkSecurityDateRange{
		flex-direction: column;
	}
	
	#bulkSecurityDateRange #dateRangeInvisible, #bulkSecurityDateRange #dateRangeVisible{
		width: 100%;
	}
	#bulkSecurityDateRange #dateRangeVisible{
		margin-bottom: 10px;
	}
	
	#bulkSecurityDateRange #datepicker-calendar-endDate{
		transform: translate(-40%);
	}
	
}
/* hide text from tabs icons when window size is small */

@media only screen and (max-width: 961px) {
    .availableTabsContainer i {
        text-align: center;
    }
}


/***********Accessibiltiy Section of Edit Video Modal********/


/* fix for bootstrap bug where menu does not fall to right */

#dbi_uploadOptions+.dropdown-menu-right {
    top: 0;
    left: 100%;
}


/* remove double caret from polling.css; change color to white (from black) */

#dbi_uploadOptions .caret {
    border-bottom: inherit;
    border-top-color: white;
    margin-left: 0.2em;
}


/* remove backgronud color change tha tmakes selected button text invisible */

.dropdown.open .dropdown-toggle * {
    color: white;
}


/* Uniform.js classes for focused,active inputs */

#di_editVideoModal .radio.focus span,
#di_editVideoModal .radio.active span {
    border-radius: 100px;
    box-shadow: 0 0 10px var(--primary-color, #029ce2);
    -webkit-box-shadow: 0 0 10px var(--primary-color, #029ce2);
    -moz-box-shadow: 0 0 10px var(--primary-color, #029ce2);
}


/* Uniform.js classes for focused,active inputs */

#di_editVideoModal .checker.focus span,
#di_editVideoModal .checker.active span {
    box-shadow: 0 0 10px var(--primary-color, #029ce2);
    -webkit-box-shadow: 0 0 10px var(--primary-color, #029ce2);
    -moz-box-shadow: 0 0 10px var(--primary-color, #029ce2);
}

#di_accessibilityTable {
    /*  height: 250px; */
    overflow-y: auto;
}

.select-all {
    padding-right: 25px;
    padding-top: 2px;
    padding-bottom: 20px;
    background: url(../style/svgicons/select-all.svg) no-repeat 0px 2px;
}

.deselect-all {
    padding-right: 25px;
    padding-top: 2px;
    padding-bottom: 20px;
    background: url(../style/svgicons/deselect-all.svg) no-repeat 0px 2px;
}

.dc_mediaDetailsSection.blue-border {
    border: 1px #cff0ff solid;
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 0.5em;
    margin-left: 5px;
}

.dimv_videoData {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
}


#dimv_containerMaster .panel-heading-size {
	color: #42296E !important;
    font-size: 24px !important;
    font-weight: 600 !important;
}

#dimv_containerMetadata {
    flex-grow: 1;
    flex-basis: 60%;
    margin-left: 10px;
    margin-right: 10px;
    order: 0;
    max-width: 60%;
}

@media(max-width: 1100px){
	.dimv_videoData {
    flex-direction: column;
}
	#dimv_containerMetadata {
	max-width: 100%;
	}
}

#dimv_containerRelatedVideos {
    display: flex;
    flex-basis: 33%;
    flex-grow: 1;
    flex-direction: column;
    margin-left: 10px;
    margin-right: 10px;
    order: 1;
    align-self: flex-start;
    width: calc(100% - 20px);
    min-width: 0;
}

.dimv_relatedVideoGridItem {
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
}

.dimv_relatedVideoGridItem:hover{
	background: rgb(239,239,239);
}

@media screen and (max-width: 680px) {
    .dimv_relatedVideoGridItem {
        flex-direction: row;
    }
    .dimv_containerMetadata {
        flex-direction: column;
    }
    .di_relatedVideosThumbnailContainer {
        flex: 0 0 80px !important;
    }
}

.di_relatedVideosThumbnailContainer {
    flex: 0 0 135px;
    border-radius: 4px !important;
}

.clickable {
    cursor: pointer;
}

.clickable:focus {
    outline: 2px solid black !important;
}

.ic_relatedVideoThumbnail {
    width: 135px;
    height: 78.31px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    object-fit: cover;
    border-radius: 4px !important;
}

.ic_relatedVideoThumbnail:hover {
    filter: brightness(50%);
}

.di_relatedVideosMetadata {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 10px;
    max-width: inherit;
    overflow: hidden;
}

.dimv_videoData {
    color: #333;
}

.dc_metadataEntry {
    margin-bottom: -2px;
    font-size: 14px;
    color: #575757;
}

.startTime {
    font-size: 11.85px;
    font-weight: 700;
    letter-spacing: 0.41px;
}

.dc_relatedVideoPostedDate.dc_metadataEntry.startTime{
	font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.41px;
    margin-bottom: 8px; 
}

.dc_relatedVideoPostedDate.dc_metadataEntry.startTime span{
	color: #344054;
	background-color: #D3DCF2;
	border-radius: 10px;
	padding: 2px 8px;
}
.chaptersTitle {
	color: black;
    font-size:  15 px !important;
    font-weight: 400;
    letter-spacing: 0.415px;
    padding-left: 8px;
}

.viewAllSpan {
	cursor: pointer;
    color: #000;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.415px;
    margin-right: 7px;
}

.dc_relatedVideoDescription {
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.dc_relatedVideoTitle {
    font-size: 15px;
    font-weight: bold;
}

#dimv_containerMaster {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#diwv_containerVideo {
    display: flex;
    justify-content: center;
    margin-left: 10px;
    margin-right: 10px;
    text-align: center;
    background-color: black;
    max-height: 65vh !important;
}


/* Allow responsive embed item to fill space up to 65vh (width will be 16:9 ratio of the height */

.embed-responsive-holder {
    display: inline-block;
    width: 100%;
    height: 100%;
    /* Limit the height, while maintaining 16:9 ratio */
    max-width: calc(65vh * 16/9);
    max-height: 65vh;
}

.embed-responsive-wrapper {
    position: relative;
    padding-top: 56.25%;
    height: 0;
}

#ifi_videoPlayerContainer.non-ie,
.embed-responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    border-color: transparent;
    border-top-width: 1px;
    /*Ensure the iframe is never larger than 65% of the screen height */
    max-width: calc(65vh * 16/9);
    max-height: 65vh;
}

#previewResumePlayWrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    position: absolute;
    transition: opacity 0.25s;
    background-color: rgba(0, 0, 0, 0.5);
}

#videoContainerWrapper {
    display: flex;
    width: 100%;
    height: 100%;
    background: black;
}

#ifi_videoPlayerContainer.ie {
    height: 100%;
    border: 0;
    margin-top: -1px;
}


/* permanently apply styles from bootstraps:
@media screen and (min-width: 768px)
.modal-dialog {
    width: 600px;
    padding-top: 30px;
    padding-bottom: 30px;
}
 Libraries/Bootstrap/css/bootstrap.min.css?v=1541695005795
 */

#diwv_containerMedia {
    display: flex;
    justify-content: center;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
    text-align: center;
    max-height: 65vh;
}

.embed-responsive-holder-media {
    display: inline-block;
    width: 100%;
    height: 100%;
    max-height: 65vh;
}

.embed-responsive-wrapper-media {
    height: 65vh;
}

#ifi_mediaViewerContainer.non-ie,
.embed-responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    border-color: transparent;
    border-top-width: 1px;
    max-height: 65vh;
}

#ifi_mediaViewerContainer.ie {
    height: 100%;
    border: 0;
    margin-top: -1px;
}

.imagePreview {
    width: 100%;
    max-height: 65vh;
    min-height: 30vh;
    object-fit: scale-down;
}

#confusionOverlay .modal-dialog {
    width: 600px;
    /*padding-top: 30px;*/
    /*padding-bottom: 30px;*/
    margin: 30px auto;
}
#di_videoCommentingTabContent .react-switch .checker{
	margin: 0px !important;
	margin-left: 5px !important
}
.comment-user-avatar {
    width: 28px;
    height: 28px;
    margin-right: 10px;
}
.comment-username {
    font-weight: bold;
    font-size: 17px;
    margin-right: 6px;
}
.comment-timestamp {
    font-size: 15px;
    color: #6B6B6B;
}
.comment-delete-icon {
    color: red;
}
.comment-reply-icon {
    color: #126FC7;
}
.comment-body {
    flex: 1;
    margin-left: 40px;
    font-size: 15px;
}
.details-section-comment-container .comment-username {
    font-size: 15px;
    white-space: nowrap;
    text-wrap: auto;
}
.details-section-comment-container .comment-timestamp{
	font-size: 14px;
}
.details-section-comment-container .comment-body{
	font-size: 15px;
}
.comment-container {
    margin: 6px 0;
    width: 100%;
    display: flex;
    flex-direction: column;
}
.comment-actions {
    padding: 0 5px;
}
.comment-replies {
    padding-left: 40px;
}
#commentsContainer {
    width: 100%;
}
.comment-box-wrapper {
    margin: 20px 0;
    display: flex;
    /*max-width: 600px;*/
    align-items: center;
    gap: 10px;
    border: 1px #6F6F6F solid;
    border-radius: 4px !important;
}
#commentBox {
    flex: 1;
    border-radius: 4px !important;
    font-size: 15px;
    height: 45px;
    padding: 7px 20px;
    line-height: 2;
    border:none;
}

#commentBox:focus {
  outline: none !important;
}

#commentArea #commentBox {
    margin-bottom: 0;
}

#commentButton {
	cursor: pointer;
	margin-right: 20px;
}

.reply-section {
	margin-left: 40px;
	margin-top: 15px;	
}

.replyButtons{
	margin: 0px;
}

#reply-textarea{
	font-size: 15px;
	width: 100%;
	border: none;
	height: 28px;
	min-height: 28px;
	border-bottom: 1px solid #6F6F6F;
	overflow: hidden;

}

#reply-textarea:focus{
	outline: none !important;
	border-bottom: 1px solid #0B6F85;
}

.dropdown-menu show li{
	padding: 5px;
}

.dcmv_tabContentPanel {
    display: none;
}

.dcmv_tabContentPanel.show {
    display: block;
}

.dimv_navigationTabsContainer {
    display: flex;
    flex-direction: row;
}

@media(max-width: 768px) {
    .dimv_videoData .dimv_navigationTabsContainer {
        flex-direction: column;
    }
    .scmv_icon_title {
        display: inline !important;
    }
    .scmv_icon_titleActive {
        margin-left: 2px;
        display: inline !important;
    }
    .video-file-grayOverlay{
    	background: linear-gradient(to top, 
				  rgba(0, 0, 0, 1) 0%, 
				  rgba(0, 0, 0, 1) 45%, 
				  rgba(0, 0, 0, 0.9) 50%, 
				  rgba(0, 0, 0, 0.1) 63%) !important;
    }
    .media-file-grayOverlay{
    	background: linear-gradient(to top, 
				  rgba(0, 0, 0, 1) 0%, 
				  rgba(0, 0, 0, 1) 45%, 
				  rgba(0, 0, 0, 0.9) 50%, 
				  rgba(0, 0, 0, 0.1) 63%) !important;
		opacity: unset !important;
    }
     #loginDropdownPreviewWrapper ul.nav{
		display: flex;
	    align-items: center;
	    justify-content: center;
	    
	}
	#loginDropdownPreviewWrapper .dropdown-menu
	{
		z-index: 10000;
	    max-width: 240px;
	    overflow: hidden;
	}
	#loginDropdownPreviewWrapper ul.nav button{
		text-overflow: ellipsis;
		overflow: hidden;
	} 
}

.nav-tabs{
	border-bottom: 1px solid #CCCCCC;
}

@media(min-width: 769px) {
    .scmv_icon_title {
        display: none !important;
    }
    .scmv_icon_titleActive {
        display: none !important;
    }
}

@media(min-width: 1455px) {
    .scmv_icon_title {
        display: inline !important;
    }
    .scmv_icon_titleActive {
        margin-left: 2px;
        display: inline !important;
    }
}

.dimv_navigationTabsContainer.panel-heading {
    padding: 0;
}

.dcmv_navigationTabListItem {
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    font-size: 0.5em;
    border: 1px solid var(--new-primary-color, #42296E);
    border-radius: 2px 0px 0px 2px;
    padding-top: 7px;
}

.dcmv_navigationTabListItem.show {
    display: block;
    background: var(--new-primary-color, #42296E);
    color: white !important;
    padding-top: 5px;
}

.dcmv_navigationTabListItemMediaLibrary {
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    font-size: 0.5em;
}

.dcmv_navigationTabListItemMediaLibrary.show {
    display: block;
    background: #0277AD;
    color: white !important;
}

.tab-icon-container {}

.scmv_icon {
    background-position-x: center;
    background-position-y: center;
    background-repeat-x: no-repeat;
    background-repeat-y: no-repeat;
    padding: 1em;
    background-repeat: no-repeat;
}

.scmv_inactive_icon {}

#di_keywordCloudContainer svg {
    stroke: inherit;
    fill: inherit;
    max-width: 100%;
}

#di_keywordListContainer {
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
}

#di_keywordTabListContainer {
    margin: 0;
    padding-left: 0 !important;
    padding-top: 5px;
    overflow: hidden;
    cursor: default !important;
    display: inline-grid;
    grid-auto-columns: 1fr;
    overflow: visible;
}

#di_keywordListContainer ul{
    list-style: none !important;
    padding-inline-start: 0px;
}

.lastSplit ul{
	direction: rtl;
}

.keywordPanelHeading {
    color: #333;
    display: flex;
    align-items: center;
    justify-content: end;
    padding-right: 0px !important;
}

.keywordTab {
    padding: 6px 20px;
    border: 1px solid #ccc;
    float: left;
    margin-right: 2px;
    background-color: whitesmoke;
    font-size: 15px;
    border-radius: 0.3125rem !important;
    grid-row: 1;
    text-align: center;
}

.keywordTab:hover {
    background-color: #ddd;
    cursor: pointer;
}

.keywordTab.show {
    background-color: #ccc;
}

.keywordPanelBody.show {
    display: block;
}

.keywordPanelBody {
    display: none;
}

.keywordListHeader {
    color: black;
}

.keywordListItem {
    color: black;
    font-size: 18px;
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
    padding: 2px 10px;
    border-radius: 4px !important;
    max-width: 75%;
    font-weight: 500;
}

.middleSplit .keywordListItem {
	margin-left: 10%;
}

.lastSplit .keywordListItem {
	margin-right: 5%;
}

.dcmv_metadataText {
    font-weight: 400;
    font-size: 15px;
    margin-top: 10px;
    margin-bottom: 0.2em;
    color: #585454;
}

.dimv_videoContainer {
    display: flex;
    flex-wrap: wrap;
}

#dimv_containerVideoPlayer {
    flex-grow: 2;
    flex-basis: 700px;
    overflow: hidden;
    margin-bottom: 20px;
}

#dimv_containerTranscript {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-basis: 350px;
    margin-left: 10px;
    margin-right: 10px;
    overflow: hidden;
}
.panel-heading-title{
	padding: 10px 15px;
	font-size: 20px !important; 
}
.panel-heading-flex {
    display: flex;
    /*flex-direction: column;*/
    gap: 3px;
    align-items: left;
    border: none !important;
}

#heading-hr {
	margin: 1px 0;
	border: 1px solid #E0DFDF; 
}
.uppercase {
    text-transform: uppercase;
}

.panel-heading-text {
    flex: 1;
    font-family: "Arial Black", Arial;
    font-weight: 900;
    font-size: 0.75em;
    margin: 0px 0 !important;
}

.panel-tile {
	border: none !important;
	border-radius: 10px !important;
}

.panel-heading-icon {
    height: 21px;
}

.media-modal-times-icon-small {
    background: url('../style/svgicons/publish-times-icon.svg');
    background-repeat: no-repeat;
    background-position: center center;
    width: 12px;
    height: 12px;
    background-position: center center;
}

.dcmv_postedDateText {
    margin-right: 1.5em;
    
}

.dimv_relateDocument {
	margin: 5px 0;
}

.transcript-panel {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    overflow: hidden;
    height: min(350px, 65vh);
}

.transcript-panel .panel-body {
    display: flex;
    overflow: hidden;
    justify-content: center;
}

.transcriptContent {
    overflow-y: auto;
    overflow-x: hidden;
    color: #333;
    position: relative;
    width: 100%;
    padding-right: 10px;
}

.transcriptParagraph {
    margin-bottom: 1em;
}

.transcriptSegment {
    cursor: pointer;
}

.transcriptSegment.current {
    background: #c3edff;
    font-weight: bold;
}

#scrollDesyncButton {
    position: absolute;
    bottom: 50px;
    background: #333;
    color: white;
    z-index: 1;
    max-width: unset;
}

#scrollDesyncButton .fa {
    padding-right: 10px;
}

#di_sidebarResizer:hover {
    background: #0B6F85;
}

.shared-with-me-icon{
	content: url('../style/svgicons/shared-with-me-icon.svg');
}

.shared-with-others-icon{
	content: url('../style/svgicons/shared-with-others-icon.svg');
}

#di_sidebarResizer {
    position: absolute;
    background: transparent;
    width: 3px;
    height: 100%;
    top: 0;
    right: 0;
    cursor: e-resize;
    transform: none !important;
    -webkit-transition: background 0.5s;
    -moz-transition: background 0.5s;
    -ms-transition: background 0.5s;
    -o-transition: background 0.5s;
    transition: background 0.5s;
}

#di_sidebarResizer.dragging {
    opacity: 1;
}

.dot {
    height: 5px;
    width: 5px;
    background-color: #808080;
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-bottom: 2px;
}

.dot-container {
    position: absolute;
    flex-direction: column;
    overflow: visible;
    height: 100%;
    justify-content: center;
    display: flex;
}

#di_sidebarResizer.dragging .dot-container {}

:not(.sublevel-1).folderEntry {
    padding-left: 0px !important;
}

#di_sidebarFolderSection {
    overflow-y: auto;
}

.well {
    overflow: visible !important;
    transition: width 180ms cubic-bezier(0.2, 0, 0, 1) !important;
}


/* hide the custom sidebar track for horizontal scrolling as this is handled by ellipsis and dragging the sidebar */

.simplebar-track.horizontal {
    display: none;
}

.sidebar-expanded-arrow{
	content: url('../style/svgicons/upArrow.svg');
}

.sidebar-expanded-arrow:hover{
	content: url('../style/svgicons/upArrowHover.svg');
}

.sidebar-collapsed-arrow{
	content: url('../style/svgicons/downArrow.svg');
}

.sidebar-collapsed-arrow-sub{
	content: url('../style/svgicons/downArrow.svg');
}

.sidebar-collapsed-arrow:hover{
	content: url('../style/svgicons/downArrowHover.svg');
}

/* For opening (fade-in) */
.dcfe_childNodes.main-parent-expanded {
    animation: fadeIn 0.5s ease-in-out forwards;
}


@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.sidebar-right-arrow{
	content: url('../style/svgicons/rightArrow.svg');
}

#di_sidebarFolderSection {
    overflow-y: clip;
    height: 100%;
    overflow-x: hidden;
}

.dcfe_recursiveNodeTree {
    display: flex;
    flex-direction: column;
}


/* when icons transition from SVG->FA, make sure they dont push content around below them*/


/* values chosen because of the styles invovling 1.1em and switching between SVG and FA */

.dcfe_iconContainer {
    height: 24px;
    width: 22px;
    line-height: 24px;
    /* center the expansion arrow too */
    flex-shrink: 0;
    /*fix for IE*/
    opacity: 1;
}

.dcfe_rootNode {
    display: flex;
    flex-direction: row;
    cursor: pointer;
    font-weight: bold;
    color: var(--primary-color-text, grey);
    padding: 5px;
    font-size: 110%;
    border: transparent 1px solid;
    margin-left: 5px;
    margin-right: 5px;
    border: transparent 1px solid;
    border-radius: 4.2px !important;
    margin-bottom: 5px;
    /* for preventing jitter when adding the drag over psace*/
}

.sidebar-search-icon{
	content: url('../style/svgicons/MagnifyingGlass.svg');
}

.dcfe_rootContainer .dcfe_iconContainer svg:hover {
    stroke: none;
    fill: none;
}

.dcfe_rootContainer * {}


.dcfe_rootNode.dragging-over {
    border: var(--primary-color-text, grey) 1px dashed;
    background-color: rgb(207, 240, 255);
}

.dcfe_rootContainer .dcfe_rootContainer {
    padding-left: 0.7em;
}

.dcfe_folderName {
    overflow: hidden;
    text-overflow: ellipsis;
    flex-grow: 1;
    line-height: 24px;
    align-items: center;
    /* vertically center by setting line-height=container height*/
}

.dcfe_rootContainer .fa.fa-chevron-right {
    transition: all 0.25s;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.fa.fa-chevron-right.rotate-90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.fa-blank {
    visibility: hidden !important;
}

.dc_fileGridEntry {
    display: inline-block;
    cursor: pointer;
    outline: none;
}

.dcfe_rootNode:hover .dcfe_folderName,
.dcfe_rootNode:focus .dcfe_folderName,
.dcfe_folderName:hover,
.dcfe_folderName:focus {
    cursor: pointer;
    text-decoration: none;
}


/* tab focus for sidebar text */



/* add a dropshadow to focused font-awesome icons through tabbing */

.dcfe_iconContainer:focus i.fa {
    text-shadow: 1px 1px 3px grey;
    font-size: 1.1em;
}


/* the svgs are background images and so the container needs to be scaled, not the icon with the background:url property itself */

.dcfe_iconContainer.isSvg:focus {
    -webkit-transform: scale(1.1) !important;
    -moz-transform: scale(1.1) !important;
    -ms-transform: scale(1.1) !important;
    -o-transform: scale(1.1) !important;
    transform: scale(1.1) !important;
}


/* to distinguish the event from hover, also add a border */

.user-using-tab-navigation .dcfe_folderName:focus,
.user-using-tab-navigation .dcfe_iconContainer:focus i.fa,
.user-using-tab-navigation .dcfe_iconContainer.isSvg:focus i,
.user-using-tab-navigation #mediaChannelContainer :focus {
    outline: var(--primary-color, #029ce2) solid 3px !important;
}

.dc_fileGridEntry .in-video-hits-bar {
    background: #9ACD32;
    border-radius: 0px 0px 5px 5px !important;
    height: 20px;
}

.click-bubble.caption-click-bubble {
    background-image: url('../style/svgicons/searchResultSmallCaptionBannerIcon.svg');
}

.click-bubble.ocr-click-bubble {
   	background-image: url('../style/svgicons/searchResultSmallOCRBannerIcon.svg');	
}

.click-bubble.tableOfContent-click-bubble {
    background-image: url('../style/svgicons/searchResultSmallTOCBannerIcon.svg');	
}

.click-bubble.comment-click-bubble {
    background-image: url('../style/svgicons/searchResultSmallCommentBannerIcon.svg');	
}

.in-video-hits-bar .in-video-hit {
    height: 20px;
    width: 2px;
    display: inline-block;
    position: absolute;
    bottom: 0px;
}

.in-video-hit .click-bubble {
    width: 16px;
    height: 24px;
    position: absolute;
    cursor: pointer;
    transform: translateX(-5.5px) translateY(-3px);
    background-repeat: no-repeat;
}

.in-video-hits-bar:hover .click-bubble {
    visibility: visible;
}

.list-item-left:hover .click-bubble {
    visibility: visible;
}

.in-video-hit .timestamp {
    visibility: hidden;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 50%;
    margin-top: 5px;
    padding-left: 3px;
    padding-right: 3px;
    overflow: hidden;
    white-space: nowrap;
}

.in-video-hit:hover .timestamp {
    visibility: visible;
}

#mediaChannelContainer .big-featured-video-container :focus {
    outline: none !important;
}

#mediaChannelContainer .list-item:focus,
#mediaChannelContainer .grid-item:focus,
#mediaChannelContainer #featured-video:focus {
    outline: 0 !important;
    border: 3px solid var(--primary-color, #029ce2) !important;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    border-radius: 8px !important;
}

.select-box>.dc_fileGridEntry,
#mediaChannelContainer .list-item,
#mediaChannelContainer .grid-item {
    -webkit-border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    border-radius: 6px !important;
}

.select-box.selected>.dc_fileGridEntry {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.translateRight30,
.grid-item.isHovered~.grid-item.siblingIsHovered,
.dc_listItem.row-1.isHovered~.dc_listItem.row-1.siblingIsHovered,
.dc_listItem.row-2.isHovered~.dc_listItem.row-2.siblingIsHovered {
    -webkit-transform: translate3d(30px, 0, 0);
    -moz-transform: translate3d(30px, 0, 0);
    -ms-transform: translate3d(30px, 0, 0);
    -o-transform: translate3d(30px, 0, 0);
    transform: translate3d(30px, 0, 0);
}

.translateRight40 {
    -webkit-transform: translate3d(40px, 0, 0);
    -moz-transform: translate3d(40px, 0, 0);
    -ms-transform: translate3d(40px, 0, 0);
    -o-transform: translate3d(40px, 0, 0);
    transform: translate3d(40px, 0, 0);
}

#manageVideosContainer :focus {
    outline: none;
}

.small-featured-video-container,
.translateRight30 {
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    -ms-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.dc_borderHighlightWrapper.awaiting-approval {
    -webkit-box-shadow: 0 0 0pt 2pt red;
    -moz-box-shadow: 0 0 0pt 2pt red;
    box-shadow: 0 0 0pt 2pt red;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
}

.isHovered .dc_borderHighlightWrapper.awaiting-approval {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


/* need a constant size for the spinner */

.dc_fileDisplayBody {
    min-height: 25vw;
    min-width: 25vw;
}

.node-tree-button:hover,
.node-tree-button:focus {
    text-decoration: underline;
}

.modal-content.share-folder-modal {
    min-height: 300px;
}

.file-grid.aspect-ratio-16-9-container:nth-child(2) {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.isHovered .file-grid.aspect-ratio-16-9-container:nth-child(2) {
    transition: all 0.3s;
    width: 114%;
    height: 125%;
    z-index: 1;
    opacity: 1;
    pointer-events: all;
}

.prevButton,
.nextButton {
    cursor: pointer;
    position: absolute;
    top: 22%;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
    z-index: 2;
    border: none;
}

.prevButton:hover,
.nextButton:hover {
    background-color: rgba(0, 0, 0, 0.9);
}

.nextButton {
    right: 0;
    border-radius: 3px 0 0 3px;
    margin-right: 10%;
}

.prevButton {
    margin-left: 10%;
}

.next-button-new{
	right: 10px;
}
.prev-button-new{
	left: 10px;
}

.carousel-direction-button{
	width: 38px;
	height: 38px;
	position: absolute;
	display: flex;
	top: 50%;
	z-index: 100;
	cursor: pointer;
}
.prev-button-new:hover > img, .next-button-new:hover > img{
	width: 42px;
	height: 42px;
}

.prev-button-new > img, .next-button-new > img {
  width: 38px;
  height: 38px;
  transition: width 0.3s ease, height 0.3s ease;
}

.video-title {
    text-align: left;
    color: rgba(149, 208, 255, 1);
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 36px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.video-description {
    text-align: left;
    color:rgba(255, 255, 255, 1);
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 15px;
    max-height: 63%;
    text-overflow: ellipsis;
    height: -webkit-fill-available;
    height: -moz-available;
    overflow: hidden;
	margin-top: 15px;
}

.video-thumb {
    display: block;
    height: 330px;
    position: relative;
    z-index: 5;
    border: 1px solid rgba(255, 255, 255, 0.75);
    cursor: pointer;
    top: -450px;
    float: right;
    right: 15%;
    width: 465px;
}

.institution-page-top-image-container {
    display: block;
    height: 110%;
    position: absolute;
    z-index: 5;
    cursor: pointer;
    top: 0px;
    width: 60%;
}

.full-width-image{
	width: 100% !important;
}

.institution-page-top-image-container:focus-visible {
    outline: 2px solid #ffffff;
}

.list-video {
    display: none;
    height: 100%;
}

.list-videos {
    position: relative;
    z-index: 1;
    height: 100%;
}

.video-background {
    margin: 0 auto;
    display: block;
    height: 500px;
    filter: blur(20px);
    position: relative;
    z-index: 1;
    top: -25px;
    width: 100%;
}

.grayOverlay {
    position: relative;
    z-index: 5;
    pointer-events: none;
    height: 435px;
    top: -502px;
}

.video-file-grayOverlay
{
	background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 39%, rgba(0, 0, 0, 0.9) 42%, rgba(0, 0, 0, 0.1) 63%);
	opacity: unset;
}
.media-file-grayOverlay{
	background: linear-gradient(to top right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.2));
	opacity: 0.5;
}
.video-desc {
    z-index: 6;
    position: absolute;
    top: 60px;
    width: 35%;
    left: 5%;
    height: 80%;
    word-wrap: break-word;
    flex-grow: 1;
}

#institution-public-page .views {
    color: #ffffff;
    font-size: 25px;
}

.tab-class {
    display: inline !important;
}

label.thumbnail-label {
    display: inline-block;
}

label.thumbnail-label>img {
    pointer-events: none;
}

.featured-video-container {
    height: 425px;
    overflow: hidden;
}

.views-and-duration {
    display: flex;
}

@media (max-width: 1580px) {
    .video-description {
        max-width: 70%;
        font-size: 15px;
    }
    .video-title {
        max-width: 70%;
    }
    .views-and-duration {
        max-width: 70%
    }
}

@media (max-width: 1580px) {
    .featured-video-container {
        height: 475px;
    }
    .video-thumb {
        margin: 0 auto;
        left: 0;
        top: -486px;
        float: none;
    }
    .video-desc {
        text-align: center;
        top: 25%;
        width: 50%;
        /* height: 35%; */
    }
    .video-title {
        font-size: 25px;
    }
    .video-description {
        font-size: 14px;
        max-height: 42%;
    }
    #institution-public-page .views {
        font-size:17px;
    }
    .grayOverlay {
        /* top: -810px; */
        height: 100%;
    }
    .video-background {
        top: -37px;
    }
    .institution-page-top-image-container {
        position: relative;
        top: -500px;
        float: right;
        margin: auto;
        background:linear-gradient(0,black,white);
    }
    .prevButton,
    .nextButton {
        top: 19%;
    }
}

@media screen and (min-width: 376px) and (max-width: 768px) {
    .brand .navbar-nav .open .dropdown-menu {
        left: -50px !important;
        overflow: hidden;
    	max-width: 250px;
    }
    .brand .navbar-nav .open .dropdown-menu button {
        text-overflow: ellipsis;
        overflow: hidden;
    }
}
@media (max-width: 375px) {
    .brand .navbar-nav .open .dropdown-menu {
        left: -125px !important;
        overflow: hidden;
    	max-width: 350px;
    }
    .brand .navbar-nav .open .dropdown-menu button {
        text-overflow: ellipsis;
        overflow: hidden;
    }
}
@media (max-width: 580px) {
    .institution-page-top-image-container {
        height: 260px;
        width: 100%;
    }
    .video-desc {
        top:  calc(100% - 45%);
        height: calc(100% - 200px);
        left: 15%;
        width: 100%
    }
    .prevButton,
    .nextButton {
        top: 15%;
    }
    .slick-prev, .slick-next{
    	top: 39% !important;
    }
}

@media screen and (min-width: 569px) and (max-width: 768px) {
    /* .institution-page-top-image-container {
        top: -400px;
    } */
    .video-desc {
       /*  top: calc(100% - 45%);
       height: calc(100% - 200px); */
       	top: calc(100% - 26%);
        height: calc(100% - 425px);
        left: 15%;
        width: 100%;
    }
    .institution-page-top-image-container{
	    height: 260px;
		width: 100%;
   	}
	.featured-video-container {
        height: 575px;
    }
}

@media screen and (min-width: 850px) {
    /*  .institution-page-top-image-container {
        top: -425px;
    } */
}

@media screen and (min-width: 1580.02px) {
    .institution-page-top-image-container {
        top: -45px;
        float: right;
        right: 0%;
    }
    .video-desc {
        top: 115px;
    }
}

.add-media-tab:not(.selected):hover,
.add-media-tab:not(.selected):focus,
.add-media-tab:not(.selected):focus {
    background-color: #ebebeb;
}

.add-media-tab {
    border-radius: 6px !important;
    margin: auto;
}

.upload-section {
    border: 0.386129px solid #000000;
    box-sizing: border-box;
    box-shadow: 1.54452px 1.54452px 8.49484px 0.772258px rgba(0, 0, 0, 0.08);
    border-radius: 6.17806px !important;
    margin-top: 15px;
    overflow: auto;
}

#react-slick-carousel .slick-initialized {
    height: auto;
}

#react-slick-carousel .slick-slide {
    margin-left: 0px;
}

#react-slick-carousel .slick-next {
    right: -20px;
}

#react-slick-carousel .slick-prev {
    left: -20px;
}

#react-slick-carousel label span {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

#react-slick-carousel label input {
    width: auto;
    height: auto;
}

:root {
    --tab-btn-background: #36454f;
    --tab-btn-selected: #617A8B;
    --tab-btn-hover: #617A8B;
    --tab-btn-textcolor: white;
}

.file-details-modal {
    margin: 0px;
}

.file-details-modal.modal-body {
    padding: 0px;
    overflow-y: scroll !important;
}

.file-details-modal .modal-title-text {
    margin-bottom: auto;
}

.media-details-tab.btn:not(.more-tabs-toggle) {
    font-size: 13px;
    padding: 12px;
    border-radius: 0 !important;
    color: var(--tab-btn-textcolor);
    background-color: var(--tab-btn-background);
}

.media-details-tab.btn.selected {
    background-color: var(--tab-btn-selected);
}

.media-details-tab.btn.selected:focus {
	outline: 2px solid #ffffff !important;
}

.media-details-tab.btn:hover {
    background-color: var(--tab-btn-hover);
}

.media-details-tab.btn:not(.selected):hover {
	 background-color: var(--tab-btn-selected);
}

.media-details-tab.btn:not(.selected):focus,
.media-details-tab.btn:not(.selected):focus {
    background-color: var(--tab-btn-selected);
    outline: 2px solid #ffffff !important;
}

.media-details-tab .tab-class {
    padding: 0px 15px;
}

.editVideoContainerBackdrop .aspect-ratio-16-9-container {
    background: black;
}

#di_editVideoModal {
    background: var(--tab-btn-background);
}

#di_editVideoModal .btn-link {
    color: #007db7;
    font-weight: bold;
}

#di_fileExplorerDetailsContent {
    color: var(--primary-color-text, grey);
}


/* Custom icon design for file details modal */

.cicon {
    padding: 4px 19px 7px 5px;
    font-size: small;
    background: inherit;
    display: inline;
    background-repeat: no-repeat;
}

.cicon.cicon-add {
    background-image: url('../style/svgicons/media-info-icons/add.svg');
}

.cicon.cicon-accessibility {
    background-image: url('../style/svgicons/media-info-icons/accessibility.svg');
}

.cicon.cicon-add-inverse {
    background-image: url('../style/svgicons/media-info-icons/add-inverse.svg');
}

.cicon.cicon-analytics {
    background-image: url('../style/svgicons/media-info-icons/analytics.svg');
}

.cicon.cicon-attachment {
    background-image: url('../style/svgicons/media-info-icons/attachment.svg');
}

.cicon.cicon-comments {
    background-image: url('../style/svgicons/media-info-icons/comments.svg');
}

.cicon.cicon-download {
    background-image: url('../style/svgicons/media-info-icons/download.svg');
}
.cicon.cicon-folderOptions {
	background-image: url('../style/svgicons/media-info-icons/options.svg');
	 display : inline-block
}

.cicon.cicon-info {
    background-image: url('../style/svgicons/media-info-icons/info.svg');
}

.cicon.cicon-player {
    background-image: url('../style/svgicons/media-info-icons/player.svg');
}

.cicon.cicon-transcodes {
    background-image: url('../style/svgicons/media-info-icons/transcodes.svg');
}

.cicon.cicon-quizzes {
    background-image: url('../style/svgicons/media-info-icons/video-quiz-icon.svg');
	background-size: 26px;
     opacity: 0.7;
}

.cicon.cicon-security {
    background-image: url('../style/svgicons/media-info-icons/security.svg');
}

.cicon.cicon-syndication {
    background-image: url('../style/svgicons/media-info-icons/syndication.svg');
}

.cicon.cicon-thumb {
    background-image: url('../style/svgicons/media-info-icons/thumb.svg');
}

.cicon.cicon-metadata {
    background-image: url('../style/svgicons/media-info-icons/metadata.svg');
}

.cicon.cicon-expand {
    background-image: url('../style/svgicons/media-info-icons/down_arrow.svg');
}

.cicon.cicon-collapse {
    background-image: url('../style/svgicons/media-info-icons/up_arrow.svg');
}

.cicon.cicon-versioning {
    background-image: url('../style/svgicons/media-info-icons/versioning.svg');
}

.cicon.cicon-consentForm {
    background-image: url('../style/svgicons/media-info-icons/consentForm.svg');
}

.cicon.cicon-branding {
    background-image: url('../style/svgicons/media-info-icons/branding.svg');
}

.cicon.cicon-facialanalysis{
	background-image: url('../style/svgicons/media-info-icons/face.svg');
}

.cicon.cicon-right-arrow{
	background-image: url('../style/svgicons/media-info-icons/caret-right.svg');
}

.cicon.cicon-down-arrow{
	background-image: url('../style/svgicons/media-info-icons/caret-down.svg');
}
/* Custom icon design for file details modal */


/***** File details modal content form design *****/

div#di_fileExplorerDetailsContent .form-group {
    color: var(--tab-btn-background);
}

div#di_fileExplorerDetailsContent .form-group#thumbnail-slider-form {
    overflow: unset;
}

div#di_fileExplorerDetailsContent .form-group label {
    color: black;
    font-size: 13px;
    font-weight: bold;
    min-width: fit-content;
    margin-right: 5px;
}

div#di_fileExplorerDetailsContent .form-group label.radio-inline,
div#di_fileExplorerDetailsContent .form-group .details-form-checkbox>label {
    color: var(--primary-color-text, grey);
    font-size: 14px;
}

div#di_fileExplorerDetailsContent .form-group textarea {
    resize: vertical;
    border-radius: 4px !important;
    border-color: #6F6F6F;
}


/**************************************************/

.detail-modal-section:not(:last-child) {
    padding: 5px 0px 15px 0px;
    margin-bottom: 15px;
}

.btn.btn-inline {
    color: black;
    font-size: 12px;
    font-weight: normal;
    text-shadow: none;
    background-color: #ceeefd;
    border: 1px solid #9cdefc;
    padding: 3px 10px;
}

.btn.btn-inline:hover {
    background-color: #9cdefc;
    border: 1px solid #9cdefc;
    padding: 3px 10px;
}

.btn.btn-inline:disabled {
    background-color: #DEDEDE !important;
    color: #646262 !important;
    border: 2px solid #DEDEDE !important;
}

.fa.pin-right {
    position: absolute;
    right: 0;
}

.default-modal-color {
    color: var(--new-primary-color, #42296E);
}

#mediaFileAnalyticsTable {
    table-layout: fixed;
}

#yuja_tid_tableMetadata th,
#mediaFileAnalyticsTable th {
    color: var(--new-primary-color,#42296E);
    text-align: center;
}

#syndication-table .btn {
    width: 100px;
    margin: auto;
    display: block;
    margin-bottom: 3px;
}

#syndication-table td:first-child {
    width: 100px;
}

#syndication-table td:first-child text {
    display: block;
}

#syndication-table td {
    align-items: center;
    margin: auto;
    text-align: center;
    vertical-align: middle;
}

#syndication-table td:nth-child(3) {
    text-align: center;
    width: 300px;
}

#syndication-table td:not(:first-child) {
    padding: 10px;
}

#syndication-table-new .table-body-cell:nth-child(2),
#syndication-table-new .table-header-cell:nth-child(2) {
    width: 50%;
}

#syndication-table-new .table-body-cell:nth-child(3),
#syndication-table-new .table-header-cell:nth-child(3) {
    width: 15%;
}


#syndication-table-new .table-body-cell,
#syndication-table-new .table-header-cell{
	padding: 0px !important;
}

#syndication-table-new .table-body-cell:first-child,
#syndication-table-new .table-header-cell:first-child {
    padding-left: 20px !important;
}


#editLinkTable {
    font-size: 14px;
}

#editLinkTable label {
    color: var(--primary-color, #029ce2);
    font-size: 13px;
    font-weight: bold;
}

.drag-drop-text {
    color: black;
    text-align: center;
}

.drag-drop-text.error {
    color: #f50e11;
}

.upload-container {
    height: calc(86% - 15px);
}

#addMediaBtn:disabled {
    color: #444444;
    border-color: #444444;
    background-color: lightgray;
    opacity: 0.5;
}

.lakshmi-button {
    border: 2px solid var(--new-primary-color, #42296E);
    box-sizing: border-box;
    border-radius: 5px !important;
    color: var(--new-primary-color, #42296E) !important;
    background-color: white;
    cursor: pointer;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    min-width: 70px;
    font-weight: 600;
    font-size: 14px;
    height: 30px;
    line-height: 24px;
}

.lakshmi-button.error {
    color: #f50e11 !important;
    border-color: #f50e11 !important;
}

.lakshmi-button:hover {
    background-color: var(--btn-default-shaded-hover, #42296E) !important;
    color: var(--btn-default-shaded-hover-text, #FFF)!important;
}

.lakshmi-button.cancel {
    color: #454242 !important;
    border-color: #454242 !important;
}

.lakshmi-button.cancel:hover {
    color: white !important;
    background-color: #454242 !important;
}

.lakshmi-button.error:hover {
    color: white !important;
    background-color: #f50e11 !important;
}

.lakshmi-button:disabled {
    color: #5A5959 !important;
    border-color: #5A5959 !important;
    background-color: lightgray !important;
    opacity: 0.5;
}

.remove-upload-button-container {
    display: inline-block;
    z-index: 10000;
    margin: auto;
}

.select2-search-field {
    padding: 3px !important;
}

#downloadApp {
    background-image: url(/Dashboard/style/svgicons/media-chooser/Download-App-Illustration.svg);
    width: 298px;
    height: 312px;
    margin: auto;
    cursor: pointer;
}

#launchApp {
    background-image: url(/Dashboard/style/svgicons/media-chooser/Launch-App-Illustration.svg);
    width: 143px;
    height: 338px;
    margin: auto;
    cursor: pointer;
}
.image-container {
    height: calc(100% - 45px);
    position: relative;
    display: flex;
    justify-content: center;
}

.download-app-image {
    height: 100%;
    width: 100%;
}
.link-as-button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    text-decoration: none !important;
}

.progress-dialog {
    position: absolute;
    width: 150px;
    height: 115px;
    z-index: 10000000;
    justify-content: center;
    top: 50%;
    left: 50%;
    border-radius: 6px !important;
}

.progress-image {
    background-image: url(/Dashboard/style/svgicons/media-chooser/embedd-started.svg);
    width: 83px;
    height: 83px;
}

.action-icons {
    display: flex;
    width: 100%;
    margin: auto;
    margin-top: 20px !important;
}

.status-text {
    font-size: 12;
    color: black;
    white-space: normal;
}

.upload-link-info-container {
    width: 100%;
    border: 0.386129px solid #000000;
    border-radius: 6.17806px !important;
    padding: 20px;
    margin-top: 10px;
}

.import-options-container {
    display: flex;
    margin-top: 10px;
}

.import-options-radio-container {
    margin: auto 0 auto 0;
    color: black;
}

.teach-act-confirmation-container {
    display: flex;
    border: 1px solid black;
    padding: 10px;
    background: aliceblue;
    align-items: flex-start;
}

.upload-buttons {
    margin-top: 5px;
    margin-bottom: 10px;
}

.bottom-buffer1 {
    margin-bottom: 1em;
}

@media screen and ( max-height: 550px) {
    .drop-box-image {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .drag-drop-text {
        margin-bottom: 0 !important;
        margin-top: 5 !important;
    }
    .add-media-tab {
        padding: 6px !important;
    }
}
.caption-error-table {
    max-height: 15em;
}

.caption-error-table thead,
.caption-error-table tbody,
.caption-error-table tr {
    display: table;
    table-layout: fixed;
    width: 100%;
    box-sizing: border-box;
}

.caption-error-table tbody {
    display: block;
    overflow: auto;
    table-layout: fixed;
    max-height: 13em;
}

.caption-error-table tr td:nth-child(1),
.caption-error-table tr th:nth-child(1) {
    width: 20%;
    text-align: center;
}

.caption-error-table .caption-error-table-header-wrapper {
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media screen and (max-width: 914px) {
    .file-explore-icon {
        display: none;
    }
}

@media screen and (min-width: 915px) and (max-width: 981px) {
    .file-explore-icon {
        display: unset;
        font-size: 12px;
    }
}

@media screen and (min-width: 982px) {
    .file-explore-icon {
        display: unset;
        font-size: 13px;
    }
}

.siderBarIconCollapse:hover {
    content: url('/Dashboard/icons/newsidebarCollapseHover.svg')
}

.siderBarIconExpand:hover {
    content: url('/Dashboard/icons/newsidebarExpandHover.svg')
}

#versioningHolder th {
    color: var(--primary-color, #029ce2);
}

#versioningHolder #auditTrackingTable {
    border: 1px solid #dddddd !important;
}

#versioningHolder {
    width: 115%;
    position: relative;
    right: 7%;
}

#versioningHolder .eventNameColumn {
    padding: 0px 3px 0px 0px !important;
}

.eventNameColumn .audit-table-content {
    white-space: nowrap !important;
}

#noVersioningInfoFoundContainer{
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	color: var(--primary-color, #029ce2);
	padding: 30px;
	margin-top: 7%;	
	border: rgb(221, 221, 221) 1px solid;
}

.directLinkInputHolder {
    display: flex;
    align-items: center;
}

#merge-video-container .merge-video-order {
    width: 24px;
    height: 24px;
    padding: 0;
    border-color: var(--primary-color);
    border-radius: 2px !important;
    cursor: pointer;
}

#merge-video-container .merge-video-order-controls {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}

#merge-video-container .merge-video-order:hover path{
    stroke: white;
}

#merge-video-container button.merge-video-order {
    padding: 0;
    background-color: white;
    color: var(--primary-color);
}

#merge-video-container button.merge-video-order:hover {
    background-color: var(--primary-color);
}

#merge-video-container .merge-video-order svg{
    width: 15px;
    height: 15px;
    fill: none;
    stroke-width: 2px;
}

#merge-video-container .merge-video-order-spacer {
    width: 27px;
    height: 27px;
}


#merge-video-container .list-grid-items {
    overflow-y: auto;
    max-height: 60vh;
}

@media screen and (max-height: 600px) {
    #merge-video-container .list-grid-items {
        max-height: 30vh;
    }
}

#merge-video-container .choose-media-video-title {
    height: 1em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: var(--primary-color-text);
    width: 100%;
}

#merge-video-container .item-container {
    display: grid;
    grid-template-columns: 30% 60% 3em;
    background-color: #FDFCFC;
    margin: 1em;
    border: 0.5px solid #D0D0D0;
}

#merge-video-container .merge-video-name-container {
    display: flex;
    align-items: flex-start;
    padding: 13px 39px 13px 11px;
    gap: 10px;
    border: 1px solid #D0D0D0;
    color: var(--primary-color-text);
    border-radius: 5px !important;
}

#merge-video-container input#mergeVideoNewVideoName {
    box-sizing: border-box;
    border: 1px solid #A4A4A4;
    border-radius: 5px;
}

#merge-video-container .merge-video-sort-order-label {
    margin: 1em 0;
    color: var(--primary-color-text);
    font-size: 15px;
}

#merge-video-container .list-grid-items {
    border: 1px solid #D0D0D0;
    box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.25);
    border-radius: 5px !important;
    gap: 25px;
}

#merge-video-container .video-thumbnail-container {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #dbdbdb;
    overflow: hidden;
}

#merge-video-container .video-thumbnail-container img {
    width: auto;
    height: 75px;
}

#merge-video-container .modal-footer {
    padding: 10px 0;
}


.accessibility-modal-header{
	font-style: normal;
	font-weight: 700;
	font-size: 13px;
	line-height: 13px;
	color: #353535;
	text-align: left;
}
.accessibility-modal-text{
	font-style: normal;
	font-weight: 400;
	font-size: 13px;
	line-height: 13px;
	color: #353535;
}

.editoptionforCustomSize {
	display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    position: relative;	
}

.custom-row{
	border-top: 1px solid #dddddd;
	padding: 5px;
}

.custom-header{
	text-align: center;
	color: var(--primary-color, #029ce2);
}

.loadingMoreContent {
  font-size: 30px;
}

.loadingMoreContent:after {
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  -webkit-animation: ellipsis steps(4,end) 900ms infinite;      
  animation: ellipsis steps(4,end) 900ms infinite;
  content: "\2026"; /* ascii code for the ellipsis character */
  width: 0px;
}

@keyframes ellipsis {
  to {
    width: 1.25em;    
  }
}

@-webkit-keyframes ellipsis {
  to {
    width: 1.25em;    
  }
}

.metadata-datepicker:not(.date-range-picker){
	width: 100px !important
}

.search-view-icon{
    background: url(../style/svgicons/search-view-icon.svg) no-repeat 0px;
    padding: 4px 23px 4px 0px;
}

.search-video-quiz-icon{
    background: url(../style/svgicons/search-video-quiz-icon.svg) no-repeat 0px;
    padding: 4px 23px 4px 0px;
}

.folder-menu-trigger-settings-icon{
	border-radius: 4px;
}

.folder-menu-trigger-settings-icon:hover{
	background-color: #00000017;
}

.publish-item-close-btn-spacing, .share-item-close-btn-spacing{
	margin-right: 10px;
}
.grid-container{
	display: grid;
  	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  	column-gap: 15px;
  	row-gap: 15px;
}

@media (max-width: 1600px) {
    .grid-container.videoThumbnailGrid {
        grid-template-columns: repeat(4, 1fr); /* 4 items per row on medium screens */
    }
}

@media (max-width: 1300px) {
    .grid-container.videoThumbnailGrid {
        grid-template-columns: repeat(3, 1fr); /* 3 items per row on medium screens */
    }
}

@media (max-width: 1100px) {
    .grid-container.videoThumbnailGrid {
        grid-template-columns: repeat(4, 1fr); /* 4 items per row on medium screens */
    }
}


@media (max-width: 900px) {
    .grid-container.videoThumbnailGrid {
        grid-template-columns: repeat(3, 1fr); /* 3 items per row on smaller screens */
    }
}

@media (max-width: 600px) {
    .grid-container.videoThumbnailGrid {
        grid-template-columns: repeat(2, 1fr); /* 2 items per row on very small screens */
    }
}

.grid-container-Enterprise{
	display: grid;
  	grid-template-columns: 0.6fr 0.6fr 0.6fr 0.6fr 0.6fr;
  	column-gap: 15px;
  	row-gap: 15px;
  	width: 80%;
  	margin-left: 10%;
  	margin-right: 10%;
}

.grid-container .list {
  width: 100%;
}

#di_masterContainer_chapters {
	justify-content: center;
	margin: auto;
    width: 100%;
}

.admin-tabs {
	display: flex;
  	flex-wrap: nowrap;
  	align-items: stretch;
  	list-style-type: none;
 	margin: 0;
  	padding: 0;
}

.admin-nav-buttons  {
	padding-bottom: 5px;
	height: 100%;
}
.admin-tabs .nav-item:last-of-type {
	margin-right: 0px;
}

.admin-tabs>.nav-item {
	margin-left: 0px;
}

.admin-tabs>li{
	flex: 1;
	text-align: center;
}

.current-thumbnail-holder{
	margin-left: 10px;
}

#ipRestrictionTextInput::-moz-placeholder {
	vertical-align: top;
}

#ipRestrictionTextInput {
	border-radius: 2px !important;
	padding: 0.5em;
	font-size: 13px;
}

#ipRestrictionList {
	border-radius: 2px !important;
}

#ipRestrictionList::-webkit-scrollbar {
    width: 8px; /* Set the width of the scrollbar */
}

#ipRestrictionList::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* Set the color of the scrollbar track */
}

#ipRestrictionList::-webkit-scrollbar-thumb {
    background-color: #888; /* Set the color of the scrollbar thumb */
    border-radius: 4px; /* Add border radius to scrollbar thumb */
}

.chapters-tabs {
  border-bottom: 1px solid #dddddd !important;
}

.onlyTabAvailable {
	margin-left: 0px !important;
	margin-right: 10px !important;
}

.onlyTabAvailableEnterpriseTube {
	margin-left: 10px !important;
	margin-right: 10px !important;
}

.one-tab {
	border-bottom: 0px solid #FFFFFF !important;
}

.navBarOnlyOneTab {
	border-bottom: 1px solid #dddddd;
}

.improvedOnetab {
	flex: 0 !important;
}

.search-result-row-structure{
    margin-top: 25px; 
    border-radius: 10px !important;
	display: grid;
	grid-template-columns: [start] 4% [line1] auto [line2] 1fr [end];
	grid-template-areas: "searchResultsThumbnailContent searchResultsInformationPanel";
	padding-bottom: 10px;
}

.search-result-row-folder-item-structure{
	width: 100%;
	padding-bottom: 0;
	grid-template-columns: [start] 4% [line1] 1fr [end];
}

.search-result-row-folder-item-structure .search-results-information-panel{
	display: none;
}

.selected-folder-row .aspect-ratio-16-9-container{
	background-color: white;
}

.search-result-row-structure .overlayContentBar, .search-result-row-structure .archived-item-img-overlay{
	border-bottom-left-radius: 20px !important;
	border-bottom-right-radius: 20px !important;
}

.search-result-row-structure .processing-item-img-overlay, .search-result-row-structure .search-results-thumb-image-overlay-wrapper,
.search-result-row-structure .thumb-image-for-item{
	border-radius: 10px !important;
}

.search-results-onfocus-spacing{
	padding-bottom: 5px !important;
}

.search-results-onfocus-spacing:focus-visible {
	margin: 2px auto !important;
}

.search-results-row-item-checkbox{
	height: 18px;
	position: relative;
    top: 12vh;
}

.search-result-row-folder-item-checkbox{
	top: 21px !important;
}

.search-results-timestamp-matches-header-section{
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 20px 15px;
	background-color: #F8F8F8;
}

.search-results-timestamp-matches-close-button-container{
	align-self: end;
}

.search-results-banner-item{
	display: flex;
    flex-direction: column;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
}

.search-results-timestamp-matches-banner-section{
	display: flex;
	justify-content: space-evenly;
    width: 100%;
}

.search-results-timestamp-matches-banner-section svg, .search-results-timestamp-matches-banner-section svg:hover {
	stroke: none;
	fill: none;
}

.search-results-banner-item-text{
	width: auto;
    max-width: 84px;
    text-align: center;
}

.search-results-information-panel-timestamp-matches-minibanners{
	display: flex;
	justify-content: normal;
    width: 45%;
    max-width: 530px;
    cursor: pointer;
    margin: 5px 0px;
}
.search-results-minibanner-first-pair, .search-results-minibanner-second-pair {
	display: flex;
}

.search-results-information-panel-timestamp-matches-minibanners svg, .search-results-information-panel-timestamp-matches-minibanners svg:hover {
	stroke: none;
	fill: none;
}

.search-results-banner-item:hover, .search-results-banner-item:active, .search-results-banner-item:focus{
	background: #F2F2F2;
}

.search-results-information-panel{
	display: block;
}

.search-results-split-panel{
	display: grid !important;
    grid-template-columns: [start] 0.5fr [line1] 1fr [end];
}

.search-results-information-panel-main-info-holder{
	margin-left: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
	color: black;
	min-height: fit-content;
    display: flex;
	flex-direction: column;
}

.search-results-information-panel-title-holder{
	grid-area: title;
}

.search-results-information-panel-views-and-date-holder{
	grid-area: viewsAndDate;
}

.search-results-information-panel-icon-and-username-holder{
	grid-area: iconAndUsername;
    min-height: 2em;
    display: flex;
    align-items: center;
}

.search-results-information-panel-description-holder{
	grid-area: description;
    min-height: 4em;
}

.search-results-information-panel-taglist-holder{
	grid-area: taglist;
    min-height: 65px;
}

.search-results-information-panel-timestamp-matches-button-holder{
	grid-area: timestampMatchesButton;
	margin-top: 2px;
}

@media only screen and (max-width: 1580px) {
    .search-results-timestamp-matches-hit-time-component, .search-results-timestamp-matches-banner-section{
    	/* display: none !important; */
    }
    
    .search-results-timestamp-matches-hit-icon-component{
    	margin-left: 12px !important;
    	margin-right: 12px !important;
    }
    
    .search-results-timestamp-matches-hit-play-icon-component{
    	margin-left: 6px !important;
    }

	.search-results-split-panel{
    	grid-template-columns: none;
    	grid-template-rows: [start] auto [line1] auto [end];
    }
    .search-results-information-panel-timestamp-matches-panel-holder-visible{
    	padding-left: 5%;
    	animation: none !important;
    	margin-right: 1%;
    }
}

@media only screen and (max-width: 1150px) {
    /* .search-results-split-panel{
    	grid-template-columns: [start] 0.25fr [line1] 1fr [end];
    } */
    .search-handle-vertical-collapse-on-small-screen {
    	flex-wrap: wrap;
    }
    .search-removed-border-from-banner-small-screen{
    	border: none !important;
    }
}

@media only screen and (max-width: 1300px) {
    /* .search-results-split-panel{
    	grid-template-columns: none;
    	grid-template-rows: [start] 1fr [line1] 1fr [end];
    }
    .search-results-information-panel-timestamp-matches-panel-holder-visible{
    	padding-left: 5%;
    	animation: none !important;
    } */
}

.search-results-informational-panel-title{
	font-weight: bolder;
	font-size: 20px;
    word-break: break-all;
    padding-right: 10px;
}

.search-results-informational-panel-taglist{
	display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.search-results-informational-panel-tag {
	background: #F4F4F4;
    padding: 5px 4px;
    border: 1px solid #46434A;
    border-radius: 4px !important;
    display: inline-block;
    margin: 3px 4px
}

.search-results-thumbnail-container{
	padding-top: 25px;
}

.search-results-thumbnail-container .video-with-overlay-and-hitbar, .search-results-thumbnail-container .video-with-overlay-no-hitbar{
	width: 354px;
    height: 200px;
}

.search-results-thumbnail-container .video-with-overlay-and-hitbar, .search-results-thumbnail-container .video-with-overlay-no-hitbar, 
.search-results-thumbnail-container .dc_aspectRatioCrop, .search-results-thumbnail-container .aspect-ratio-16-9-content{
    border-radius: 10px !important;
}

.search-results-thumbnail-container .video-with-overlay-no-hitbar{
	margin-bottom: 0 !important;
}

.search-results-thumbnail-container .in-video-hits-bar{
	border-radius: 0px 0px 10px 10px !important;
	bottom: 20px;
}

.search-results-thumbnail-container .gradient{
	display: none;
}

.search-results-thumbnail-container span.video-thumb-play-btn{
	bottom: 10px;
}

.search-results-timestamp-matches-list{
	background: white;
	border: 1px solid #D9D9D9;
    overflow-y: auto;
    max-height: 227px;
    min-height: 85px;
}

.search-results-timestamp-matches-hit-full-component{
	display: flex;
    min-height: 45px;
    align-items: center;
    border-bottom: 1px solid #E6E6E6;
}

.search-results-timestamp-matches-hit-full-component:hover{
	background: #F8F8F8;
	cursor: pointer;
}

.search-results-timestamp-matches-hit-full-component:hover .search-results-timestamp-matches-hit-play-icon-component{
	visibility: visible !important;
}

.search-results-timestamp-matches-hit-play-icon-component{
	display: flex;
    align-items: center;
    margin-left: 12px;
    visibility: hidden;
}

.search-results-timestamp-matches-hit-play-icon-component svg:hover{
	stroke: inherit;
    fill: inherit;   
}
.search-results-timestamp-matches-hit-time-component{
	display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px 24px 0px 18px;
    width: 48px;
}

.search-results-timestamp-matches-hit-icon-component{
    display: flex;
   	align-items: center;
   	justify-content: center;
   	margin: 0px 24px 0px 0px;
    padding: 6px 8px;
    border-radius: 5px !important;
    width: 80px;
    min-width: 80px;
}

.search-results-timestamp-matches-hit-text-component{
    display: flex;
    align-items: center;
}

.search-results-timestamp-matches-hit-text-component b {
	display: inline;
}

.search-results-timestamp-matches-hit-text-component p {
	margin-bottom: 0;
}

.search-results-timestamp-matches-hit-text-component b{
    padding-left: 4px;
    padding-right: 4px;
}

.search-results-information-panel-timestamp-matches-panel-holder{
	display: none;
	/* visibility: hidden;
	height: 0px;
	width: 0px; */
	/* transform: translateX(100vw);
	transition: translate 0.5s ease-in-out; */
	/* animation: reveal 2s forwards; */
}

.search-results-information-panel-timestamp-matches-panel-holder-visible{
	display: block;
	/* visibility: visible;
	height: inherit !important;
	width: inherit !important;
	transform: translateX(0) !important;
	transition: translate 0.5s ease-in-out, visibility 0.5s ease-in-out 1s, height 0.5s ease-in-out 1s, width 0.5s ease-in-out 1s; */
	animation: reveal 1s forwards;
	
}

@keyframes reveal {
  from {
    clip-path: inset(0 100% 0 0);
  }
  to {
    clip-path: inset(0 0 0 0);
  }
}

.search-results-thumbnail-folder{
	width: 100%;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;	
    padding-top: 0 !important;
}

.search-results-thumbnail-folder .aspect-ratio-16-9-container{
	width: 100%;
	border: 1px solid #E8E8E8;
	border-radius: 6px !important;
	padding: 0px;
	margin-right: 10px;
}

.search-results-thumbnail-folder .folderTitleSpan{
	width: 93%;
	margin-left: 55px;
}
.search-results-thumbnail-folder .react-folder-new-evp {
	border-radius: 0px 6px 6px 0px !important;
	width: 5% !important;
}

.search-results-thumbnail-folder .folderContainer{
	padding: 0px 0px 0px 10px !important;
}

.search-results-thumbnail-folder .spanTextFolder{
	font-size: 16px;
}

.search-results-thumbnail-folder .action-menu{
	top: 58px;
    right: 10px;
}

.search-results-thumbnail-folder .action-menu-hover {
    top: 58px;
    right: 10px;
    left: unset;
}

.search-results-thumbnail-folder .action-menu .action-menu-btn{
	height: 26px;
}

.search-results-thumbnail-folder .action-menu:after, .search-results-thumbnail-folder .action-menu:before{
	display: none;
}

.search-results-thumbnail-folder .folderMenuImage{
	margin-left: 0;
	margin-right: 15px;
}

.search-results-button{
	color: black !important;
	font-weight: bold;
}

.action-menu {
	height: auto;
	color: #fff;
	position: absolute;
	box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);
	border-radius: 7px !important;
	margin: 0px 0px 82px 165px; 
	background-color: rgba(255, 255, 255, 1);
	border: 0.4px solid #D0D0D0;
	z-index:2;
	width: 100px;
	opacity: 0;
    visibility: hidden;
    transform: translateY(-10px); /* Optional: slight slide-up effect */
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.action-menu-hover {
	height: 35px;
	color: #fff;
	position: absolute;
	box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);
	border-radius: 7px !important;
	background-color: black;
	border: 0.4px solid #D0D0D0;
	z-index:1;
	width: 105px;
	opacity: 0;
    visibility: hidden;
    top: 58px;
    left: 165px;
}

.action-menu-list-hover {
	height: 35px;
	color: #fff;
	position: absolute;
	box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);
	border-radius: 7px !important;
	background-color: black;
	border: 0.4px solid #D0D0D0;
	z-index:1000;
	width: 105px;
	opacity: 0;
    visibility: hidden;
    transform: translateY(-10px); /* Optional: slight slide-up effect */
    transition: opacity 0.2s ease, transform 0.2s ease;
    top: 62px;
    right: -2px;
}

.action-menu-hover.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.action-menu-list-hover.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.action-menu.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.action-menu-hover:after, .action-menu-hover:before {
	content: '';
	display: block;
	position: absolute;
	right: 100%;
	width: 0;
	height: 0;
	border-style: solid;
	z-index: 1;
	cursor: pointer;
}

.action-menu-list-hover:after, .action-menu-list-hover:before {
	content: '';
	display: block;
	position: absolute;
	right: 100%;
	width: 0;
	height: 0;
	border-style: solid;
	z-index: 1000;
}

.action-menu:after, .action-menu:before {
	content: '';
	display: block;
	position: absolute;
	right: 100%;
	width: 0;
	height: 0;
	border-style: solid;
	z-index: 1000;
}

.action-menu-list-hover:after {
	top: -22px;
	left: 53px;
	border-color: transparent transparent black transparent;
	border-width: 11px;
}

.action-menu-hover:after {
	top: -22px;
	left: 53px;
	border-color: transparent transparent black transparent;
	border-width: 11px;
}

.action-menu:after {
	top: -22px;
	left: 53px;
	border-color: transparent transparent white transparent;
	border-width: 11px;
}

.action-menu-hover:before {
	top: -23px;
	left: 53px;
	border-color: transparent transparent black transparent;
	border-width: 11px;
}

.action-menu-list-hover:before {
	top: -23px;
	left: 53px;
	border-color: transparent transparent black transparent;
	border-width: 11px;
}

.action-menu:before {
	top: -23px;
	left: 53px;
	border-color: transparent transparent rgba(0, 0, 0, 0.25) transparent;
	border-width: 11px;
}
	
.action-menu-btn{
	text-align: left;
	padding: 10px 15px;
	float: left;
	width: 98px;
	height: 32px;
	margin-top:3px;
	margin-bottom: 3px;
	border:0px;
	background: transparent;
}
.action-menu-btn-1{
	text-align: left;
	padding: 10px 15px;
	float: left;
	width: 98px;
	margin-top:3px;
	margin-bottom: 3px;
	border:0px;
	background: transparent;
}
.action-menu-btn:hover, .action-menu-btn:focus, .action-menu-btn:focus-within{
	background-color: #EEEEEE;
}

.action-menu-btn-1:hover, .action-menu-btn:focus, .action-menu-btn:focus-within{
	background-color: #EEEEEE;
}
.action-menu-item{
	background-color:#ffffff;
}
.action-menu-text{
	color: #000;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.455px;
}

.action-menu-hover-text{
	color: white;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.455px;
	padding: 7px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.folderContainer{
	display: flex;
	align-items: center;
}

.folderImageContainer{
	display: inline-block;
}

.folderTitleSpan{
	display: inline-block;
	width: 74%;
	margin-left: 5px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.folderMenuImage{
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px;
}

.folderTitleSpan{
	color: #000000;
	font-size: 14px;
}

.edit-action-menu {
    display: none;
    height: auto;
    color: #fff;
    position: absolute;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.25);
    border-radius: 7px !important;
    margin: 28px 0px 63px -160px;
    background-color: #4C4C4C;
    border: 1px solid #4C4C4C;
    max-width: 585px;
    z-index: 1000;
    width: 200px;
    text-align: center;
}


.edit-action-menu:after, .edit-action-menu:before {
	content: '';
	display: block;
	position: absolute;
	right: 100%;
	width: 0;
	height: 0;
	border-style: solid;
	z-index: 1000;
}

.edit-action-menu:after {
	top: -19px;
	left: 139px;
	border-color: transparent transparent #4C4C4C transparent;
	border-width: 10px;
}

.edit-action-menu:before {
	top: -22px;
	left: 139px;
	border-color: transparent transparent #4C4C4C transparent;
	border-width: 11px;
}

.editMessage{
	color:white;
	padding: 10px;
	font-size: 13px;
}

.select-box:not(.videoWrapperTrigger).selected .dc_fileGridEntry {
    background-color: #EEE !important;
    outline: 3px solid #D1C6E8 !important;
}

.nav-tabs>li.inactive{
	background-color: inherit !important;
	color: black;
	border: 0px !important;
	border-bottom: 3px solid grey !important;
	font-size: 15px;
	font-weight: bold;
}
#viewingBehaviorLabel,#hotSpotsLabel{
	margin-top: 20px;
    text-align: left;
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    border-top: 1px solid #EFEFEF;
    border-bottom: 1px solid #EFEFEF;
    padding-left: 9px;
    background-color: #FCFCFC;
    margin-top: -1px;
    padding-bottom: 13px;
    padding-top: 13px;
    border-radius: 11px 11px 0px 0px !important;
}


.styled-table {
    border-collapse: unset !important;
    font-size: 0.9em;
    width: 100%;
    border: 1px solid #dddddd;
    border-radius: 11px 11px 0px 0px !important;
}
.inner-styled-table{
	 border-collapse: collapse;
    font-size: 12px;
    width: 100%;
}

.styled-table thead tr, .inner-styled-table thead tr {
    color: #ffffff;
    text-align: left;
}

.styled-table th,
.styled-table td, .inner-styled-table th, .inner-styled-table td {
    padding: 12px 7px 13px 0px;
}
.styled-table th, .inner-styled-table th{
	color: black;
    font-weight: bolder;
    background-color: #F7F6FB;
    border-bottom: 1px solid #ddd;
    text-align: center;
    font-size: 15px;
}
#videoViewStatistics-table .styled-table th:last-child{
	padding: 12px 7px 13px 101px !important;
    text-align: left;
}
#videoViewStatistics-table .styled-table th:first-child{
	padding: 12px 7px 13px 19px !important;
    text-align: left;
}
#videoViewStatistics-table .styled-table td{
	padding: 12px 11px 13px 9px !important;
}
.styled-table tbody tr, .inner-styled-table tbody tr {
    border-bottom: 1px solid #dddd
}

#summary-table-tabpanel{
  max-width: 100%; /* Ensures the container fits within the viewport width */
  max-height: 300px; /* Set a fixed height for the container */
  text-align: center;
}
.contentDuration{
	background-image: url(/Dashboard/icons/durationGradient.svg) !important;
}
.contentSize{
background-image: url(/Dashboard/icons/sizeGradient.svg) !important;
}
.contentViews{
	background-image: url(/Dashboard/icons/viewsGradient.svg) !important;
}
.contentUniqueViews{
	background-image: url(/Dashboard/icons/uniqueViewsGradient.svg) !important;
}
.contentPlayLength{
	background-image: url(/Dashboard/icons/playlengthGradient.svg) !important;
}
.contentVideoDownload{
	background-image: url(/Dashboard/icons/videoDownloadGradient.svg) !important;
}

.browserInfo{
	background-image: url(/Dashboard/icons/browserInfoGradient.svg) !important;
}

.systemInfo{
	background-image: url(/Dashboard/icons/systemInfoGradient.svg) !important;
}

#attendanceTableOuterContainer{
    border: 1px solid #EFEFEF;
    margin-top: 20px;
    text-align: left;
    border-radius: 14px 14px 14px 14px !important
}

#attendanceTableTopContainer{
    text-align: left;
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    border-bottom: 1px solid #EFEFEF;
    padding-left: 18px;
    background-color: #FCFCFC;
    margin-top: 0px;
    padding-bottom: 13px;
    padding-top: 13px;
    border-radius: 14px 14px 0px 0px !important;
    height: 51px;
}


#playbackIcon{
   margin-right: 6px;
}

.analyticsStylingModal{
	    margin-top: 12px;
}

.commonStyleAnalayticsCards{
	    margin-right: 49px;
	    height: 6vw;
	    border-radius: 9px !important;
}
.eyeIcon:before{
	content: url(/Dashboard/icons/viewsEyeIcon.svg);
}
.totalLengthIcon:before{
	content:url(/Dashboard/icons/totalPlayAnalayticsIcon.svg);
}

.percentageIcon:before{
	content:url(/Dashboard/icons/playPercentageAnalyticsIcon.svg);
}
.playbackIcon:before{
	content:url(/Dashboard/icons/averagePlaybackSpeedAnalyticsIcon.svg);
}
#viewsAnalyticsCard{
	background-image: url(/Dashboard/icons/durationGradient.svg) !important;
	background: no-repeat;
    width: 20%;
    background-repeat: no-repeat;
    border-radius: 7px !important;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25) !important;
    width: 192px;
    height: 115.74px;
    margin-right:0px;
}
#totalLengthAnalyticsCard{
	background-image: url(/Dashboard/icons/sizeGradient.svg) !important;
	background: no-repeat;
    width: 20%;
    background-repeat: no-repeat;
    border-radius: 7px !important;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25) !important;
    width: 192px;
    height: 115.74px;
    margin-right:0px;
}
#percentageAnalyticsCard{
	background-image: url(/Dashboard/icons/viewsGradient.svg) !important;
	background: no-repeat;
    width: 20%;
    background-repeat: no-repeat;
    border-radius: 7px !important;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25) !important;
    width: 192px;
    height: 115.74px;
    margin-right:0px;
}
#playbackSpeedAnalyticsCard{
	background-image: url(/Dashboard/icons/uniqueViewsGradient.svg) !important;
	background: no-repeat;
    width: 20%;
    background-repeat: no-repeat;
    border-radius: 7px !important;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25) !important;
    width: 192px;
    height: 115.74px;
    margin-right:0px;
}

.bandwidthRow:after{
  content: "";
  display: table;
  clear: both;
}

.bandwidthColumn{
  float: left;
  width: 48%;
  height: 565px
}
.columnStyle{
	border: 1px solid #EFEFEF;
    margin-top: 20px;
    text-align: left;
    border-radius: 14px 14px 14px 14px !important;
    box-shadow: 1px 1px 1px 1px #EFEFEF;
}
.columnInnerStyle{
	text-align: left;
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    border-bottom: 1px solid lightgray;
    padding-left: 21px;
    background-color: #FCFCFC;
    margin-top: 0px;
    padding-bottom: 13px;
    padding-top: 13px;
    border-radius: 14px 14px 0px 0px !important;
    height: 51px;
}

#waveFormSvg .nvtooltip {
	display:none !important;
}

.action-menu-list{
    top: 63px;
    right: -2px;
}

@media only screen and (min-width: 2900px) and (max-width: 3900px) {
	.action-menu-list {
	    top: 63px;
        right: 34px;
	}
}

@media only screen and (min-width: 2600px) and (max-width: 2900px) {
	.action-menu-list {
	   top: 63px;
       right: 16px;
	}
}

@media only screen and (min-width: 2500px) and (max-width: 2600px) {
	.action-menu-list {
	   top: 63px;
       right: 9px;
	}
}

@media only screen and (min-width: 2400px) and (max-width: 2500px) {
	.action-menu-list {
	   top: 63px;
       right: 5px;
	}	
}

@media only screen and (min-width: 1700px) and (max-width: 1900px) {
	.action-menu-list {
	   top: 63px;
       right: -5px;
	}
}

@media only screen and (min-width: 1500px) and (max-width: 1700px) {
	.action-menu-list {
	    top: 63px;
        right: -10px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1500px) {
	.action-menu-list {
	   top: 63px;
       right: -15px;
	}
}

@media only screen and (min-width: 1000px) and (max-width: 1200px) {
	.action-menu-list {
	    top: 63px;
        right: -18px;
	}
}

@media only screen and (min-width: 800px) and (max-width: 1000px) {
	.action-menu-list {
	   top: 63px;
       right: -21px;
	}
}

@media only screen and (min-width: 650px) and (max-width: 800px) {
	.action-menu:before {
	   	top: -22px !important;
    	left: 70px !important;
	}
	.action-menu:after {
		top: -21px !important;
    	left: 70px !important;
	}
	.action-menu-list-hover:before{
		top: -22px !important;
    	left: 70px !important;
	}
	.action-menu-list-hover:after{
		top: -21px !important;
    	left: 70px !important;
	}
}

.selected-list-folder {
	background-color: #EEE !important;
    outline: 3px solid #D1C6E8 !important;
}


.folderMenuImageList{
	display: inline-block;
	padding-right: 25px;
	padding-left: 25px;
}

.list-folder-new:focus-visible{
    outline: 2px solid var(--primary-color, #029ce2) !important;
}

.list-media-files{
	width: 97%;
    margin-left: 1%;
    margin-right: 2%;
    background-color: white;
    display: flex;
    align-items: center;
    border: 1px solid rgb(181, 181, 181);
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 2px 0px;
    border-radius: 6px !important;
    padding-right: 0px;
}

.list-folder-new {
	display: flex;
  	align-items: center;
  	border: 1px solid rgb(181, 181, 181);
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 2px 0px;
	border-radius: 6px !important;
	width: 97%;
	margin-left: 1%;
	margin-right: 2%;
	background-color: white;
	height: 80px;
	padding-right: 0px;
}

#enterpriseTubeContainer .dc_aspectRatioCrop{
	height:100% !important;
}

#enterpriseTubeContainer .video-with-overlay-no-hitbar{
	height: 100% !important;
}
.video-with-overlay.aspect-ratio-16-9 div{
	border-radius: 5px !important;
}

.action-menu-list-folder{
	right: 12px;
	top: 55px;
}

.action-menu-list-video-recycle{
	right: 21px;
	top: 100px;
}

.action-menu-list-folder-recycle{
	right: 22px;
    top: 61px;
}

.action-menu-list-video{
	right: -2px;
	top: 100px;
}
.recycle_action_menu_btn{
	display: flex;
	
}

.react-folder-new-evp{
	width: 15%;
    display: flex;
    padding: 13px;
    background-color: rgb(239, 239, 239);
    height: 100%;
    border-radius: 0px 6px 6px 0px !important;
    justify-content: center;
}

.react-folder-new-evp-list-view{
	width: 4%;
    display: flex;
    padding: 13px;
    background-color: rgb(239, 239, 239);
    height: 100%;
    border-radius: 0px 6px 6px 0px !important;
    justify-content: center;
}

.react-folder-new-evp-list-view-recycle{
	width: 4%;
    display: flex;
    padding: 13px;
    background-color: rgb(239, 239, 239);
    height: 100%;
    border-radius: 0px 6px 6px 0px !important;
    justify-content: center;
}

.list-view-title-img{
	width: 96%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.list-view-hover-color-class{
	background-color: rgb(239, 239, 239);
}

.folder-recycle-bin-actions{
	margin-right: 5px;
}

.videos-recycle-bin-actions{
	margin-right: 20px;
}

.mobile-action-menu{
	background-color: white !important;
}

@media only screen and (min-width: 0px) and (max-width: 600px) {
	.react-folder-new-evp {
	   background-color: white;
	}
	.react-folder-new-evp-list-view{
		background-color: white;
	}
}

.list-view-title-heading{
	width : 90% !important;
}
@media only screen and (max-width: 1700px) {
	.list-view-title-heading {
	   width : 75% !important;
	}
}

@media only screen and (max-width: 1000px) {
	.list-view-title-heading {
	   width : 58% !important;
	}
}

.pin-unpin-tooltip {
    color: white;
    text-wrap-mode: nowrap;
    right: 0;
    position: fixed;
    background: rgba(0, 0, 0, 0.89);
    border-radius: 5px;
    padding: 7px;
    height: 36px;
    z-index: 1;
    display: none;
    width: fit-content;
    pointer-events: none;
}

.pin-tooltip {
	transform: translate(-25px, -103px);
    padding: 6px 21px 2px 21px !important;
}

.unpin-tooltip {
	transform: translate(-26px, -102px);
    padding: 6px 12px 2px 12px !important;
}

.pin-folder-icon {
	width: 24px;
    height: 24px;
    background: url('../icons/mediaLibrary/PinSectionIcon.svg') no-repeat center;
    background-size: contain;
    display: inline-block;
    position: relative;
    transition: all 0.3s ease;
    border-radius: 4px;
	margin-right:-2px;
	top: 1px !important;
    margin-left: -2px;
}

.pin-unpin-tooltip::after {
    content: "";
	position: absolute;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent #4C4C4C transparent;
	content: "";
	position: absolute;
	top: 97%;
    left: 44%;
	border-width: 10px;
	border-style: solid;
	border-color: rgba(0, 0, 0, 0.89) transparent transparent transparent;
}

.AIDescriptionIcon{
	background: url(/Dashboard/icons/videoDescriptionSparkle.svg) no-repeat;
    height: 18px;
    display: inline-flex;
    width: 18px;
    align-items: center;
    margin-top: 2px;
    padding-right:24px !important;
}

.OCRTagGenerationIcon{
	background: url(/Dashboard/icons/generateVideoTags.svg) no-repeat;
    height: 18px;
    display: inline-flex;
    width: 16px;
    align-items: center;
    margin-top: 2px;
    padding-right:24px !important;
}

.moreMenuPaperclipIcon{
	background: url(/Dashboard/icons/moreMenuPaperclip.svg) no-repeat;
    height: 18px;
    display: inline-flex;
    width: 18px;
    align-items: center;
    margin-top: 2px;
    padding-right:24px !important;
}
#addDocumentBtn{
	color: #42296E;
}
#addDocumentBtn:hover .moreMenuPaperclipIcon, #addDocumentBtn:focus .moreMenuPaperclipIcon, #addDocumentBtn:hover .moreMenuPaperclipIcon, #addDocumentBtn:focus .moreMenuPaperclipIcon{
	background: url(/Dashboard/icons/moreMenuPaperclip-Hover.svg) no-repeat;
} 
.moreMenuChangeOwnerIcon{
	background: url(/Dashboard/icons/moreMenuChangeOwner.svg) no-repeat;
    height: 17px;
    display: inline-flex;
    width: 18px;
    align-items: center;
    margin-top: 2px;
    padding-right:24px !important;
}

button.defaultcolor:hover .moreMenuChangeOwnerIcon, button.defaultcolorfocus .moreMenuChangeOwnerIcon, button.defaultcolor:hover .moreMenuChangeOwnerIcon, button.defaultcolor:focus .moreMenuChangeOwnerIcon{
	background: url(/Dashboard/icons/moreMenuChangeOwner-Hover.svg) no-repeat;
}
 
.moreMenuCopyRightIcon{
	background: url(/Dashboard/icons/moreMenuCopyRight.svg) no-repeat;
    height: 18px;
    display: inline-flex;
    width: 18px;
    align-items: center;
    margin-top: 2px;
    padding-right:24px !important;
}

button.defaultcolor:hover .moreMenuCopyRightIcon, button.defaultcolorfocus .moreMenuCopyRightIcon, button.defaultcolor:hover .moreMenuCopyRightIcon, button.defaultcolor:focus .moreMenuCopyRightIcon{
	background: url(/Dashboard/icons/moreMenuCopyRight-Hover.svg) no-repeat;
}
@media screen and (max-width: 768px) {
	#di_fileExplorerDetailsContent #di_videoCommentingTabContent .detail-comment-section .react-form-group {
		display: flex;
		flex-direction: column;
	}
	#di_fileExplorerDetailsContent #di_videoCommentingTabContent .detail-comment-section .react-form-group .react-control-form-container{
		margin-inline-start: 0 !important;
	}
	#di_fileExplorerDetailsContent #di_videoCommentingTabContent .detail-comment-section .react-form-group .react-control-form-container button{
		max-width: 100%;
	}
}

@media (max-width: 370px) and (min-width: 100px){
	#reactSidebar{
    	top: 80px !important;
    }
}

@media (max-width: 400px) and (min-width: 370px){
	#reactSidebar{
    	top: 50px !important;
    }
}
	
@media (max-width: 550px) and (min-width: 400px){
	#reactSidebar{
    	top: 23px !important;
    }
}

@media screen and (max-width: 320px){
	.modal-content .editVideoContainerBackdrop{
    	display: none;
    }
	.modal-lg > .modal-content > .file-details-modal.modal-header{
    	padding: 0;
    }
    .modal-lg > .modal-content > .file-details-modal.modal-header button{
    	background-size: 10px 10px;
    	height: 10px !important;
    	width: 10px !important;
    }
    .modal-lg > .modal-content > .file-details-modal.modal-body{
    	max-height: 150px !important;
    }
    .modal-lg > .modal-content > .file-details-modal.modal-footer{
    	height: 10px;
    	padding: 0;
    }
    .modal-lg > .modal-content > .file-details-modal.modal-footer {
    	margin: 0;
    	height: 35px;
    	padding: 0;
    }
    .modal-lg > .modal-content > .file-details-modal.modal-footer button{
    	min-height: auto;
    }
    #addItemModalDialog .lakshmi-button{
    	line-height: 1;
    	height: 40px;
    	min-width: 40px;
    	width: 40px !important;
    	font-size: 10px;
    }
    #addItemModalDialog .add-media-tab{
    	width: 29px !important;
    	height: 39px !important;
    }
    #addItemModalDialog .add-media-tab div{
    	font-size: 8px !important;
    }
    #addItemModalDialog .additional-actions-section *{
    	padding-left: 0px !important;
    }
    #addItemModalDialog .modal-content.upgraded-modal-content{
    	right: 70px;
    }
    #addItemModalDialog #Documents div{
    	overflow: hidden;
    }
    #di_fileExplorerDetailsContent .react-table .react-table-header{
    	width: 300%;
    }
    #di_fileExplorerDetailsContent .react-table .react-table-body{
    	width: 300%;
    }
}


#chaptersInprogress div.react-table-header, 
#chaptersComplete div.react-table-header,
#chaptersInprogress  div.react-table-body-row, 
#chaptersComplete div.react-table-body-row {
    padding: 20px !important;
    font-size: 14px !important;
}

#chaptersInprogress  div.react-table-body, #chaptersComplete  div.react-table-body {
    overflow-y: unset !important;
}

.chaptersDoneBadge{
	background-color: #DFF2F2 !important;
	border-radius: 16px !important;
    padding: 2px 10px;
    text-align: center;
    width: max-content;
    max-width: 170px;
}
.chaptersPendingBadge{
	border-radius: 16px !important;
    background-color: rgba(250, 239, 221, 1) !important;
    padding: 2px 10px;
    text-align: center;
    width: max-content;
    max-width: 170px;
}
#chaptersInprogress  div.react-table-body-row:hover, #chaptersComplete  div.react-table-body-row:hover {
	background: white !important;
    border-color: #E0E0E0 !important;
}

#chaptersInprogress div.react-table-body-row,
#chaptersInprogress div.react-table-header{
    grid-template-columns: 1fr 70px !important;
}

#chaptersComplete div.react-table-body-row,
#chaptersComplete div.react-table-header {
    grid-template-columns: 1fr 1fr 45px !important;
}

#di_editVideoModal .form-group input.form-control{
	border-color: #6F6F6F;
	border-radius: 4px;
}

#tagInput .select2-container-multi .select2-choices {
    outline: none !important;
    border-color: unset !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
   	/*border: none !important;*/
   	background-image: none;
   	border-radius: 4px !important;
}

#tagInput .select2-container-multi .select2-choices .select2-search-choice {
    display: flex;  /* Use flexbox for proper alignment */
    align-items: center;  /* Vertically align the text and the close button */
    padding: 5px 8px;
    margin-right: 8px;
    margin-bottom: 3px;
    margin-top: 3px;
    font-size: 13px;
    font-weight: 300;
    border: 1px solid #6F6F6F;
    border-radius: 20px !important;
    max-width: 98%;
    color: black;
    height: 32px;
    background: #F7F6FB;
}

#tagInput .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close {
    display: block;
    width: 12px;
    height: 13px;
    font-size: 1px;
    outline: none;
    margin-left: 8px;
    position: static;
}

#tagInput .select2-container-multi .select2-choices .select2-search-choice div {
	overflow: hidden;
    text-overflow: ellipsis;
    max-width: 95%;
}

.file-details-modal.modal-body .react-form-group .react-switch .checker{
	margin-left: 10px !important;
	margin-top: 5px !important;
}

#di_editVideoModal .form-group .copyTextFieldContainer{
	display: flex;
	align-items: center;
	background: white;
	border: 1px #6F6F6F solid;
	border-radius: 4px !important;
}
#di_editVideoModal .form-group .copyTextFieldContainer .copyTextInput{
	background-color: transparent !important;
	 width: 100%;
     display: inline;
     cursor: text;
     flex: 1;
     border: none;
     box-shadow: none !important;
     outline: none !important;
}
#di_editVideoModal .form-group .copyTextFieldContainer:hover{
	background: #F5F5F5;
}
div#di_fileExplorerDetailsContent .form-group .multi-select-dropdown label{
	min-width: auto;
}
.modal-content .file-details-modal.modal-footer .btn.defaultcolor{
	margin-left: 10px;
}
#di_editVideoModal .editVideoContainerBackdrop #reply-comment .modal-dialog{
	margin: 0 auto;
	padding: 10px
}

#di_fileExplorerDetailsContent #di_videoCommentingTabContent .tab-content{
	margin: 0;
}

.copyrightDownload{
	font-size: 15px;
	margin-left: 10px;
} 

#bulkDownloadMediaTable .table-body-cell:first-child,
#bulkDownloadMediaTable .table-header-cell:first-child {
    padding-left: 20px !important;
    width: 75px;
}

#bulkDownloadMediaTable .table-body-cell:nth-child(4),
#bulkDownloadMediaTable .table-header-cell:nth-child(4) {
    width: 100px;
}

.download-request-modal-content .table-wrapper {
	margin-bottom: 25px;
}

#yuja_tid_tableMetadataValues_react_new .table-body-cell:nth-child(3)
{
	overflow: visible !important;
}

#yuja_tid_tableMetadataValues_react_new .table-body-cell:first-child,
#yuja_tid_tableMetadataValues_react_new .table-header-cell:first-child {
    padding-left: 20px !important;
}

@media(max-width: 991px){
	.hidden-sr-only {
		position: absolute;
	    width: 1px;
	    height: 1px;
	    padding: 0;
	    margin: -1px;
	    overflow: hidden;
	    clip: rect(0, 0, 0, 0);
	    border: 0;
	}
}
@media (max-width: 768px){
	.video-description{
    	text-overflow: ellipsis;
    	white-space: nowrap;
    }
}

#generalTabPanel .form-group, #generalTabPanel .form-group-one-line:not(#publishLocationSection){
	margin-left: 2px;
}

.load-more-container {
    width: 100%;
    text-align: center;
    padding: 15px 0px;
}

.load-more-button {
    color: #0B6F85;
    border: none;
    cursor: pointer;
}