html, body {
background-color: #000000;
}
html,
body {height:100%; padding:0; margin:0; width:100%;}
#pageSearch {display:flex; flex-direction:column;}
body {
background-color: #000000;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 14px;
color: #fff;
margin: 0px;
padding: 0px;
overflow:hidden;
}
.footerWrapper{
width:100%;
display:flex;
flex-direction: row;
justify-content:space-around;
align-items:start;
background-color:#622C38;
}
.copyright{
align-self:start!important;
flex:0 1 auto!important;
width:30%!important;
}
.itlFooterW{
align-self:end!important;
flex:0 1 auto !important;
height:35px;
}
.tocLink{
font-family: Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:normal!important;
margin-left:50px;
color:white!important;
}
.ui-content{
padding:0px!important;
margin:15px 15px!important;
}
.custom-tooltip-styling{
background-color:yellow;
}
.iframe{
border:0px;
height:315px;
background:rgba(128, 128, 128, 0.6) ;
width: 320px;;
max-width: 420px;
min-width: 200px;
}
headerAdmin {
background-color:black;
max-height:40px;
height:40px;
}
header {
background-color:black;
position:fixed;
max-height:100px;
height:60px;
}
header h1 {
font-family: Arial, Helvetica, sans-serif;
margin: 0;
text-align: center;
font-size:27px;
color:white;
}
.searchText{
color:white;
text-decoration: none;
font-weight:normal;
}
.crossed {
background:
linear-gradient(to top left,
rgba(0,0,0,0) 0%,
rgba(0,0,0,0) calc(50% - 0.8px),
rgba(0,0,0,1) 50%,
rgba(0,0,0,0) calc(50% + 0.8px),
rgba(0,0,0,0) 100%)
}
.actionMenu{
width:50px;
height:50px;
margin:0px;
padding:0px;
}
.actionMenuViews{
margin:0px;
padding:0px;
display:inline-block;
}
.actionParas{
margin-block-end: 0em;
margin-block-start: 0em;
background-color: rgba(0,0,255,0.2);
}
.accountParas{
margin-block-end: 0em;
margin-block-start: 0em;
background-color: rgba(0,0,255,0.2);
}
.actionHoriz{
display:inline-block;
}
.actionLabel{
margin-block-end: 0em;
margin-block-start: 0em;
}
#actionSelect{
display:block;
background-color: rgba(0,0,255,0.2);
}
#accountSelect{
display:block;
background-color: rgba(0,0,255,0.2);
width:50px;
margin:0px;
padding:0px;
height:50px;
overflow:visible;
}
.navigationList{
padding-left:50px;
width:600px;
display:inline-block;
background-color: rgba(0,0,255,0.2);
}
.horizontalList{
padding-left:50px;
width:600px;
display:inline-block;
background-color: rgba(0,0,255,0.2);
}
.horizontalTop{
padding-left:0px;
width:320px;
display:block;
background-color: rgba(0,0,255,0.2);
}
.accountHorizontalTop{
padding-left:0px;
width:120px;
margin-left:-50px;
display:inline-block;
background-color: rgba(0,0,255,0.2);
}
.videoMenu{
background-color:black;
color:white;
}
.vjs-menu-icon
{
content: '';
background-size: 28px 28px;
height: 28px;
width: 28px;
background-position: 0px center;
background-repeat: no-repeat!important;
background-image:url("../../ITL_Library/icons/view_list_white_24dp.svg")!important;
background-size: contain;
}
.vjs-copy-icon
{
content: '';
background-size: 28px 28px;
height: 28px;
width: 28px;
background-position: 0px center;
background-repeat: no-repeat!important;
background-image:url("../../ITL_Library/icons/note_add_white_24dp.svg")!important;
background-size: contain;
}
.episodeWrapper{
color:white;
height:auto;
background-color:black;
border:2px solid yellow;
border-radius:5px;
}
.episodeCourseTitle{
font-size:1.2em;
color:yellow;
margin-left:20px;
}
.episodeCourseDescription{
font-size:1em;
}
.episodeSwipperHolder{
width:98%;
margin:0px 20px 0px 10px;
}
.episodeImage{
width:320px;
height:180px;
margin-top:5px;
margin-left:20px;
margin-right:20px;
float:left;
}
#butHome{
width:30px!important;
height:30px!important;
float:left;
background-position: 0px center;
background-image:url("../../ITL_Library/buttons/home50.png");
background-size: contain;
background-repeat: no-repeat;
}
#butActions{
width:50px!important;
height:50px!important;
}
#butAccount{
width:50px!important;
height:50px!important;
}
#butLogout{
width:50px!important;
height:50px!important;
}
#butChangePW{
width:50px!important;
height:50px!important;
}
.sendEmail{
width:50px!important;
height:50px!important;
}
.nTopicLink{
color:white!important;
}
.actionTable{
margin-left:20px;
text-align:center;
width:100%;
height:250px;
padding:0px 10px;
border:none;
z-index:1000;
}
.actionsList{
display:block;
background-color:black;
border: 0;
border-radius: .25em;
}
.nTopicLink{
font-size:20px;
}
.nPauseLink{
font-size:20px;
}
.icon1Top {
display: inline-block;
max-width: 270px;
max-height:44px;
width:auto;
height:auto;
//height: 4em;
stroke-width: 0;
stroke: currentColor;
fill: currentColor;
cursor: pointer;
}
.icon1 {
display: inline-block;
width: 2.7em;
height: 4.4em;
stroke-width: 0;
stroke: currentColor;
fill: currentColor;
}
.icon2Top {
display: inline-block;
width: 100%;
//height: 4em;
stroke-width: 0;
stroke: currentColor;
fill: currentColor;
cursor: pointer;
}
.icon2 {
display: inline-block;
width: 9em;
height: 4em;
stroke-width: 0;
stroke: currentColor;
fill: currentColor;
}
#currentPick{
background-color: #000000;
height:200px;
}
#swipes{
display: block;
height:100%;
background-imag: url('padding.svg');
background-repeat: repeat
}
#videoWrapperPage{
display:none;
width:100%;
height:100%;
text-align:center;
margin 0px auto;
}
#trans{
background-image: url('padding.svg');
background-size: contain;
background-repeat: repeat;
text-align:center;
}
.matrixHeader{
width:100%;
height:100%;
background-color:#622C38;
}
.course, .category{
display:inline-flex;
cursor:none;
}
.buyWrap{
display:flex;
align-items: center;
justify-content:flex-start;
text-align:left;
color:white;
font-size:20px;
font-weight:bold;
line-height: 1.0;
margin-left:20px;
}
.swipeTitle{
display:flex;
align-items: normal;
text-align:left;
color:white;
font-size:20px;
font-weight:normal;
line-height: 1.0;
margin-left:20px;
}
.swipeTitle img{
flex-grow:0;
flex-shrink:0;
}
#categories{
background-color:black;
padding:15px;
overflow-y:auto;
}
.vjs-paused.vjs-has-started .vjs-big-play-button {
display: block;
}
#hSpanTitle{
font-size:2em;
color:white;
}
.time1S, time2S, time3S, time1E, time2E, time3E {
width: 50px;
}
.tooltip {
font-size: 10px !important;
}
.text1, text2, text3 {
width: 400px;
}
.swal-compound {
width: 1020px !important;
}
.swalSearch {
width: 300px !important;
}
.noTranscript {
background-color: #ffcccc !important;
}
.narrowButton {
width: 16% !important; /* 12.5% for 8 tabs wide */
clear: none !important; /* Prevent line break caused by ui-block-a */
}
#page0pop-screen {
display: none;
}
#page1pop-screen {
display: none;
}
#page2pop-screen {
display: none;
}
#page3pop-screen {
display: none;
}
.searchFound {
background-color: cadetblue;
color: white;
}
.video-js.vjs-playing .vjs-tech {
pointer-events: none;
}
.normPara {
background-color: white;
}
.playingPara {
background-color: aqua;
}
.normSpan {
background-color: white;
}
.expandPrev{
font-style:italic;
font-size:12px;
color:blue;
}
.expandNext{
font-style:italic;
font-size:12px;
color:blue;
}
.playingSpan {
background-color: white;
}
.itlSwal2-doAll {
border: 0;
border-radius: .25em;
background: initial;
background-color: aqua;
color: #fff;
font-size: 1.0625em;
cursor: pointer;
}
.itlSwal2-doChecked {
border: 0;
border-radius: .25em;
background: initial;
background-color: #3085d6;
color: #fff;
font-size: 1.0625em;
cursor: pointer;
}
.itlSwal2-clear {
border: 0;
border-radius: .25em;
background: initial;
background-color: #3085d6;
color: #fff;
font-size: 1.0625em;
cursor: pointer;
}
.itlSwal2-login {
border: 0;
display: inline-block;
border-radius: .25em;
background: initial;
background-color: #3085d6;
color: #fff;
font-size: 1.0625em;
cursor: pointer;
}
.itlSwal2-Guestlogin {
border: 0;
display: inline-block;
border-radius: .25em;
background: initial;
background-color: #3085d6;
color: #fff;
font-size: 1.0625em;
cursor: pointer;
}
.itlSwal2-doAccess {
border: 0;
display: inline-block;
border-radius: .25em;
background: initial;
background-color: #3085d6;
color: #fff;
font-size: 1.0625em;
cursor: pointer;
}
.loginText, .tandc {
display: inline-block;
font-size: 10px;
}
.itlSwal2-showResources {
display:inline-block;
border: 0;
display:inline-block;
border-radius: .25em;
background: initial;
background-color: #3085d6;
color: #fff;
font-size: 0.6em;
cursor: pointer;
}
.itlSwal2-confirmUpdate {
border: 0;
border-radius: .25em;
background: initial;
background-color: #3085d6;
color: #fff;
font-size: 1.0625em;
cursor: pointer;
}
.itlSwal2-chapter {
border: 0;
border-radius: .25em;
background: initial;
background-color: #3085d6;
color: #fff;
font-size: 1.0625em;
cursor: pointer;
}
.itlSwal2-pause {
border: 0;
border-radius: .25em;
background: initial;
background-color: #3085d6;
color: #fff;
font-size: 1.0625em;
cursor: pointer;
}
.itlSwal2-remove-chapter {
border: 0;
border-radius: .25em;
background: initial;
background-color: #FF5733;
color: #fff;
font-size: 1.0625em;
cursor: pointer;
}
.itlSwal2-remove-pause {
border: 0;
border-radius: .25em;
background: initial;
background-color: #FF5733;
color: #fff;
font-size: 1.0625em;
cursor: pointer;
}
.itlSwal2-quit {
display:inline-block;
border: 0;
border-radius: .25em;
background: initial;
background-color: grey;
color: #fff;
font-size: 1.0625em;
cursor: pointer;
}
.sentence {
border-bottom-style: dotted;
border-color: blue;
border-width: 4px;
}
.navTable {
border: none;
}
.sButton {
margin-top: -10px;
width: 25px !important;
height: 50px !important;
border-width: 0px;
}
.butBuy {
padding-right:5px!important;
width: 60px !important;
height: 60px !important;
}
.categoryBuy {
padding-right:5px!important;
width: 30px !important;
height: 30px !important;
vertical-align: bottom;
cursor:pointer
}
.priceListImage {
padding-right:5px!important;
width: 50px !important;
height: 50px !important;
vertical-align: middle;
cursor:pointer
}
.login {
width: 250px !important;
height:50px !important;
border: 4px solid #1A305E;
border-radius:10px;
cursor:pointer;
margin-right:20px;
margin-top:10px;
}
.register, .cancel {
display:table-cell;
width: 180px !important;
height:36px !important;
border: 0px solid #1A305E;
border-radius:10px;
background-image: linear-gradient(#79BCFF, #378EE5);
color:white;
font-size:15px;
font-family:Arial;
cursor:pointer;
}
.guest {
display:table-cell;
width: 180px !important;
height:36px !important;
border: 0px solid #1A305E;
border-radius:10px;
background-image: linear-gradient(#79BCFF, #378EE5);
color:white;
font-size:15px;
font-family:Arial;
cursor:pointer;
}
.nonRegisterButtons, .cancelButtons{
text-align:center;
height:45px;
width: 320px;
max-width: 420px;
min-width: 200px;
margin-left: auto;
margin-right: auto;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 0;
padding-right: 0;
background: #1A305E;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFhMzA1ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZjVkYWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #1A305E 0%, #2F5DAA 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1A305E), color-stop(100%,#2F5DAA));
background: -webkit-linear-gradient(top, #1A305E 0%,#2F5DAA 100%);
background: -o-linear-gradient(top, #1A305E 0%,#2F5DAA 100%);
background: -ms-linear-gradient(top, #1A305E 0%,#2F5DAA 100%);
background: linear-gradient(to bottom, #1A305E 0%,#2F5DAA 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1A305E', endColorstr='#2F5DAA',GradientType=0 );
-webkit-box-shadow: 6px 6px 6px 0px rgb(50 50 50 / 75%);
-moz-box-shadow: 6px 6px 6px 0px rgba(50, 50, 50, 0.75);
box-shadow: 6px 6px 6px 0px rgb(50 50 50 / 75%);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.ui-hidden {
display: none;
visibility: hidden;
}
.slideLi {
margin: 0;
padding: 0;
border-style: solid;
border-color: orange;
}
.slideLi:hover {
margin: 0;
padding: 0;
border-style: solid;
border-color: aqua;
}
.slideLi:active {
margin: 0;
padding: 0;
border-style: solid;
border-color: lightgreen;
}
.drop-down {
position: relative;
display: inline-block;
width: auto;
margin-top: 0;
font-family: verdana;
}
.transcriptList {
width: 250px;
}
.videoList {
width: 250px;
}
.drop-down select {
display: none;
}
.drop-down .select-list {
position: absolute;
top: 0;
left: 0;
z-index: 1;
margin-top: 40px;
padding: 0;
background-color: #595959;
}
.drop-down .select-list li {
display: none;
}
.drop-down .select-list li span {
display: inline-block;
min-height: 40px;
min-width: 280px;
width: 100%;
padding: 5px 15px 5px 35px;
background-color: #595959;
background-position: left 10px center;
background-repeat: no-repeat;
font-size: 16px;
text-align: left;
color: #FFF;
opacity: 0.7;
box-sizing: border-box;
}
.drop-down .select-list li span:hover,
.drop-down .select-list li span:focus {
opacity: 1;
}
.chapter {
color: blue;
font-weight: bold;
}
.slide {
color: green;
font-weight: bold;
}
.asideWrapper {
position: absolute;
top: 0px;
}
.editorWrapper {
position: absolute;
display: block;
top: 0px;
}
input[type=submit] {
width: 10em
}
.ui-input-search {
margin: 0;
border-width: 0px;
border-style: solid;
}
input[type=checkbox] {
font-size: 12px;
line-height: 12px;
float: left;
border: 0;
display: block;
padding: 0px;
margin: 0;
}
table, th, td {
border: 1px solid black;
text-align: left;
font-size: 12px;
margin: 0;
padding: 0;
}
tr:nth-child(even) {
background-color: #f2f2f2;
}
th {
background-color: #000000;
color: white;
}
A.glossary {
color: blue;
background-color: inherit;
text-decoration: none; /* border gives better spacing */
border-style: solid;
border-width: 0px;
border-bottom-width: 1px;
border-color: #C0C0E0;
}
A.glossary:hover, A.glossary:focus, A.glossary:active {
color: black;
background-color: lime;
border-width: 0px;
}
.searchWrapper {
width: 250px;
}
.ui-select {
width: 80%;
}
.image {
position: relative;
width: 98%; /* for IE 6 */
height: 98%; /* for IE 6 */
}
h2 {
position: absolute;
bottom: 2px;
left: 10px;
width: 90%;
white-space: normal;
background-color: white;
}
h2 span {
font-weight: bold;
font-size: 50%;
letter-spacing: -1px;
padding: 10px;
white-space: normal;
}
h2 span.spacer {
padding: 0 5px;
}
ul, ol {
padding: 0;
margin: 0 0 @baseLineHeight / 2 25px;
list-style-type:none;
}
li {
font-family: arial;
font-weight: normal;
font-size: 16px;
color: black;
cursor: pointer;
display: list-item;
}
.tableLeft {
width: 65%;
}
.swal-vChange {
width: 850px !important;
}
.tableRight {
width: 35%;
}
.borderBox {
padding: 2px;
border-style: solid;
border-width: 1px;
}
.gridBorder-right {
padding: 5px;
border-style: solid;
border-width: 2px;
}
.gridBorder-left {
padding: 5px;
border-style: solid;
border-width: 2px;
border-left-width: 0px
}
.gridHeader {
border-color: black;
background-color: black;
color: white;
}
.LibraryImage {
width: 320px;
height: 180px;
}
.tTitle,aTitle{
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
color:yellow;
font-weight:bold;
font-size:1em;
text-align:center;
height:2.5em;
word-break: 'none';
overflow: hidden;
}
.tDescription,aDesc{
color:white;
font-size:0.6em;
text-align:left;
max-height:30px;
height:30px;
width:100%;
display:block;
line-height:30px;
overflow:auto;
}
.swiper-overlay{
position: absolute;
width:80%;
bottom:12%;
left: 50%;
transform: translate(-50%);
color:yellow;
font-weight:bold;
background:rgba(128, 128, 128, 0.6) ;
}
.searchresults {
font-family: arial;
width: 95%;
font-weight: normal;
font-size: 16px;
color: black;
cursor: pointer
}
.searchresultsChapter {
font-family: arial;
width: 95%;
font-weight: bold;
font-size: 18px;
color: black;
cursor: pointer
}
.controlgroup-textinput {
padding-top: .22em;
padding-bottom: .22em;
width: 130px !important;
height: 35px !important;
}
.descn {
width: 80%;
vertical-align: top;
}
.form_container > .ui-input-text {
width: 200px !important;
height: 50px !important;
}
.itlpop {
position: absolute;
background-color: lightgrey;
color: black;
top: 2px;
left: 20px;
width: 80%;
height: 90%;
z-index: 100;
overflow: auto;
}
.ui-input-search {
font-size: inherit !important;
width: 60% !important;
padding: 0.3em 0.4em !important;
margin: 0.1em 0.2em !important;
display: inline-block !important;
}
.ui-icon-myicon:after {
background-image: url("../_assets/img/glyphish-icons/21-skull.png");
/* Make your icon fit */
background-size: 18px 18px;
}
.fatBut2 img{
font-size: inherit !important;
max-width: 2em !important;
max-height: 2em !important;
width:auto!important;
height:auto!important;
padding: 0.15em 0.2em !important;
margin: 0.05em 0.1em !important;
-moz-box-sizing: content-box !important;
-webkit-box-sizing: content-box !important;
box-sizing: content-box !important;
display: inline-block !important;
vertical-align: middle !important;
}
.fatBut img{
font-size: inherit !important;
max-width: 2em !important;
max-height: 2em !important;
width:auto!important;
height:auto!important;
padding: 0.3em 0.4em !important;
margin: 0.1em 0.2em !important;
-moz-box-sizing: content-box !important;
-webkit-box-sizing: content-box !important;
box-sizing: content-box !important;
display: inline-block !important;
vertical-align: middle !important;
}
.LibraryBut {
width: 8em !important;
font-size: inherit !important;
padding: 0.3em 0.4em !important;
margin: 0.1em 0.2em !important;
display: inline-block !important;
vertical-align: middle !important;
}
.beforeBut {
width: 8em !important;
font-size: inherit !important;
padding: 0.3em 0.4em !important;
margin: 0.1em 0.2em !important;
display: inline-block !important;
vertical-align: middle !important;
background-color: blue;
color: white;
}
.afterBut,afterParaBut {
width: 8em !important;
font-size: inherit !important;
padding: 0.3em 0.4em !important;
margin: 0.1em 0.2em !important;
display: inline-block !important;
vertical-align: middle !important;
background-color: red;
color: white;
}
fieldset {
font-size: 0.6em;
padding: 0.5em;
border-radius: 1em;
font-family: sans-serif;
border-width: 0;
display: block;
}
.spinner {
display: block;
font-size: 24px;
padding: 0.3em 0.4em;
margin: 0.1em 0.2em;
color: green;
display: inline-block !important;
vertical-align: middle !important;
}
label, input, button {
font-size: inherit;
padding: 0.3em 0.4em;
margin: 0.1em 0.2em;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
border: 1px solid #f90;
background-color: #fff;
}
.ui-field-contain {
height: 40px !important;
}
.searchControls {
height: 40px !important;
}
.ui-controlgroup-controls {
height: 40px !important;
}
#searchPop-popup {
width: 95%!important;;
height:80px!important;
top:2px!important;
}
#searchPop-screen {
width: 95%!important;;
height:80px!important;
top:2px!important;
}
.ui-icon-helpicon:after {
background-image: url("../../ITL_Library/buttons/help.svg");
font-size: inherit !important;
width: 2em !important;
padding: 0.3em 0.4em !important;
margin: 0.1em 0.2em !important;
-moz-box-sizing: content-box !important;
-webkit-box-sizing: content-box !important;
box-sizing: content-box !important;
display: inline-block !important;
vertical-align: middle !important;
}
#select-choice-1-menu li div div a, #select-choice-1-button .ui-btn-inner .ui-btn-text span {
font-size: 36px !important;
}
.ui-checkbox input, .ui-radio input {
position: absolute;
left: .466em;
top: 50%;
width: 22px;
height: 22px;
margin: -11px 0 0 0;
outline-style: solid !important;
outline-color: grey !important;
outline-width: 10px !important;
z-index: 1;
}
.item-disabled {
background-color: #ddd;
color: blue;
}
.item-first {
background-color: #000000;
color: white;
}
.item-none {
background-color: #ffff00;
color: red;
}
#spinningMain{
color:yellow;
font-size:20px;
}
h1 {
margin: 0px 7px 0px 4px;
padding: 0px;
}
h3{
color:white;
font-size:20px;
margin: 0px 7px 0px 4px;
padding: 0px;
}
h5{
color:white;
font-size:16px;
margin: 0px 7px 0px 4px;
padding: 0px;
}
h7{
color:white;
font-size:16px;
margin: 0px 7px 0px 4px;
padding: 0px;
font-weight:normal;
text-decoration:none;
}
h8{
color:black;
font-size:16px;
margin: 0px 7px 0px 4px;
padding: 0px;
font-weight:normal;
text-decoration:none;
}
h4{
color:orange;
font-size:20px;
margin: 0px 7px 0px 4px;
padding: 0px;
}
h6{
color:yellow;
font-size:20px;
margin: 0px 7px 0px 4px;
padding: 0px;
}
.itlSwal2-cancel {
border: 0;
border-radius: .25em;
background: initial;
background-color: #3085d6;
color: #fff;
font-size: 1.0625em;
cursor: pointer;
}
.loginSplash {
position:relative;
background-image: url('login.PNG');
background-size: contain;
background-repeat: no-repeat;
width: 100%;
height: 0;
padding-top: 66.64%; /* (img-height / img-width * width) */
/* (853 / 1280 * 100) */
}
.dataHolder {
position: absolute;
top: 20px;
left: 55%;
width: 36%;
height: 70%;
background-color: white;
}
.errMessage {
position: absolute;
top: 90%;
left: 5%;
width: 36%;
height: 10%;
background-color: white;
color:red;
}
.resourcesSplash2 {
position: relative;
background-size: contain;
background-repeat: no-repeat;
width: 100%;
}
.resourceList{
margin-left:200px!important;
overflow-y:auto;
height:280px;
}
.resourceHolder {
height:300px;
background-color: #fff9a7;
font-size: 16px;
overflow: auto;
}
.resourceHolder ul {
margin-left: 2px;
padding-left: 2px;
text-align: left;
list-style-type: disc;
}
.yellowLink{
color:grey;
background-color:yellow;
text-decoration:none;
}
.greyLink {
color: yellow;
background-color: grey;
text-decoration: none;
}
.swipe-img,.overlayImage,.overlayImageR{
position: relative;
top: 0;
left: 0;
max-width:356px!important;
max-height:200p!important;
width:356x!important;
height:200px!important;
}
.swipe-img{
position: relative;
top: 0;
left: 0;
max-width:356px!important;
max-height:200px!important;
width:356x!important;
height:200px!important;
}
.overlayImage{
position: relative;
top: 153px!important;
left: 15px!important;
max-width:78px!important;
max-height:34px!important;
width:98x!important;
height:34px!important;
}
.overlayImageR{
position: relative;
top: 120px!important;
left: 258px!important;
max-width:78px!important;
max-height:34px!important;
width:78x!important;
height:34px!important;
}
.descriptionImage{
position: relative;
top: 150px!important;
left: 260px!important;
max-width:80px!important;
max-height:80px!important;
width:80x!important;
height:80px!important;
display:none;
}
.swipeImage{
max-width:320px;
max-height:180px;
width:auto;
height:auto;
border:2px solid blue;
}
.swipeImageBought{
width:320px;
height:180px;
border:2px solid green;
}
.swiper-container {
width: 100%;
height: 100%;
}
.priceListItem{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: normal;
text-align:left;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #000000;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width:356px!important;
max-height:200px!important;
width:356px!important;
height:200px!important;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
h1 {
font-family: Arial, Helvetica, sans-serif;
color: red;
text-align: center;
}
.recentlyViewed-swiper-container {
width: 95%;
height: 200px;
}
.tDescription{
text-align:center
}
.episodes-swiper-container {
width: 100%;
height: 200px;
}
.newReleases-swiper-container {
width: 100%;
height: 200px;
}
.premium-swiper-container {
width: 100%;
height: 200px;
}
.CMP-swiper-container {
width: 100%;
height: 200px;
}
.freeView-swiper-container {
width: 100%%;
height: 200px;
}
.custom1-swiper-container {
width: 100%;
height: 200px;
}
.custom2-swiper-container {
width: 100%;
height: 200px;
}
.custom3-swiper-container {
width: 100%;
height: 200px;
}
.episodes-swiper-container {
width: 100%;
height: 200px;
}
.slide_img {
max-width: 100%;
height: auto;
}
.swiper-slide img{
display:block;
width: auto;
height: 100%;
max-width: 100%;
max-height: 100%;
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
left: 50%;
top: 50%;
}
h1 {
font-family: Arial, Helvetica, sans-serif;
color: red;
text-align: center;
}
:root {
--swiper-theme-color: #fff;
}
.netflix-slider .swiper-wrapper {
padding: 0px 0px;
}
.netflix-slider .swiper-slide {
width:356px;
height:200px;
max-width:356px;
max-height:200px;
-webkit-transition: 250ms all;
transition: 250ms all;
}
.netflix-slider .swiper-slide:hover, .netflix-slide {
-webkit-transform: scale(1.0);
transform: scale(1.0);
z-index: 1;
}
.netflix-slider .swiper-slide:first-child:hover {
//margin: 0 0px;
}
.netflix-slider .swiper-slide:last-child:hover {
//margin: 0 -40px;
}
.closeDescription{
width:22px;
height:22px;
border-radius: 50%;
background:#ccc url("../../ITL_Library/images/doDelete.png") center center no-repeat;
cursor:pointer;
}
.close_button {
position:absolute;
top:32px;
right:16px;
width:22px;
height:22px;
border-radius: 50%;
background:#ccc url("../../ITL_Library/images/doDelete.png") center center no-repeat;
cursor:pointer;
}
.episode_close{
position:absolute;
top:20px;
right:30px;
width:22px;
height:22px;
border-radius: 50%;
background:#ccc url("../../ITL_Library/images/doDelete.png") center center no-repeat;
cursor:pointer;
}
.catbenefits_close {
position:relative;
top:20px;
right:30px;
width:22px;
height:22px;
border-radius: 50%;
background:#ccc url("../../ITL_Library/images/doDelete.png") center center no-repeat;
cursor:pointer;
}
.topSearchBut{
width:50px!important;
height:50px!important;
}
.itlPlay{
width:50px!important;
height:50px!important;
}
.ebookSlide{
border:2px solid blue;
}
#ebook{
padding:20px;
width:calc(100% - 30px);
}
#ebook {
user-select: none;
}
#ebook::selection {
background: none;
}
#ebook::-moz-selection {
background: none;
}
.spanText{
width:80%;
}
.youTubeLogo{
top:-1em;
width:120px;
height:40px;
}
.topYouTubeLogo{
width:120px;
height:40px;
}
#youTubeGoPlay{
display:none;
}
.buyWrapperEpisode{
margin-left:15px;
}
.showDescription{
display: flex;
color:white;
flex-direction:row;
flex-wrap:nowrap;
justify-content: space-around;
x-align-items: stretch;
align-items: flex-start;
max-width:1800px;
min-height:150px;
height:150px;
border:5px solid black;
border-radius:5px;
font-size:20px;
font-wight:bold;
}
.headerTable{
display: flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content: space-around;
x-align-items: stretch;
align-items: center;
max-width:1800px;
margin-right:15px;
margin-left:15px;
}
.accountParas{
display: none;
flex-direction:row;
flex-wrap:nowrap;
justify-content: flex-end;
x-align-items: stretch;
align-items: center;
max-width:1800px;
margin-right:15px;
}
.mark0{
background-color:yellow;
}
.mark1{
background-color:red;
color:white;
}
.mark4{
background-color:aqua;
}
.mark2{
background-color:silver;
}
.mark3{
background-color:green;
color:white;
}
.swiper-button-prev {
background-image: url("../../ITL_Library/buttons/prev50.png") !important;
max-height:50px!important;
max-width:50px!important;
width:50px!important;
height:50px!important;
background-position: 0px center!important;
background-size: contain!important;
background-repeat: no-repeat!important;
opacity:1!important;
content:""!important;
}
.swiper-button-next {
background-image: url("../../ITL_Library/buttons/next50.png") !important;
max-height:50px!important;
max-width:50px!important;
width:50px!important;
height:50px!important;
background-position: 0px center!important;
background-size: contain!important;
background-repeat: no-repeat!important;
opacity:1!important;
}
.swiper-button-next:after{
content:""!important;
}
.swiper-button-prev:after{
content:""!important;
}
.simpleNav{
display:flex;
}
#itl-menu {
width:200px;
margin: 0;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 14px;
}
#itl-menu ul {
margin: 0;
padding: 0;
overflow:visible;
list-style-type: none;
}
#itl-menu li {
position: relative;
margin: 0;
padding: 0;
color:white;
}
#itl-menu button {
border: 0;
color:white;
background: transparent;
padding: 0;
}
#itl-menu button[aria-expanded="false"]:after {
content: "⯆";
display: inline-block;
color: #333;
}
#itl-menu button[aria-expanded="true"]:after {
content: "⯅";
display: inline-block;
color: #333;
}
#itl-menu ul {
background: #efefef;
overflow:visible;
}
#itl-menu > ul > li {
position:relative;
display: inline-block;
color:white;
text-decoration:none;
}
#itl-menu a,
#itl-menu button {
display: block;
width: 100%;
height:60px;
padding: 1rem 2rem;
text-align: left;
color:black;
text-decoration:none;
}
#itl-menu ul li ul li a,
#itl-menu ul li ul li button {
padding: .5rem 1rem;
}
#itl-menu > ul > li > ul {
position: absolute;
width: 18rem;
}
#itl-menu ul li ul li {
display: block;
}
#itl-menu [id^="sub"]{
background: #DBDBDB;
}
#itl-menu [id^="sub"] [id^="sub"]{
background: #bbb;
}
#itl-menu [id^="sub"] [id^="sub"] a {
padding-left: 2rem;
}
#tocList {
margin: 0;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 14px;
}
#tocList ul {
margin: 0;
padding: 0;
overflow:visible;
list-style-type: none;
}
#tocList li {
position: relative;
margin: 0;
padding: 0;
color:black;
}
#tocList button {
border: 0;
color:black;
background: transparent;
padding: 0;
}
#tocList button[aria-expanded="false"]:after {
content: "⯆";
display: inline-block;
color: black;
}
#tocList button[aria-expanded="true"]:after {
content: "⯅";
display: inline-block;
color: black;
}
#tocList ul {
background: #efefef;
overflow:visible;
}
#tocList > ul > li {
position:relative;
display: inline-block;
color:black;
text-decoration:none;
}
#tocList a,
#tocList button {
display: block;
width: 100%;
height:60px;
padding: 1rem 2rem;
text-align: left;
color:black;
text-decoration:none;
}
#tocList ul li ul li a,
#tocList ul li ul li button {
padding: .5rem 1rem;
}
#tocList > ul > li > ul {
position: absolute;
width: 18rem;
}
#tocList ul li ul li {
display: block;
}
#tocList [id^="sub"]{
background: #DBDBDB;
}
#tocList [id^="sub"] [id^="sub"]{
background: #bbb;
}
#tocList [id^="sub"] [id^="sub"] a {
padding-left: 2rem;
}
.vcbuybutton{
width:50px!important;
height:50px!important;
-webkit-background-size: contain!important;
-moz-background-size: contain!important;
-o-background-size: contain!important;
background-size: contain!important;
vertical-align:middle!important;
padding:0 0 0 0.25em!important;
}
.vcbuybuttonBig{
width:80px!important;
height:80px!important;
-webkit-background-size: contain!important;
-moz-background-size: contain!important;
-o-background-size: contain!important;
background-size: contain!important;
padding:0 0 0 0.25em!important;
}
.buyInternalWrapper{
display:flex;
flex-wrap: wrap;
}
.productDescription{
color:blue;
font-style:italic;
font-size:16px;
margin:15px;
}