source code: ./othercms/dle15_0/upload/engine/classes/html5player/player.css

Seditio Source

./othercms/dle15_0/upload/engine/classes/html5player/player.css

.mdtc-clnplrv-main-player * {
background-color: transparent;
border: 0 none;
color: inherit;
direction: ltr;
float: none;
font-family: 'PT Sans', Arial, Helvetica, sans-serif;
font-size: 1em;
font-stretch: inherit;
font-variant: inherit;
line-height: 1em;
list-style: none;
margin: 0;
padding: 0;
text-align: left;
text-transform: none;
vertical-align: baseline;
outline: none !important;
box-sizing: content-box !important;
}
.mdtc-clnplrv-main-player a {
border: none !important;
}
@font-face {
font-family: 'icons';
src: url(data:font/truetype;charset=utf-8;base64,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) format('truetype'), url(data:font/woff;charset=utf-8;base64,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) format('woff');
font-weight: normal;
font-style: normal;
}
[class^="mdtc-clnplrv-icon-"],
[class*=" mdtc-clnplrv-icon-"] {
font-family: 'icons';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.mdtc-clnplrv-icon-repeat:before {
content: "\e602";
}
.mdtc-clnplrv-icon-pause:before {
content: "\e603";
}
.mdtc-clnplrv-icon-play:before {
content: "\e604";
}
.mdtc-clnplrv-icon-next:before {
content: "\e605";
}
.mdtc-clnplrv-icon-shuffle:before {
content: "\e606";
}
.mdtc-clnplrv-icon-prev:before {
content: "\e607";
}
.mdtc-clnplrv-icon-download:before {
content: "\e600";
}
.mdtc-clnplrv-icon-fullscreen:before {
content: "\e601";
}
.mdtc-clnplrv-main-player {
font-family: 'PT Sans', sans-serif;
font-size: 12px;
color: #222222;
}
.mdtc-clnplrv-main-player .youtube-player:after {
display: none !important;
}
.mdtc-clnplrv-main-player * {
outline: none !important;
}
.mdtc-clnplrv-main-player ul {
margin: 0px;
}
.mdtc-clnplrv-main-player ul li {
display: block;
list-style: none !important;
}
.mdtc-clnplrv-main-player .mdtc-clnplrv-type-playlist {
background: #ffffff;
border-radius: 0px 0px 3px 3px;
overflow: hidden;
}
.mdtc-clnplrv-main-player .mdtc-clnplrv-video-container {
background-color: #f3f5f7;
border-radius: 3px 3px 0px 0px;
display: block !important;
position: relative;
overflow: hidden;
background-image: url('data:image/gif;base64,R0lGODlhKwALAPEAAP///4yMjMbGxoyMjCH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAKwALAAACMoSOCMuW2diD88UKG95W88uF4DaGWFmhZid93pq+pwxnLUnXh8ou+sSz+T64oCAyTBUAACH5BAkKAAAALAAAAAArAAsAAAI9xI4IyyAPYWOxmoTHrHzzmGHe94xkmJifyqFKQ0pwLLgHa82xrekkDrIBZRQab1jyfY7KTtPimixiUsevAAAh+QQJCgAAACwAAAAAKwALAAACPYSOCMswD2FjqZpqW9xv4g8KE7d54XmMpNSgqLoOpgvC60xjNonnyc7p+VKamKw1zDCMR8rp8pksYlKorgAAIfkECQoAAAAsAAAAACsACwAAAkCEjgjLltnYmJS6Bxt+sfq5ZUyoNJ9HHlEqdCfFrqn7DrE2m7Wdj/2y45FkQ13t5itKdshFExC8YCLOEBX6AhQAADsAAAAAAAAAAAA=');
background-position: center 53%;
background-repeat: no-repeat;
}

.mdtc-clnplrv-main-player .mdtc-clnplrv-video-container video {
display: block;
width: 100% !important;
height: 100% !important;
background: #000;
}

.mdtc-clnplrv-main-player .youtube-player video {
width: 0px !important;
height: 0px !important;

}

.mdtc-clnplrv-main-player .mdtc-clnplrv-video-container img {
display: block;
width: 100% !important;
height: 100% !important;
z-index: 2;
}
.mdtc-clnplrv-main-player .mdtc-clnplrv-video-container:after {
display: block;
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 20px 0 20px 35px;
border-color: transparent transparent transparent #f3f5f7;
opacity: 0.5;
position: absolute;
top: 50%;
left: 50%;
margin: -20px 0px 0px -12px;
cursor: pointer;
transition: opacity 0.1s;
}
.mdtc-clnplrv-main-player .mdtc-clnplrv-video-container:hover:after {
opacity: 0.7;
transition: opacity 0.1s ;
}
.mdtc-clnplrv-main-player.mdtc-clnplrv-state-playing .mdtc-clnplrv-jplayer:after {
display: none;
}
.mdtc-clnplrv-main-player .mdtc-clnplrv-playlist ul {
padding: 0px;
margin: 0px !important;
}
.mdtc-clnplrv-main-player .mdtc-clnplrv-playlist ul li {
position: relative;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
display: block;
color: #222222;
margin: 0px !important;
cursor: pointer;
}
.mdtc-clnplrv-main-player .mdtc-clnplrv-playlist ul li.mdtc-clnplrv-playlist-current {
background: #5687e1 !important;
color: #ffffff;
}
.mdtc-clnplrv-main-player .mdtc-clnplrv-playlist ul li:nth-child(even) {
background: #f3f5f7;
}
.mdtc-clnplrv-main-player .mdtc-clnplrv-playlist ul li:hover {
background: #d1d1d1;
}
.mdtc-clnplrv-main-player .mdtc-clnplrv-playlist ul li .mdtc-clnplrv-playlist-item {
text-decoration: none;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
display: block;
padding: 9px 19px 8px;
}

.mdtc-clnplrv-main-player .mdtc-clnplrv-playlist ul li .mdtc-clnplrv-free-media {
float: right;
opacity: 0.4;
margin: 8px 20px 0px 0px;
}
.mdtc-clnplrv-main-player .mdtc-clnplrv-playlist ul li .mdtc-clnplrv-free-media:hover {
opacity: 0.6;
}
.mdtc-clnplrv-main-player .mdtc-clnplrv-playlist ul li .mdtc-clnplrv-free-media a {
padding: 0px !important;
text-decoration: none;
}
.mdtc-clnplrv-main-player .mdtc-clnplrv-playlist ul li .mdtc-clnplrv-free-media a:hover {
text-decoration: underline;
}
.mdtc-clnplrv-main-player .mdtc-clnplrv-playlist .mdtc-clnplrv-artist {
opacity: .6;
}
.mdtc-clnplrv-main-player .mdtc-clnplrv-interface {
min-height: 68px;
background: #f3f5f7;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: stretch;
}
.mdtc-clnplrv-main-player .mdtc-clnplrv-interface li a {
display: inline-block;
text-decoration: none;
}
.mdtc-clnplrv-main-player .mdtc-clnplrv-interface .mdtc-clnplrv-controls {
-webkit-flex-grow: 1;
flex-grow: 1;
height: 44px;
padding: 24px 20px 0px 18px;
white-space: nowrap !important;
}
.mdtc-clnplrv-main-player .mdtc-clnplrv-interface .mdtc-clnplrv-controls li {
display: inline-block;
}
.mdtc-clnplrv-main-player .mdtc-clnplrv-interface .mdtc-clnplrv-controls .mdtc-clnplrv-previous {
width: 18px;
height: 23px;
display: inline-block;
opacity: 0.4;
font-size: 21px;
color: #919191;
position: relative;
top: -2px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.mdtc-clnplrv-main-player .mdtc-clnplrv-interface .mdtc-clnplrv-controls .mdtc-clnplrv-next {
width: 18px;
height: 23px;
display: inline-block;
opacity: 0.4;
font-size: 21px;
color: #919191;
position: relative;
top: -2px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.mdtc-clnplrv-main-player .mdtc-clnplrv-interface .mdtc-clnplrv-controls .mdtc-clnplrv-play {
width: 19px;
height: 23px;
display: inline-block;
margin: 0px 16px 0px 18px;
opacity: 0.9;
font-size: 23px;
color: #919191;
position: relative;
top: -1px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.mdtc-clnplrv-main-player .mdtc-clnplrv-interface .mdtc-clnplrv-controls .mdtc-clnplrv-pause {
width: 19px;
height: 23px;
display: inline-block;
margin: 0px 16px 0px 18px;
opacity: 0.9;
font-size: 23px;
color: #919191;
position: relative;
top: -1px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.mdtc-clnplrv-main-player .mdtc-clnplrv-interface .mdtc-clnplrv-seek-container {
-webkit-flex-grow: 1000;
flex-grow: 1000;
padding: 10px 0px 0px 0px;
overflow: hidden;
position: relative;
}
.mdtc-clnplrv-main-player .mdtc-clnplrv-interface .mdtc-clnplrv-seek-container .mdtc-clnplrv-seek-container-inner {
position: absolute;
left: 0px;
right: 25px;
}
.mdtc-clnplrv-main-player .mdtc-clnplrv-interface .mdtc-clnplrv-seek-container .mdtc-clnplrv-seek-container-inner .mdtc-clnplrv-song-title {
height: 16px;
overflow: hidden;
}
.mdtc-clnplrv-main-player .mdtc-clnplrv-interface .mdtc-clnplrv-seek-container .mdtc-clnplrv-seek-container-inner .mdtc-clnplrv-song-title .mdtc-clnplrv-song-title-inner {
white-space: nowrap;
display: inline-block;
color: #222222;
}
.mdtc-clnplrv-main-player .mdtc-clnplrv-interface .mdtc-clnplrv-seek-container .mdtc-clnplrv-seek-container-inner .mdtc-clnplrv-song-title .mdtc-clnplrv-song-title-inner > strong {
padding-right: 10px;
}
.mdtc-clnplrv-main-player .mdtc-clnplrv-interface .mdtc-clnplrv-seek-container .mdtc-clnplrv-seek-container-inner .mdtc-clnplrv-time {
padding-top: 5px;
color: #919191;
}
.mdtc-clnplrv-main-player .mdtc-clnplrv-interface .mdtc-clnplrv-seek-container .mdtc-clnplrv-seek-container-inner .mdtc-clnplrv-time .mdtc-clnplrv-current-time {
float: left;
}
.mdtc-clnplrv-main-player .mdtc-clnplrv-interface .mdtc-clnplrv-seek-container .mdtc-clnplrv-seek-container-inner .mdtc-clnplrv-time .mdtc-clnplrv-duration {
float: right;
}
.mdtc-clnplrv-main-player .mdtc-clnplrv-interface .mdtc-clnplrv-seek-container .mdtc-clnplrv-seek-container-inner .mdtc-clnplrv-progress {
width: 100%;
height: 4px;
background: #d1d1d1;
display: block;
border-radius: 2px;
margin-top: 8px;
cursor: pointer;
}
.mdtc-clnplrv-main-player .mdtc-clnplrv-interface .mdtc-clnplrv-seek-container .mdtc-clnplrv-seek-container-inner .mdtc-clnplrv-progress .mdtc-clnplrv-seek-bar {
display: block;
height: 4px;
border-radius: 2px;
background: #c2c2c2;
}
.mdtc-clnplrv-main-player .mdtc-clnplrv-interface .mdtc-clnplrv-seek-container .mdtc-clnplrv-seek-container-inner .mdtc-clnplrv-progress .mdtc-clnplrv-seek-bar .mdtc-clnplrv-play-bar {
display: block;
height: 4px;
border-radius: 2px;
background: #919191;
}
.mdtc-clnplrv-main-player .mdtc-clnplrv-interface .mdtc-clnplrv-volume-bar {
-webkit-flex-grow: 1;
flex-grow: 1;
height: 9px;
min-width: 70px;
max-width: 70px;
background: #c2c2c2;
border-radius: 9px;
display: inline-block;
position: relative;
margin: 32px 22px 0px 0px;
float: right;
cursor: pointer;
}

.mdtc-clnplrv-responsive:not(.mdtc-clnplrv-solo-player) .mdtc-clnplrv-volume-bar {
margin: 14px 22px 0px 0px;
}

.mdtc-clnplrv-main-player .mdtc-clnplrv-interface .mdtc-clnplrv-volume-bar .mdtc-clnplrv-volume-bar-value {
display: inline-block;
height: 7px;
border-radius: 9px;
background: #f3f5f7;
border: 1px solid #d1d1d1;
position: absolute;
top: 0px;
left: 0px;
}
.mdtc-clnplrv-main-player .mdtc-clnplrv-interface .mdtc-clnplrv-volume-bar .mdtc-clnplrv-volume-bar-value i {
display: inline-block;
float: right;
width: 13px;
height: 13px;
border-radius: 15px;
background: #f3f5f7;
border: 1px solid #c2c2c2;
margin: -4px -8px 0px 0px;
box-shadow: 0px 1px 1px #d4d4d4;
}
.mdtc-clnplrv-main-player .mdtc-clnplrv-interface .mdtc-clnplrv-toggles {
-webkit-flex-grow: 1;
flex-grow: 1;
padding: 30px 0px 0px;
white-space: nowrap;
}
.mdtc-clnplrv-main-player .mdtc-clnplrv-interface .mdtc-clnplrv-toggles li {
display: inline-block;
}
.mdtc-clnplrv-main-player .mdtc-clnplrv-interface .mdtc-clnplrv-toggles li.mdtc-clnplrv-fullscreen-li {
display: inline-block !important;
}
.mdtc-clnplrv-main-player .mdtc-clnplrv-interface .mdtc-clnplrv-toggles li .mdtc-clnplrv-fullscreen-btn {
display: inline-block;
width: 17px;
height: 14px;
opacity: 0.4;
margin-right: 20px;
margin-left: -2px;
font-size: 20px;
color: #919191;
position: relative;
top: -3px;
left: 0px;
}
.mdtc-clnplrv-main-player .mdtc-clnplrv-interface .mdtc-clnplrv-toggles li .mdtc-clnplrv-shuffle {
display: inline-block;
width: 17px;
height: 14px;
opacity: 0.4;
margin-right: 10px;
font-size: 20px;
color: #919191;
position: relative;
top: -3px;
left: 0px;
}
.mdtc-clnplrv-main-player .mdtc-clnplrv-interface .mdtc-clnplrv-toggles li .mdtc-clnplrv-shuffle-off {
display: inline-block;
width: 17px;
height: 14px;
opacity: 1;
margin-right: 10px;
font-size: 20px;
color: #919191;
position: relative;
top: -3px;
left: 0px;
}
.mdtc-clnplrv-main-player .mdtc-clnplrv-interface .mdtc-clnplrv-toggles li .mdtc-clnplrv-repeat {
display: inline-block;
width: 17px;
height: 14px;
opacity: 0.4;
margin-right: 10px;
font-size: 21px;
color: #919191;
position: relative;
top: -3px;
left: 0px;
}
.mdtc-clnplrv-main-player .mdtc-clnplrv-interface .mdtc-clnplrv-toggles li .mdtc-clnplrv-repeat-off {
display: inline-block;
width: 17px;
height: 14px;
opacity: 1;
margin-right: 10px;
font-size: 21px;
color: #919191;
position: relative;
top: -3px;
left: 0px;
}
.mdtc-clnplrv-main-player .mdtc-clnplrv-interface .mdtc-clnplrv-toggles li .mdtc-clnplrv-download-one {
opacity: 0.4;
width: 17px;
height: 14px;
margin-right: 35px;
margin-left: -20px;
font-size: 21px;
color: #919191;
position: relative;
top: -3px;
left: 0px;
}
.mdtc-clnplrv-main-player .mdtc-clnplrv-previous:hover,
.mdtc-clnplrv-main-player .mdtc-clnplrv-next:hover,
.mdtc-clnplrv-main-player .mdtc-clnplrv-play:hover,
.mdtc-clnplrv-main-player .mdtc-clnplrv-pause:hover,
.mdtc-clnplrv-main-player .mdtc-clnplrv-volume-bar:hover {
opacity: 1;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.mdtc-clnplrv-no-solution {
display: block;
padding: 15px;
}
.mdtc-clnplrv-no-solution span {
display: block;
font-weight: bold;
}
.mdtc-clnplrv-disabled-controls.mdtc-clnplrv-main-player .mdtc-clnplrv-previous,
.mdtc-clnplrv-disabled-controls.mdtc-clnplrv-main-player .mdtc-clnplrv-next,
.mdtc-clnplrv-disabled-controls.mdtc-clnplrv-main-player .mdtc-clnplrv-toggles li .mdtc-clnplrv-shuffle,
.mdtc-clnplrv-disabled-controls.mdtc-clnplrv-main-player .mdtc-clnplrv-toggles li .mdtc-clnplrv-repeat {
display: none !important;
}
.mdtc-clnplrv-disabled-controls .mdtc-clnplrv-fullscreen-btn {
margin-right: 30px !important;
}
.mdtc-clnplrv-responsive:not(.mdtc-clnplrv-solo-player) .mdtc-clnplrv-interface {
position: relative;
min-height: 88px;
}
.mdtc-clnplrv-responsive:not(.mdtc-clnplrv-solo-player) .mdtc-clnplrv-interface .mdtc-clnplrv-controls {
-webkit-flex-grow: 100;
flex-grow: 100;
padding: 10px 20px 0px 18px;
}
.mdtc-clnplrv-responsive:not(.mdtc-clnplrv-solo-player) .mdtc-clnplrv-interface .mdtc-clnplrv-toggles {
padding: 10px 0px 0px;
}
.mdtc-clnplrv-responsive:not(.mdtc-clnplrv-solo-player) .mdtc-clnplrv-interface .mdtc-clnplrv-seek-container {
position: absolute;
bottom: 0px;
width: 100%;
left: 0px;
right: 0px;
height: 30px;
padding: 0px 0px 20px 0px;
}
.mdtc-clnplrv-responsive:not(.mdtc-clnplrv-solo-player) .mdtc-clnplrv-interface .mdtc-clnplrv-seek-container .mdtc-clnplrv-seek-container-inner {
right: 20px;
left: 20px;
}
.mdtc-clnplrv-main-player.mdtc-clnplrv-dark-theme {
color: #dddddd;
}
.mdtc-clnplrv-main-player.mdtc-clnplrv-dark-theme .mdtc-clnplrv-type-playlist {
background: #3f3f3f;
}
.mdtc-clnplrv-main-player.mdtc-clnplrv-dark-theme .mdtc-clnplrv-video-container {
background-color: #373737;
}
.mdtc-clnplrv-main-player.mdtc-clnplrv-dark-theme .mdtc-clnplrv-playlist ul li {
color: #dddddd;
}
.mdtc-clnplrv-main-player.mdtc-clnplrv-dark-theme .mdtc-clnplrv-playlist ul li.mdtc-clnplrv-playlist-current {
background: #80b05d !important;
color: #dddddd;
}
.mdtc-clnplrv-main-player.mdtc-clnplrv-dark-theme .mdtc-clnplrv-playlist ul li:nth-child(even) {
background: #373737;
}
.mdtc-clnplrv-main-player.mdtc-clnplrv-dark-theme .mdtc-clnplrv-playlist ul li:hover {
background: #606060;
}
.mdtc-clnplrv-main-player.mdtc-clnplrv-dark-theme .mdtc-clnplrv-interface {
background: #373737;
}
.mdtc-clnplrv-main-player.mdtc-clnplrv-dark-theme .mdtc-clnplrv-interface .mdtc-clnplrv-previous {
color: #888888;
}
.mdtc-clnplrv-main-player.mdtc-clnplrv-dark-theme .mdtc-clnplrv-interface .mdtc-clnplrv-next {
color: #888888;
}
.mdtc-clnplrv-main-player.mdtc-clnplrv-dark-theme .mdtc-clnplrv-interface .mdtc-clnplrv-play {
color: #888888;
}
.mdtc-clnplrv-main-player.mdtc-clnplrv-dark-theme .mdtc-clnplrv-interface .mdtc-clnplrv-pause {
color: #888888;
}
.mdtc-clnplrv-main-player.mdtc-clnplrv-dark-theme .mdtc-clnplrv-interface .mdtc-clnplrv-volume-bar {
background: #606060;
}
.mdtc-clnplrv-main-player.mdtc-clnplrv-dark-theme .mdtc-clnplrv-interface .mdtc-clnplrv-volume-bar .mdtc-clnplrv-volume-bar-value {
background: #373737;
border: 1px solid #606060;
}
.mdtc-clnplrv-main-player.mdtc-clnplrv-dark-theme .mdtc-clnplrv-interface .mdtc-clnplrv-volume-bar .mdtc-clnplrv-volume-bar-value i {
background: #373737;
border: 1px solid #606060;
box-shadow: 0px 1px 1px #1e1e1e;
}
.mdtc-clnplrv-main-player.mdtc-clnplrv-dark-theme .mdtc-clnplrv-interface .mdtc-clnplrv-seek-container .mdtc-clnplrv-song-title .mdtc-clnplrv-song-title-inner {
color: #dddddd;
}
.mdtc-clnplrv-main-player.mdtc-clnplrv-dark-theme .mdtc-clnplrv-interface .mdtc-clnplrv-seek-container .mdtc-clnplrv-time {
color: #888888;
}
.mdtc-clnplrv-main-player.mdtc-clnplrv-dark-theme .mdtc-clnplrv-interface .mdtc-clnplrv-seek-container .mdtc-clnplrv-progress {
background: #888888;
}
.mdtc-clnplrv-main-player.mdtc-clnplrv-dark-theme .mdtc-clnplrv-interface .mdtc-clnplrv-seek-container .mdtc-clnplrv-progress .mdtc-clnplrv-seek-bar {
background: #606060;
}
.mdtc-clnplrv-main-player.mdtc-clnplrv-dark-theme .mdtc-clnplrv-interface .mdtc-clnplrv-seek-container .mdtc-clnplrv-progress .mdtc-clnplrv-seek-bar .mdtc-clnplrv-play-bar {
background: #888888;
}
.mdtc-clnplrv-main-player.mdtc-clnplrv-dark-theme .mdtc-clnplrv-interface .mdtc-clnplrv-toggles li .mdtc-clnplrv-shuffle {
color: #888888;
}
.mdtc-clnplrv-main-player.mdtc-clnplrv-dark-theme .mdtc-clnplrv-interface .mdtc-clnplrv-toggles li .mdtc-clnplrv-shuffle-off {
color: #888888;
}
.mdtc-clnplrv-main-player.mdtc-clnplrv-dark-theme .mdtc-clnplrv-interface .mdtc-clnplrv-toggles li .mdtc-clnplrv-repeat {
color: #888888;
}
.mdtc-clnplrv-main-player.mdtc-clnplrv-dark-theme .mdtc-clnplrv-interface .mdtc-clnplrv-toggles li .mdtc-clnplrv-repeat-off {
color: #888888;
}
.mdtc-clnplrv-state-full-screen {
width: 100%;
height: 100%;
}
.mdtc-clnplrv-state-full-screen .mdtc-clnplrv-gui {
position: absolute;
bottom: 0px;
width: 100%;
left: 0px;
}
.mdtc-clnplrv-state-full-screen .mdtc-clnplrv-fullscreen-btn {
opacity: 1 !important;
}

.dlevideoplayer > ul {
display: none;
}

.dleaudioplayer > ul {
display: none;
}

.mdtc-clnplrv-solo-download .mdtc-clnplrv-download-one {
display: inline-block !important;
}

.mdtc-clnplrv-state-full-screen .mdtc-clnplrv-playlist {
display: none;
}

.mdtc-clnplrv-state-full-screen .youtube-player {
position: static !important;

}

.youtube-player video {
visibility: hidden !important;
background: transparent !important;

}

.youtube-player iframe {
width: 100% !important;
height: 100% !important;
}

.mdtc-clnplrv-state-full-screen video {
background: #000000 !important;
}

.mdtc-clnplrv-state-full-screen .youtube-player video {
visibility: visible !important;
width: 100% !important;
height: 100% !important;
background: transparent !important;
}
.mdtc-clnplrv-state-full-screen .youtube-player iframe {
display: block;
width: 100% !important;
height: 100% !important;
}

.mdtc-clnplrv-state-full-screen .mdtc-clnplrv-video-container {
border-radius: 0px;
position: static;
}
.dleaudioplayer > ul, .dlevideoplayer > ul{
display: none;
}
.mdtc-clnplrv-audio .mdtc-clnplrv-interface .mdtc-clnplrv-seek-container .mdtc-clnplrv-seek-container-inner .mdtc-clnplrv-time .mdtc-clnplrv-current-time {
float: right;
}
.dlevideoplayer {
display: inline-block;
box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
}

.dleaudioplayer {
display: inline-block;
box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
}