/* dSPACE Help StyleSheet */ .mixin_clearfix { *zoom: 1; } .mixin_clearfix:before, .mixin_clearfix:after { display: table; content: ""; line-height: 0; } .mixin_clearfix:after { clear: both; } .mixin_hide_text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url('../fonts/opensans_light/OpenSans-Light-webfont.woff') format('woff'), url('../fonts/opensans_light/OpenSans-Light-webfont.ttf') format('truetype'), url('../fonts/opensans_light/OpenSans-Light-webfont.svg#open_sanslight') format('svg'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url('../fonts/opensans_regular/OpenSans-Regular-webfont.woff') format('woff'), url('../fonts/opensans_regular/OpenSans-Regular-webfont.ttf') format('truetype'), url('../fonts/opensans_regular/OpenSans-Regular-webfont.svg#open_sansregular') format('svg'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url('../fonts/opensans_semibold/OpenSans-Semibold-webfont.woff') format('woff'), url('../fonts/opensans_semibold/OpenSans-Semibold-webfont.ttf') format('truetype'), url('../fonts/opensans_semibold/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../fonts/opensans_bold/OpenSans-Bold-webfont.woff') format('woff'), url('../fonts/opensans_bold/OpenSans-Bold-webfont.ttf') format('truetype'), url('../fonts/opensans_bold/OpenSans-Bold-webfont.svg#open_sansbold') format('svg'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url('../fonts/opensans_extrabold/OpenSans-ExtraBold-webfont.woff') format('woff'), url('../fonts/opensans_extrabold/OpenSans-ExtraBold-webfont.ttf') format('truetype'), url('../fonts/opensans_extrabold/OpenSans-ExtraBold-webfont.svg#open_sansextrabold') format('svg'); } @font-face { font-family: "dspace"; src: url("../fonts/dspaceicons/dspace.eot?k3n9or"); src: url("../fonts/dspaceicons/dspace.eot?k3n9or#iefix") format("embedded-opentype"), url("../fonts/dspaceicons/dspace.ttf?k3n9or") format("truetype"), url("../fonts/dspaceicons/dspace.woff?k3n9or") format("woff"), url("../fonts/dspaceicons/dspace.svg?k3n9or#dspace") format("svg"); font-weight: normal; font-style: normal; font-display: block; } .documentation [class^="icon-"], .documentation [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "dspace" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-cd:before { content: "\e908"; } .icon-chat:before { content: "\e909"; } .icon-chip:before { content: "\e90a"; } .icon-cog:before { content: "\e90b"; } .icon-cogs:before { content: "\e90c"; } .icon-video:before { content: "\e907"; } .icon-Icon-External:before { content: "\e900"; } .icon-stop:before { content: "\e945"; } .icon-collapse:before { content: "\e901"; } .icon-copy-to-clipboard:before { content: "\e902"; } .icon-expand:before { content: "\e903"; } .icon-pdf-file:before { content: "\e904"; } .icon-slide-in:before { content: "\e905"; } .icon-slide-out:before { content: "\e906"; } .icon-glossary:before { content: "\e955"; } .icon-note:before { content: "\e954"; } .icon-warning-1:before { content: "\e951"; } .icon-warning-2:before { content: "\e952"; } .icon-pdf:before { content: "\e923"; } .icon-house:before { content: "\e92b"; } .icon-search:before { content: "\e940"; } .icon-zoomin:before { content: "\e94f"; } .icon-zoomout:before { content: "\e950"; } .bfh-flag-AD, .bfh-flag-AE, .bfh-flag-AF, .bfh-flag-AG, .bfh-flag-AI, .bfh-flag-AL, .bfh-flag-AM, .bfh-flag-AN, .bfh-flag-AO, .bfh-flag-AQ, .bfh-flag-AR, .bfh-flag-AS, .bfh-flag-AT, .bfh-flag-AU, .bfh-flag-AW, .bfh-flag-AX, .bfh-flag-AZ, .bfh-flag-BA, .bfh-flag-BB, .bfh-flag-BD, .bfh-flag-BE, .bfh-flag-BG, .bfh-flag-BH, .bfh-flag-BI, .bfh-flag-BJ, .bfh-flag-BL, .bfh-flag-BM, .bfh-flag-BN, .bfh-flag-BO, .bfh-flag-BR, .bfh-flag-BS, .bfh-flag-BT, .bfh-flag-BW, .bfh-flag-BY, .bfh-flag-BZ, .bfh-flag-CA, .bfh-flag-CD, .bfh-flag-CF, .bfh-flag-CG, .bfh-flag-CH, .bfh-flag-CI, .bfh-flag-CL, .bfh-flag-CM, .bfh-flag-CN, .bfh-flag-CO, .bfh-flag-CR, .bfh-flag-CV, .bfh-flag-CY, .bfh-flag-CZ, .bfh-flag-DJ, .bfh-flag-DK, .bfh-flag-DM, .bfh-flag-DO, .bfh-flag-DZ, .bfh-flag-EC, .bfh-flag-EE, .bfh-flag-EG, .bfh-flag-EH, .bfh-flag-ER, .bfh-flag-ES, .bfh-flag-ET, .bfh-flag-EU, .bfh-flag-FI, .bfh-flag-FJ, .bfh-flag-FK, .bfh-flag-FM, .bfh-flag-FO, .bfh-flag-FR, .bfh-flag-FX, .bfh-flag-GF, .bfh-flag-GP, .bfh-flag-MQ, .bfh-flag-NC, .bfh-flag-PF, .bfh-flag-PM, .bfh-flag-RE, .bfh-flag-TF, .bfh-flag-WF, .bfh-flag-GA, .bfh-flag-GB, .bfh-flag-GD, .bfh-flag-GE, .bfh-flag-GG, .bfh-flag-GH, .bfh-flag-GL, .bfh-flag-GM, .bfh-flag-GN, .bfh-flag-GQ, .bfh-flag-GR, .bfh-flag-GS, .bfh-flag-GT, .bfh-flag-GU, .bfh-flag-GW, .bfh-flag-GY, .bfh-flag-HK, .bfh-flag-HN, .bfh-flag-HR, .bfh-flag-HT, .bfh-flag-HU, .bfh-flag-ID, .bfh-flag-IE, .bfh-flag-IL, .bfh-flag-IM, .bfh-flag-IN, .bfh-flag-IQ, .bfh-flag-IS, .bfh-flag-IT, .bfh-flag-JE, .bfh-flag-JM, .bfh-flag-JO, .bfh-flag-JP, .bfh-flag-KE, .bfh-flag-KG, .bfh-flag-KH, .bfh-flag-KI, .bfh-flag-KM, .bfh-flag-KN, .bfh-flag-KP, .bfh-flag-KR, .bfh-flag-KV, .bfh-flag-KW, .bfh-flag-KY, .bfh-flag-LA, .bfh-flag-LC, .bfh-flag-LK, .bfh-flag-LR, .bfh-flag-LS, .bfh-flag-LT, .bfh-flag-LU, .bfh-flag-LV, .bfh-flag-LY, .bfh-flag-MA, .bfh-flag-ME, .bfh-flag-MG, .bfh-flag-MH, .bfh-flag-ML, .bfh-flag-MM, .bfh-flag-MP, .bfh-flag-MR, .bfh-flag-MS, .bfh-flag-MT, .bfh-flag-MU, .bfh-flag-MV, .bfh-flag-MW, .bfh-flag-MZ, .bfh-flag-NA, .bfh-flag-NE, .bfh-flag-NF, .bfh-flag-NG, .bfh-flag-NI, .bfh-flag-NL, .bfh-flag-NO, .bfh-flag-NP, .bfh-flag-NR, .bfh-flag-NZ, .bfh-flag-OM, .bfh-flag-PA, .bfh-flag-PE, .bfh-flag-PG, .bfh-flag-PH, .bfh-flag-PK, .bfh-flag-PL, .bfh-flag-PN, .bfh-flag-PS, .bfh-flag-PT, .bfh-flag-PW, .bfh-flag-PY, .bfh-flag-QA, .bfh-flag-RS, .bfh-flag-RU, .bfh-flag-RW, .bfh-flag-SA, .bfh-flag-SB, .bfh-flag-SC, .bfh-flag-SD, .bfh-flag-SE, .bfh-flag-SG, .bfh-flag-SH, .bfh-flag-SI, .bfh-flag-SK, .bfh-flag-SM, .bfh-flag-SN, .bfh-flag-SO, .bfh-flag-SR, .bfh-flag-SS, .bfh-flag-ST, .bfh-flag-SV, .bfh-flag-SY, .bfh-flag-SZ, .bfh-flag-TC, .bfh-flag-TD, .bfh-flag-TG, .bfh-flag-TH, .bfh-flag-TJ, .bfh-flag-TM, .bfh-flag-TN, .bfh-flag-TP, .bfh-flag-TR, .bfh-flag-TT, .bfh-flag-TV, .bfh-flag-TW, .bfh-flag-TZ, .bfh-flag-UA, .bfh-flag-UG, .bfh-flag-US, .bfh-flag-UY, .bfh-flag-UZ, .bfh-flag-VC, .bfh-flag-VE, .bfh-flag-VG, .bfh-flag-VI, .bfh-flag-VN, .bfh-flag-VU, .bfh-flag-WS, .bfh-flag-YE, .bfh-flag-ZA, .bfh-flag-ZM, .bfh-flag-BF, .bfh-flag-CU, .bfh-flag-DE, .bfh-flag-IR, .bfh-flag-KZ, .bfh-flag-LB, .bfh-flag-LI, .bfh-flag-MC, .bfh-flag-MD, .bfh-flag-MK, .bfh-flag-MN, .bfh-flag-MO, .bfh-flag-MX, .bfh-flag-MY, .bfh-flag-PR, .bfh-flag-RO, .bfh-flag-SL, .bfh-flag-TO, .bfh-flag-VA, .bfh-flag-ZW { width: 16px; height: 14px; background: url(../img/flags/country_flags.png) no-repeat; } .bfh-flag-AD:empty, .bfh-flag-AE:empty, .bfh-flag-AF:empty, .bfh-flag-AG:empty, .bfh-flag-AI:empty, .bfh-flag-AL:empty, .bfh-flag-AM:empty, .bfh-flag-AN:empty, .bfh-flag-AO:empty, .bfh-flag-AQ:empty, .bfh-flag-AR:empty, .bfh-flag-AS:empty, .bfh-flag-AT:empty, .bfh-flag-AU:empty, .bfh-flag-AW:empty, .bfh-flag-AX:empty, .bfh-flag-AZ:empty, .bfh-flag-BA:empty, .bfh-flag-BB:empty, .bfh-flag-BD:empty, .bfh-flag-BE:empty, .bfh-flag-BG:empty, .bfh-flag-BH:empty, .bfh-flag-BI:empty, .bfh-flag-BJ:empty, .bfh-flag-BL:empty, .bfh-flag-BM:empty, .bfh-flag-BN:empty, .bfh-flag-BO:empty, .bfh-flag-BR:empty, .bfh-flag-BS:empty, .bfh-flag-BT:empty, .bfh-flag-BW:empty, .bfh-flag-BY:empty, .bfh-flag-BZ:empty, .bfh-flag-CA:empty, .bfh-flag-CD:empty, .bfh-flag-CF:empty, .bfh-flag-CG:empty, .bfh-flag-CH:empty, .bfh-flag-CI:empty, .bfh-flag-CL:empty, .bfh-flag-CM:empty, .bfh-flag-CN:empty, .bfh-flag-CO:empty, .bfh-flag-CR:empty, .bfh-flag-CV:empty, .bfh-flag-CY:empty, .bfh-flag-CZ:empty, .bfh-flag-DJ:empty, .bfh-flag-DK:empty, .bfh-flag-DM:empty, .bfh-flag-DO:empty, .bfh-flag-DZ:empty, .bfh-flag-EC:empty, .bfh-flag-EE:empty, .bfh-flag-EG:empty, .bfh-flag-EH:empty, .bfh-flag-ER:empty, .bfh-flag-ES:empty, .bfh-flag-ET:empty, .bfh-flag-EU:empty, .bfh-flag-FI:empty, .bfh-flag-FJ:empty, .bfh-flag-FK:empty, .bfh-flag-FM:empty, .bfh-flag-FO:empty, .bfh-flag-FR:empty, .bfh-flag-FX:empty, .bfh-flag-GF:empty, .bfh-flag-GP:empty, .bfh-flag-MQ:empty, .bfh-flag-NC:empty, .bfh-flag-PF:empty, .bfh-flag-PM:empty, .bfh-flag-RE:empty, .bfh-flag-TF:empty, .bfh-flag-WF:empty, .bfh-flag-GA:empty, .bfh-flag-GB:empty, .bfh-flag-GD:empty, .bfh-flag-GE:empty, .bfh-flag-GG:empty, .bfh-flag-GH:empty, .bfh-flag-GL:empty, .bfh-flag-GM:empty, .bfh-flag-GN:empty, .bfh-flag-GQ:empty, .bfh-flag-GR:empty, .bfh-flag-GS:empty, .bfh-flag-GT:empty, .bfh-flag-GU:empty, .bfh-flag-GW:empty, .bfh-flag-GY:empty, .bfh-flag-HK:empty, .bfh-flag-HN:empty, .bfh-flag-HR:empty, .bfh-flag-HT:empty, .bfh-flag-HU:empty, .bfh-flag-ID:empty, .bfh-flag-IE:empty, .bfh-flag-IL:empty, .bfh-flag-IM:empty, .bfh-flag-IN:empty, .bfh-flag-IQ:empty, .bfh-flag-IS:empty, .bfh-flag-IT:empty, .bfh-flag-JE:empty, .bfh-flag-JM:empty, .bfh-flag-JO:empty, .bfh-flag-JP:empty, .bfh-flag-KE:empty, .bfh-flag-KG:empty, .bfh-flag-KH:empty, .bfh-flag-KI:empty, .bfh-flag-KM:empty, .bfh-flag-KN:empty, .bfh-flag-KP:empty, .bfh-flag-KR:empty, .bfh-flag-KV:empty, .bfh-flag-KW:empty, .bfh-flag-KY:empty, .bfh-flag-LA:empty, .bfh-flag-LC:empty, .bfh-flag-LK:empty, .bfh-flag-LR:empty, .bfh-flag-LS:empty, .bfh-flag-LT:empty, .bfh-flag-LU:empty, .bfh-flag-LV:empty, .bfh-flag-LY:empty, .bfh-flag-MA:empty, .bfh-flag-ME:empty, .bfh-flag-MG:empty, .bfh-flag-MH:empty, .bfh-flag-ML:empty, .bfh-flag-MM:empty, .bfh-flag-MP:empty, .bfh-flag-MR:empty, .bfh-flag-MS:empty, .bfh-flag-MT:empty, .bfh-flag-MU:empty, .bfh-flag-MV:empty, .bfh-flag-MW:empty, .bfh-flag-MZ:empty, .bfh-flag-NA:empty, .bfh-flag-NE:empty, .bfh-flag-NF:empty, .bfh-flag-NG:empty, .bfh-flag-NI:empty, .bfh-flag-NL:empty, .bfh-flag-NO:empty, .bfh-flag-NP:empty, .bfh-flag-NR:empty, .bfh-flag-NZ:empty, .bfh-flag-OM:empty, .bfh-flag-PA:empty, .bfh-flag-PE:empty, .bfh-flag-PG:empty, .bfh-flag-PH:empty, .bfh-flag-PK:empty, .bfh-flag-PL:empty, .bfh-flag-PN:empty, .bfh-flag-PS:empty, .bfh-flag-PT:empty, .bfh-flag-PW:empty, .bfh-flag-PY:empty, .bfh-flag-QA:empty, .bfh-flag-RS:empty, .bfh-flag-RU:empty, .bfh-flag-RW:empty, .bfh-flag-SA:empty, .bfh-flag-SB:empty, .bfh-flag-SC:empty, .bfh-flag-SD:empty, .bfh-flag-SE:empty, .bfh-flag-SG:empty, .bfh-flag-SH:empty, .bfh-flag-SI:empty, .bfh-flag-SK:empty, .bfh-flag-SM:empty, .bfh-flag-SN:empty, .bfh-flag-SO:empty, .bfh-flag-SR:empty, .bfh-flag-SS:empty, .bfh-flag-ST:empty, .bfh-flag-SV:empty, .bfh-flag-SY:empty, .bfh-flag-SZ:empty, .bfh-flag-TC:empty, .bfh-flag-TD:empty, .bfh-flag-TG:empty, .bfh-flag-TH:empty, .bfh-flag-TJ:empty, .bfh-flag-TM:empty, .bfh-flag-TN:empty, .bfh-flag-TP:empty, .bfh-flag-TR:empty, .bfh-flag-TT:empty, .bfh-flag-TV:empty, .bfh-flag-TW:empty, .bfh-flag-TZ:empty, .bfh-flag-UA:empty, .bfh-flag-UG:empty, .bfh-flag-US:empty, .bfh-flag-UY:empty, .bfh-flag-UZ:empty, .bfh-flag-VC:empty, .bfh-flag-VE:empty, .bfh-flag-VG:empty, .bfh-flag-VI:empty, .bfh-flag-VN:empty, .bfh-flag-VU:empty, .bfh-flag-WS:empty, .bfh-flag-YE:empty, .bfh-flag-ZA:empty, .bfh-flag-ZM:empty, .bfh-flag-BF:empty, .bfh-flag-CU:empty, .bfh-flag-DE:empty, .bfh-flag-IR:empty, .bfh-flag-KZ:empty, .bfh-flag-LB:empty, .bfh-flag-LI:empty, .bfh-flag-MC:empty, .bfh-flag-MD:empty, .bfh-flag-MK:empty, .bfh-flag-MN:empty, .bfh-flag-MO:empty, .bfh-flag-MX:empty, .bfh-flag-MY:empty, .bfh-flag-PR:empty, .bfh-flag-RO:empty, .bfh-flag-SL:empty, .bfh-flag-TO:empty, .bfh-flag-VA:empty, .bfh-flag-ZW:empty { width: 16px; } .bfh-flag-AD, .bfh-flag-AE, .bfh-flag-AF, .bfh-flag-AG, .bfh-flag-AI, .bfh-flag-AL, .bfh-flag-AM, .bfh-flag-AN, .bfh-flag-AO, .bfh-flag-AQ, .bfh-flag-AR, .bfh-flag-AS, .bfh-flag-AT, .bfh-flag-AU, .bfh-flag-AW, .bfh-flag-AX, .bfh-flag-AZ, .bfh-flag-BA, .bfh-flag-BB, .bfh-flag-BD, .bfh-flag-BE, .bfh-flag-BG, .bfh-flag-BH, .bfh-flag-BI, .bfh-flag-BJ, .bfh-flag-BL, .bfh-flag-BM, .bfh-flag-BN, .bfh-flag-BO, .bfh-flag-BR, .bfh-flag-BS, .bfh-flag-BT, .bfh-flag-BW, .bfh-flag-BY, .bfh-flag-BZ, .bfh-flag-CA, .bfh-flag-CD, .bfh-flag-CF, .bfh-flag-CG, .bfh-flag-CH, .bfh-flag-CI, .bfh-flag-CL, .bfh-flag-CM, .bfh-flag-CN, .bfh-flag-CO, .bfh-flag-CR, .bfh-flag-CV, .bfh-flag-CY, .bfh-flag-CZ, .bfh-flag-DJ, .bfh-flag-DK, .bfh-flag-DM, .bfh-flag-DO, .bfh-flag-DZ, .bfh-flag-EC, .bfh-flag-EE, .bfh-flag-EG, .bfh-flag-EH, .bfh-flag-ER, .bfh-flag-ES, .bfh-flag-ET, .bfh-flag-EU, .bfh-flag-FI, .bfh-flag-FJ, .bfh-flag-FK, .bfh-flag-FM, .bfh-flag-FO, .bfh-flag-FR, .bfh-flag-FX, .bfh-flag-GF, .bfh-flag-GP, .bfh-flag-MQ, .bfh-flag-NC, .bfh-flag-PF, .bfh-flag-PM, .bfh-flag-RE, .bfh-flag-TF, .bfh-flag-WF, .bfh-flag-GA, .bfh-flag-GB, .bfh-flag-GD, .bfh-flag-GE, .bfh-flag-GG, .bfh-flag-GH, .bfh-flag-GL, .bfh-flag-GM, .bfh-flag-GN, .bfh-flag-GQ, .bfh-flag-GR, .bfh-flag-GS, .bfh-flag-GT, .bfh-flag-GU, .bfh-flag-GW, .bfh-flag-GY, .bfh-flag-HK, .bfh-flag-HN, .bfh-flag-HR, .bfh-flag-HT, .bfh-flag-HU, .bfh-flag-ID, .bfh-flag-IE, .bfh-flag-IL, .bfh-flag-IM, .bfh-flag-IN, .bfh-flag-IQ, .bfh-flag-IS, .bfh-flag-IT, .bfh-flag-JE, .bfh-flag-JM, .bfh-flag-JO, .bfh-flag-JP, .bfh-flag-KE, .bfh-flag-KG, .bfh-flag-KH, .bfh-flag-KI, .bfh-flag-KM, .bfh-flag-KN, .bfh-flag-KP, .bfh-flag-KR, .bfh-flag-KV, .bfh-flag-KW, .bfh-flag-KY, .bfh-flag-LA, .bfh-flag-LC, .bfh-flag-LK, .bfh-flag-LR, .bfh-flag-LS, .bfh-flag-LT, .bfh-flag-LU, .bfh-flag-LV, .bfh-flag-LY, .bfh-flag-MA, .bfh-flag-ME, .bfh-flag-MG, .bfh-flag-MH, .bfh-flag-ML, .bfh-flag-MM, .bfh-flag-MP, .bfh-flag-MR, .bfh-flag-MS, .bfh-flag-MT, .bfh-flag-MU, .bfh-flag-MV, .bfh-flag-MW, .bfh-flag-MZ, .bfh-flag-NA, .bfh-flag-NE, .bfh-flag-NF, .bfh-flag-NG, .bfh-flag-NI, .bfh-flag-NL, .bfh-flag-NO, .bfh-flag-NP, .bfh-flag-NR, .bfh-flag-NZ, .bfh-flag-OM, .bfh-flag-PA, .bfh-flag-PE, .bfh-flag-PG, .bfh-flag-PH, .bfh-flag-PK, .bfh-flag-PL, .bfh-flag-PN, .bfh-flag-PS, .bfh-flag-PT, .bfh-flag-PW, .bfh-flag-PY, .bfh-flag-QA, .bfh-flag-RS, .bfh-flag-RU, .bfh-flag-RW, .bfh-flag-SA, .bfh-flag-SB, .bfh-flag-SC, .bfh-flag-SD, .bfh-flag-SE, .bfh-flag-SG, .bfh-flag-SH, .bfh-flag-SI, .bfh-flag-SK, .bfh-flag-SM, .bfh-flag-SN, .bfh-flag-SO, .bfh-flag-SR, .bfh-flag-SS, .bfh-flag-ST, .bfh-flag-SV, .bfh-flag-SY, .bfh-flag-SZ, .bfh-flag-TC, .bfh-flag-TD, .bfh-flag-TG, .bfh-flag-TH, .bfh-flag-TJ, .bfh-flag-TM, .bfh-flag-TN, .bfh-flag-TP, .bfh-flag-TR, .bfh-flag-TT, .bfh-flag-TV, .bfh-flag-TW, .bfh-flag-TZ, .bfh-flag-UA, .bfh-flag-UG, .bfh-flag-US, .bfh-flag-UY, .bfh-flag-UZ, .bfh-flag-VC, .bfh-flag-VE, .bfh-flag-VG, .bfh-flag-VI, .bfh-flag-VN, .bfh-flag-VU, .bfh-flag-WS, .bfh-flag-YE, .bfh-flag-ZA, .bfh-flag-ZM, .bfh-flag-BF, .bfh-flag-CU, .bfh-flag-DE, .bfh-flag-IR, .bfh-flag-KZ, .bfh-flag-LB, .bfh-flag-LI, .bfh-flag-MC, .bfh-flag-MD, .bfh-flag-MK, .bfh-flag-MN, .bfh-flag-MO, .bfh-flag-MX, .bfh-flag-MY, .bfh-flag-PR, .bfh-flag-RO, .bfh-flag-SL, .bfh-flag-TO, .bfh-flag-VA, .bfh-flag-ZW, .bfh-flag-EUR, .bfh-flag-XCD { margin-right: 0px; } .bfh-flag-AD { background-position: -1921px 0; } .bfh-flag-AE { background-position: -1904px 0; } .bfh-flag-AF { background-position: -3689px 0; } .bfh-flag-AG { background-position: -34px 0; } .bfh-flag-AI { background-position: -51px 0; } .bfh-flag-AL { background-position: -68px 0; } .bfh-flag-AM { background-position: -85px 0; } .bfh-flag-AN { background-position: -102px 0; } .bfh-flag-AO { background-position: -119px 0; } .bfh-flag-AQ { background-position: -136px 0; } .bfh-flag-AR { background-position: -153px 0; } .bfh-flag-AS { background-position: -170px 0; } .bfh-flag-AT { background-position: -187px 0; } .bfh-flag-AU { background-position: -204px 0; } .bfh-flag-AW { background-position: -221px 0; } .bfh-flag-AX { background-position: -238px 0; } .bfh-flag-AZ { background-position: -255px 0; } .bfh-flag-BA { background-position: -272px 0; } .bfh-flag-BB { background-position: -289px 0; } .bfh-flag-BD { background-position: -306px 0; } .bfh-flag-BE { background-position: -323px 0; } .bfh-flag-BG { background-position: -340px 0; } .bfh-flag-BH { background-position: -357px 0; } .bfh-flag-BI { background-position: -374px 0; } .bfh-flag-BJ { background-position: -391px 0; } .bfh-flag-BL { background-position: -408px 0; } .bfh-flag-BM { background-position: -425px 0; } .bfh-flag-BN { background-position: -442px 0; } .bfh-flag-BO { background-position: -459px 0; } .bfh-flag-BR { background-position: -476px 0; } .bfh-flag-BS { background-position: -493px 0; } .bfh-flag-BT { background-position: -510px 0; } .bfh-flag-BW { background-position: -527px 0; } .bfh-flag-BY { background-position: -544px 0; } .bfh-flag-BZ { background-position: -561px 0; } .bfh-flag-CA { background-position: -578px 0; } .bfh-flag-CD { background-position: -595px 0; } .bfh-flag-CF { background-position: -612px 0; } .bfh-flag-CG { background-position: -629px 0; } .bfh-flag-CH { background-position: -646px 0; } .bfh-flag-CI { background-position: -663px 0; } .bfh-flag-CL { background-position: -680px 0; } .bfh-flag-CM { background-position: -697px 0; } .bfh-flag-CN { background-position: -714px 0; } .bfh-flag-CO { background-position: -731px 0; } .bfh-flag-CR { background-position: -748px 0; } .bfh-flag-CV { background-position: -765px 0; } .bfh-flag-CY { background-position: -782px 0; } .bfh-flag-CZ { background-position: -799px 0; } .bfh-flag-DJ { background-position: -816px 0; } .bfh-flag-DK { background-position: -833px 0; } .bfh-flag-DM { background-position: -850px 0; } .bfh-flag-DO { background-position: -867px 0; } .bfh-flag-DZ { background-position: -884px 0; } .bfh-flag-EC { background-position: -901px 0; } .bfh-flag-EE { background-position: -918px 0; } .bfh-flag-EG { background-position: -935px 0; } .bfh-flag-EH { background-position: -952px 0; } .bfh-flag-ER { background-position: -969px 0; } .bfh-flag-ES { background-position: -986px 0; } .bfh-flag-ET { background-position: -1003px 0; } .bfh-flag-EU { background-position: -1020px 0; } .bfh-flag-FI { background-position: -1037px 0; } .bfh-flag-FJ { background-position: -1054px 0; } .bfh-flag-FK { background-position: -1071px 0; } .bfh-flag-FM { background-position: -1088px 0; } .bfh-flag-FO { background-position: -1105px 0; } .bfh-flag-FR, .bfh-flag-FX, .bfh-flag-GF, .bfh-flag-GP, .bfh-flag-MQ, .bfh-flag-NC, .bfh-flag-PF, .bfh-flag-PM, .bfh-flag-RE, .bfh-flag-TF, .bfh-flag-WF { background-position: -1122px 0; } .bfh-flag-GA { background-position: -1139px 0; } .bfh-flag-GB { background-position: -1156px 0; } .bfh-flag-GD { background-position: -1173px 0; } .bfh-flag-GE { background-position: -1190px 0; } .bfh-flag-GG { background-position: -1207px 0; } .bfh-flag-GH { background-position: -1224px 0; } .bfh-flag-GL { background-position: -1241px 0; } .bfh-flag-GM { background-position: -1258px 0; } .bfh-flag-GN { background-position: -1275px 0; } .bfh-flag-GQ { background-position: -1292px 0; } .bfh-flag-GR { background-position: -1309px 0; } .bfh-flag-GS { background-position: -1326px 0; } .bfh-flag-GT { background-position: -1343px 0; } .bfh-flag-GU { background-position: -1360px 0; } .bfh-flag-GW { background-position: -1377px 0; } .bfh-flag-GY { background-position: -1394px 0; } .bfh-flag-HK { background-position: -1411px 0; } .bfh-flag-HN { background-position: -1428px 0; } .bfh-flag-HR { background-position: -1445px 0; } .bfh-flag-HT { background-position: -1462px 0; } .bfh-flag-HU { background-position: -1479px 0; } .bfh-flag-ID { background-position: -1496px 0; } .bfh-flag-IE { background-position: -1513px 0; } .bfh-flag-IL { background-position: -1530px 0; } .bfh-flag-IM { background-position: -1547px 0; } .bfh-flag-IN { background-position: -1564px 0; } .bfh-flag-IQ { background-position: -1581px 0; } .bfh-flag-IS { background-position: -1598px 0; } .bfh-flag-IT { background-position: -1615px 0; } .bfh-flag-JE { background-position: -1632px 0; } .bfh-flag-JM { background-position: -1649px 0; } .bfh-flag-JO { background-position: -1666px 0; } .bfh-flag-JP { background-position: -1683px 0; } .bfh-flag-KE { background-position: -1700px 0; } .bfh-flag-KG { background-position: -1717px 0; } .bfh-flag-KH { background-position: -1734px 0; } .bfh-flag-KI { background-position: -1751px 0; } .bfh-flag-KM { background-position: -1768px 0; } .bfh-flag-KN { background-position: -1785px 0; } .bfh-flag-KP { background-position: -1802px 0; } .bfh-flag-KR { background-position: -1819px 0; } .bfh-flag-KV { background-position: -1836px 0; } .bfh-flag-KW { background-position: -1853px 0; } .bfh-flag-KY { background-position: -1870px 0; } .bfh-flag-LA { background-position: -1887px 0; } .bfh-flag-LC { background-position: 0 0; } .bfh-flag-LK { background-position: -17px 0; } .bfh-flag-LR { background-position: -1938px 0; } .bfh-flag-LS { background-position: -1955px 0; } .bfh-flag-LT { background-position: -1972px 0; } .bfh-flag-LU { background-position: -1989px 0; } .bfh-flag-LV { background-position: -2006px 0; } .bfh-flag-LY { background-position: -2023px 0; } .bfh-flag-MA { background-position: -2040px 0; } .bfh-flag-ME { background-position: -2057px 0; } .bfh-flag-MG { background-position: -2074px 0; } .bfh-flag-MH { background-position: -2091px 0; } .bfh-flag-ML { background-position: -2108px 0; } .bfh-flag-MM { background-position: -2125px 0; } .bfh-flag-MP { background-position: -2142px 0; } .bfh-flag-MR { background-position: -2159px 0; } .bfh-flag-MS { background-position: -2176px 0; } .bfh-flag-MT { background-position: -2193px 0; } .bfh-flag-MU { background-position: -2210px 0; } .bfh-flag-MV { background-position: -2227px 0; } .bfh-flag-MW { background-position: -2244px 0; } .bfh-flag-MZ { background-position: -2261px 0; } .bfh-flag-NA { background-position: -2278px 0; } .bfh-flag-NE { background-position: -2295px 0; } .bfh-flag-NF { background-position: -2312px 0; } .bfh-flag-NG { background-position: -2329px 0; } .bfh-flag-NI { background-position: -2346px 0; } .bfh-flag-NL { background-position: -2363px 0; } .bfh-flag-NO { background-position: -2380px 0; } .bfh-flag-NP { background-position: -2397px 0; } .bfh-flag-NR { background-position: -2414px 0; } .bfh-flag-NZ { background-position: -2431px 0; } .bfh-flag-OM { background-position: -2448px 0; } .bfh-flag-PA { background-position: -2465px 0; } .bfh-flag-PE { background-position: -2482px 0; } .bfh-flag-PG { background-position: -2499px 0; } .bfh-flag-PH { background-position: -2516px 0; } .bfh-flag-PK { background-position: -2533px 0; } .bfh-flag-PL { background-position: -2550px 0; } .bfh-flag-PN { background-position: -2567px 0; } .bfh-flag-PS { background-position: -2584px 0; } .bfh-flag-PT { background-position: -2601px 0; } .bfh-flag-PW { background-position: -2618px 0; } .bfh-flag-PY { background-position: -2635px 0; } .bfh-flag-QA { background-position: -2652px 0; } .bfh-flag-RS { background-position: -2669px 0; } .bfh-flag-RU { background-position: -2686px 0; } .bfh-flag-RW { background-position: -2703px 0; } .bfh-flag-SA { background-position: -2720px 0; } .bfh-flag-SB { background-position: -2737px 0; } .bfh-flag-SC { background-position: -2754px 0; } .bfh-flag-SD { background-position: -2771px 0; } .bfh-flag-SE { background-position: -2788px 0; } .bfh-flag-SG { background-position: -2805px 0; } .bfh-flag-SH { background-position: -2822px 0; } .bfh-flag-SI { background-position: -2839px 0; } .bfh-flag-SK { background-position: -2856px 0; } .bfh-flag-SM { background-position: -2873px 0; } .bfh-flag-SN { background-position: -2890px 0; } .bfh-flag-SO { background-position: -2907px 0; } .bfh-flag-SR { background-position: -2924px 0; } .bfh-flag-SS { background-position: -2941px 0; } .bfh-flag-ST { background-position: -2958px 0; } .bfh-flag-SV { background-position: -2975px 0; } .bfh-flag-SY { background-position: -2992px 0; } .bfh-flag-SZ { background-position: -3009px 0; } .bfh-flag-TC { background-position: -3026px 0; } .bfh-flag-TD { background-position: -3043px 0; } .bfh-flag-TG { background-position: -3060px 0; } .bfh-flag-TH { background-position: -3077px 0; } .bfh-flag-TJ { background-position: -3094px 0; } .bfh-flag-TM { background-position: -3111px 0; } .bfh-flag-TN { background-position: -3128px 0; } .bfh-flag-TP { background-position: -3145px 0; } .bfh-flag-TR { background-position: -3162px 0; } .bfh-flag-TT { background-position: -3179px 0; } .bfh-flag-TV { background-position: -3196px 0; } .bfh-flag-TW { background-position: -3213px 0; } .bfh-flag-TZ { background-position: -3230px 0; } .bfh-flag-UA { background-position: -3247px 0; } .bfh-flag-UG { background-position: -3264px 0; } .bfh-flag-US { background-position: -3281px 0; } .bfh-flag-UY { background-position: -3298px 0; } .bfh-flag-UZ { background-position: -3315px 0; } .bfh-flag-VC { background-position: -3332px 0; } .bfh-flag-VE { background-position: -3349px 0; } .bfh-flag-VG { background-position: -3366px 0; } .bfh-flag-VI { background-position: -3383px 0; } .bfh-flag-VN { background-position: -3400px 0; } .bfh-flag-VU { background-position: -3417px 0; } .bfh-flag-WS { background-position: -3434px 0; } .bfh-flag-YE { background-position: -3451px 0; } .bfh-flag-ZA { background-position: -3468px 0; } .bfh-flag-ZM { background-position: -3485px 0; } .bfh-flag-BF { background-position: -3502px 0; } .bfh-flag-CU { background-position: -3519px 0; } .bfh-flag-DE { background-position: -3536px 0; } .bfh-flag-IR { background-position: -3553px 0; } .bfh-flag-KZ { background-position: -3570px 0; } .bfh-flag-LB { background-position: -3587px 0; } .bfh-flag-LI { background-position: -3604px 0; } .bfh-flag-MC { background-position: -3621px 0; } .bfh-flag-MD { background-position: -3638px 0; } .bfh-flag-MK { background-position: -3655px 0; } .bfh-flag-MN { background-position: -3672px 0; } .bfh-flag-MO { background-position: -3706px 0; } .bfh-flag-MX { background-position: -3723px 0; } .bfh-flag-MY { background-position: -3740px 0; } .bfh-flag-PR { background-position: -3757px 0; } .bfh-flag-RO { background-position: -3774px 0; } .bfh-flag-SL { background-position: -3791px 0; } .bfh-flag-TO { background-position: -3808px 0; } .bfh-flag-VA { background-position: -3825px 0; } .bfh-flag-ZW { background-position: -3842px 0; } code { padding: 0; } pre+pre { margin-top: -10px !important; } code[class*="language-"], pre[class*="language-"] { color: black; text-shadow: none; font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace; direction: ltr; text-align: left; white-space: pre; word-spacing: normal; word-break: normal; word-wrap: normal; line-height: 1.5; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } /* pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection, code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection { text-shadow: none; } pre[class*="language-"]::selection, pre[class*="language-"] ::selection, code[class*="language-"]::selection, code[class*="language-"] ::selection { text-shadow: none; } @media print { code[class*="language-"], pre[class*="language-"] { text-shadow: none; } } */ /* Code blocks */ pre[class*="language-"] { padding: 1em; margin: 0.5em 0; overflow: auto; } :not(pre)>code[class*="language-"], pre[class*="language-"] { border-color: #eee; } /* Inline code */ :not(pre)>code[class*="language-"] { padding: 0.1em; border-radius: 0.3em; white-space: normal; } .token.comment, .token.prolog, .token.doctype, .token.cdata { color: slategray; } .token.punctuation { color: #999; } .namespace { opacity: 0.7; } code { background: none; color: #383838; word-break: break-word; font-size: 1.1em; -ms-word-break: break-all; display: inline-block; } table code { word-break: normal; } pre code { background: #f7f7f7; /*text-shadow: 0 1px white;*/ word-break: normal; font-size: 1.1em; white-space: pre; } .token.property, .token.tag, .token.boolean, .token.number, .token.constant, .token.symbol, .token.deleted { color: #905; } .token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted { color: #690; } .token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string { color: #a67f59; } .token.atrule, .token.attr-value, .token.keyword { color: #07a; } .token.function { color: #dd4a68; } .token.regex, .token.important, .token.variable { color: #e90; } .token.important, .token.bold { font-weight: bold; } .token.italic { font-style: italic; } .token.entity { cursor: help; } pre.line-numbers { position: relative; padding-left: 3.8em; counter-reset: linenumber; } pre.line-numbers>code { position: relative; } .line-numbers .line-numbers-rows { position: absolute; pointer-events: none; top: 0; font-size: 100%; left: -3.8em; width: 3em; /* works for line-numbers below 1000 lines */ letter-spacing: -1px; border-right: 1px solid #999; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .line-numbers-rows>span { pointer-events: none; display: block; counter-increment: linenumber; } .line-numbers-rows>span:before { content: counter(linenumber); color: #999; display: block; padding-right: 0.8em; text-align: right; } /* dSPACE Color Theme */ /** * CI theme by Andre G�rtner */ .token.comment, .token.prolog, .token.doctype, .token.cdata { color: #009999; font-style: italic; } .token.namespace { opacity: 0.7; } .token.string { color: #d40032; } .token.punctuation, .token.operator { color: #383838; /* no highlight */ } .token.url, .token.symbol, .token.number, .token.boolean, .token.variable, .token.constant, .token.inserted { /*color: #009999;*/ color: #383838; } .token.atrule, .token.keyword, .language-autohotkey .token.selector, .language-json .token.boolean, .language-json .token.number, code[class*="language-css"] { color: #3075bf; } .token.function { color: #383838; } .token.deleted, .language-autohotkey .token.tag { color: #d40032; } .token.selector, .language-autohotkey .token.keyword { color: #3075bf; } .token.important, .token.bold { font-weight: bold; } .token.italic { font-style: italic; } .token.class-name, .language-json .token.property { color: #009999; } .token.tag, .token.selector { color: #3075bf; } .token.attr-value { color: #d40032; } .token.attr-name, .token.property, .token.regex, .token.entity { color: #3075bf; } .token.directive.tag .tag { background: #ffff00; color: #383838; } .token strong { color: inherit !important; } html { font-size: 62.5%; height: 100%; } body { font-size: 12px; font-size: 12 / 10rem; line-height: 18px; line-height: 12 / 10 * 1.5rem; margin: 0; padding: 0; font-family: "Open Sans", "Arial", sans-serif; height: 100%; width: 100%; /*overflow-x: hidden; overflow-y: scroll;*/ color: #383838; padding-top: 35px; } a { color: #307bbf; text-decoration: none; } a:hover, a:focus { text-decoration: none; } /* a.external { position: relative; margin-left: 1.3em; } a.external:before { font-family: 'Glyphicons HalfLings'; speak: none; font-weight: 400; font-variant: normal; text-transform: none; vertical-align: middle; position: absolute; left: -1.2em; content: "\e144"; } a.h2external { position: relative; margin-left: 1.2em; } a.h2external:before { font-family: 'Glyphicons HalfLings'; speak: none; font-weight: 400; font-variant: normal; text-transform: none; vertical-align: middle; position: absolute; font-size: 0.8em; left: -1.2em; content: "\e164"; } a.pdf, a.glossary-link { position: relative; margin-left: 1em; } a.pdf:before, a.glossary-link:before { font-family: 'dspace'; speak: none; font-weight: normal; font-variant: normal; text-transform: none; vertical-align: middle; position: absolute; left: -1em; } a.pdf:before { content: "\e923"; } a.glossary-link:before { content: "\e955"; } */ a.external, a.h2external { position: relative; margin-right: 0.1em; } a.external:after { font-family: "Glyphicons HalfLings"; speak: none; font-weight: 400; font-variant: normal; text-transform: none; font-size: 0.8em; padding-left: 2px; content: "\e144"; display: inline-block; } a.h2external:after { font-family: "dspace"; speak: none; font-weight: normal; font-variant: normal; text-transform: none; display: inline-block; padding-left: 2px; font-size: 0.7em; content: "\e900"; } a.glossary-link { position: relative; } a.pdf { position: relative; } a.pdf:after, a.glossary-link:after { font-family: "dspace"; speak: none; font-weight: normal; font-variant: normal; text-transform: none; display: inline-block; padding-left: 1px; } a.pdf:after { content: "\e923"; } a.glossary-link:after { content: "\e955"; } a.dead { cursor: no-drop; } hr { margin: 0; height: 10px; border: 0; border-bottom: 1px solid #e9ecef; } .qaPatterns hr:last-of-type { border-bottom: 1px solid #fff; } h2 { font-size: 28px; font-size: 28 / 10rem; line-height: 32px; line-height: 3.1999999999999997rem; color: #307bbf; font-weight: 500; word-wrap: break-word; } h3 { font-size: 20px; font-size: 20 / 10rem; line-height: 24px; line-height: 2.4rem; color: #307bbf; font-weight: 500; word-wrap: break-word; } h4 { font-size: 16px; font-size: 16 / 10rem; line-height: 20px; line-height: 2rem; color: #307bbf; font-weight: 500; word-wrap: break-word; } .text-italic { font-style: italic; } .nowrap { white-space: nowrap; } ::-ms-clear { display: none; } .form-control-clear { z-index: 10; pointer-events: auto; cursor: pointer; line-height: 38px; } .clear-sm .form-control-clear { width: 30px; height: 30px; line-height: 30px; } .navbar-form .has-feedback label~.form-control-feedback { top: 0; } .big .clear-sm .form-control-clear { width: 40px; height: 40px; line-height: 40px; } .col-nav>div { z-index: 10; } .col-main { z-index: 20; background: #fff; } .col-nav, .col-main, .main-menu, #col-content, #col-side { -webkit-transition: width 0.4s ease; -moz-transition: width 0.4s ease; -o-transition: width 0.4s ease; transition: width 0.4s ease; /*overflow:hidden;*/ } .col-sm-0 { width: 0 !important; float: left; } .col-full { width: 100% !important; } .ie-message { position: absolute; top: 50%; left: 50%; color: #000; z-index: 2147483647; width: 300px; margin-left: -150px; text-align: center; } @media (max-width: 767px) { h2 { font-size: 28px; font-size: 28 / 10rem; line-height: 32px; line-height: 3.1999999999999997rem; } h3 { font-size: 22px; font-size: 22 / 10rem; line-height: 26px; line-height: 2.6rem; } h4 { font-size: 18px; font-size: 18 / 10rem; line-height: 22px; line-height: 2.2rem; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm.hide { display: none !important; } } a.disabled { color: rgba(255, 255, 255, 0.65) !important; pointer-events: none; } .nav-main { height: 35px; min-height: 35px; background: #004494; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; margin: 0 0 0 -10px; } .nav-main .navbar-toggle { margin: 0 15px 0 0; display: none; } .nav-main .navbar-toggle .icon-bar { background: #fff; } .nav-main .btnMenuSearch { margin-top: 3px; z-index: 5555; } .nav-main .btnMenuMain { margin-top: 3px; z-index: 5555; } .nav-main .btnMenuMain .icon-bar { width: 18px; } .nav-main .searchclear { position: absolute; right: 5px; top: 0; bottom: 0; height: 14px; margin: auto; font-size: 14px; cursor: pointer; color: #ccc; } .nav-main .btnSearchMore { padding: 0.43em 0.2em; } .nav-main .btnSearchMenu { width: 520px; padding: 15px 15px 5px; top: -3px; right: 15px; } .nav-main .btnSearchMenu li { margin-bottom: 10px; } .nav-main .btnSearchMenu .form-group label { width: 55px; } .nav-main .btnSearchMenu input[type="text"] { width: 430px; } .nav-main .searchHelpText { text-align: left; } @media (max-width: 767px) { .nav-main .navbar-toggle { display: inline-block; } .nav-main .navbar-collapse { background: #e1eaf4; margin-top: 4px; margin-bottom: -1.4em; padding-left: 25px; } } .nav-main .navbar-brand { padding: 0; height: auto; display: none; } .nav-main .navbar-brand img { margin: 9px 15px; } @media (max-width: 767px) { .nav-main .navbar-brand img { display: none; } } @media (min-width: 767px) { .nav-main #ds-navbar-collapse-main1, .nav-main #ds-navbar-collapse-main2, .nav-main #ds-navbar-collapse-main3 { padding: 0; } .nav-main #ds-navbar-collapse-search1, .nav-main #ds-navbar-collapse-search2, .nav-main #ds-navbar-collapse-search3 { padding-left: 0; padding-right: 15px; } .nav-main .navbar-nav li>a { padding: 8px 10px 7px; color: #fff; font-size: 14px; } .nav-main .navbar-nav li.small>a { padding: 8px 10px 7px 2px; } .nav-main .navbar-nav li>a:hover, .nav-main .navbar-nav li>a:focus { background: #e1eaf4; color: #004494; } .nav-main .navbar-nav li+li>a:before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; border-left: 1px dotted #0050ae; } .nav-main .navbar-nav .dropdown.open a { background: #e1eaf4; color: #004494; box-shadow: none; } .nav-main .navbar-nav .dropdown .dropdown-menu { left: 0; background: #e1eaf4; box-shadow: none; border: 0; } .nav-main .navbar-nav .dropdown .dropdown-menu a { padding: 2px 15px; } .nav-main .navbar-nav .dropdown .dropdown-menu a:hover { color: #fff; background: #004494; } .nav-main .navbar-nav .dropdown .dropdown-menu .disabled>a { opacity: 0.3; color: #666666; background: #e1eaf4; } .nav-main .navbar-form { margin: 3px -15px 0 0; } .nav-main .navbar-form input[type="text"] { font-size: 1.1rem; line-height: normal; width: 180px; } .nav-main .navbar-form .form-group { position: relative; } .nav-main .navbar-form .dropdown-menu { left: auto !important; min-width: 157px; max-width: 520px; } .nav-main .navbar-form .dropdown-menu a { overflow: hidden; padding: 3px 15px; } } @media (max-width: 767px) { .nav-main .navbar-form { text-align: right; } .nav-main .navbar-nav { margin-top: 0; margin-bottom: 0; } .nav-main .navbar-nav li>a { font-size: 14px; color: #004494; } .nav-main .navbar-nav li>a:hover, .nav-main .navbar-nav li>a:focus { background: #e1eaf4; color: #004494; } .nav-main .navbar-nav li>a:hover { background: #004494; color: #fff; } .nav-main .navbar-nav li.pull-left>a:focus { color: #004494; } .nav-main .navbar-nav .dropdown.open>a { background: #004494; color: #fff; } .nav-main .navbar-nav .dropdown .dropdown-menu>.disabled>a { opacity: 0.3; background: none; color: #666666; } .nav-main .static { position: absolute; top: 0; } .nav-main .static .navbar-nav { margin: 0; } .nav-main .static .navbar-nav li>a { padding: 8px 10px 7px; color: #fff; font-size: 14px; } .nav-main .static .navbar-nav li.small>a { padding: 8px 10px 7px 2px; } .nav-main .static .navbar-nav li>a:hover { background: #e1eaf4; color: #004494; } .nav-main .static .navbar-nav li+li>a:before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; border-left: 1px dotted #0050ae; } .nav-main .static .navbar-nav .dropdown.open a { background: #e1eaf4; color: #004494; box-shadow: none; } .nav-main .static .navbar-nav .dropdown .dropdown-menu { left: 0; background: #e1eaf4; box-shadow: none; border: 0; position: absolute; } .nav-main .static .navbar-nav .dropdown .dropdown-menu a { padding: 2px 15px; } .nav-main .static .navbar-nav .dropdown .dropdown-menu a:hover { color: #fff; background: #004494; } .nav-main .static .navbar-nav .dropdown .dropdown-menu .disabled>a { opacity: 0.3; color: #666666; background: #e1eaf4; } } .navbar-static-top, .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; } @media (max-width: 767px) { .navbar .navbar-nav .open .dropdown-menu>.active>a, .navbar .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar .navbar-nav .open .dropdown-menu>.active>a:focus { color: #fff; background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%); background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%); background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0); } } @media (min-width: 1200px) { .navbar-form .searchInputMain { width: 220px !important; } } .online .static, .online .navbar-collapse-main ul:first-child { display: none; } #content-start { min-height: 400px; background: url(../img/bg_blueprint.jpg) no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #content-start.oldStartpage .ComponentReleaseInfo_container, #content-start.oldStartpage #content-start-search { display: none; } #content-start.oldStartpage #ds-startblock-1 { padding-top: 50px; } #content-start.oldStartpage #ds-startblock-2 { padding-bottom: 20px; } @media (max-width: 767px) { #content-start.oldStartpage { padding: 10px 15px; } } #content-start.oldStartpage .lead { margin-top: 15px; } #content-start.oldStartpage h2, #content-start.oldStartpage h3, #content-start.oldStartpage .lead { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); } #content-start.oldStartpage #ds-encryption-hint { max-width: 550px; margin: 20px auto; } #content-start.newStartpage .lead { display: none; } #content-start.newStartpage #ds-startblock-1 h2 { font-size: 28px; font-size: 28 / 10rem; line-height: 32px; line-height: 3.1999999999999997rem; color: #fff; font-weight: 600; margin-top: 25px; margin-bottom: 25px; } #content-start.newStartpage #ds-startblock-2 { margin: 20px -15px; } #content-start.newStartpage #content-start-top-wrapper { background: #307bbf; } #content-start.newStartpage #content-start-search .form-group { max-width: 800px; margin: 0 auto; } #content-start.newStartpage #content-start-search .form-group::before { content: "\e940"; font-family: "dspace" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; position: absolute; left: 20px; font-size: 32px; top: 10px; color: #307bbf; } #content-start.newStartpage #content-start-search input { font-size: 20px; font-size: 20 / 10rem; line-height: 30px; line-height: 20 / 10 * 1.5rem; padding-right: 50px; padding-left: 65px; } #content-start.newStartpage #content-start-search .form-control-feedback { top: 13px; right: 12px; font-size: 16px; } #content-start.newStartpage #content-start-search button, #content-start.newStartpage #content-start-search .btn-group { display: none; } #content-start.newStartpage .ComponentReleaseInfo_container { margin: 10px auto 15px auto; display: flex; max-width: 600px; } #content-start.newStartpage .ComponentReleaseInfo_container div { flex: auto; font-size: 14px; font-size: 14 / 10rem; line-height: 21px; line-height: 14 / 10 * 1.5rem; padding: 10px 25px; } #content-start.newStartpage .ComponentReleaseInfo_container div a { color: #fff; } #content-start.newStartpage .ComponentReleaseInfo_container div a:hover { color: #e1eaf4; } @media (max-width: 767px) { #content-start.newStartpage #ds-startblock-1 h2 { margin-top: 30px; } #content-start.newStartpage #ds-startblock-2 { margin: 20px -15px; } #content-start.newStartpage .ComponentReleaseInfo_container { margin: 15px auto 15px auto; } #content-start.newStartpage #content-start-search .form-group::before { font-size: 24px; } #content-start.newStartpage #content-start-search input { font-size: 16px; font-size: 16 / 10rem; line-height: 24px; line-height: 16 / 10 * 1.5rem; } #content-start.newStartpage #content-start-search .form-control-feedback { top: 8px; } } #content-main .main-menu { position: fixed; height: 37px; background: #fff; z-index: 50; border-bottom: 1px solid #e9ecef; width: 75%; overflow: hidden; top: 35px; } @media (min-width: 768px) and (max-width: 991px) { #content-main .main-menu { width: 66.666666%; } } @media (max-width: 767px) { #content-main .main-menu { width: 100%; top: 35px; } } #content-main .filterMenuButton { margin: 0px 0 20px; } #content-main #leftContentMenu { margin-left: -5px; margin-right: 110px; } #content-main #rightContentMenu { margin-right: -5px; position: absolute; right: 15px; top: 7px; text-align: right; width: 110px; } #content-main #rightContentMenu a { padding: 3px 4px; color: #666666; font-size: 16px; display: inline-block; opacity: 0.8; } #content-main #rightContentMenu a:hover { opacity: 1; } #content-main #rightContentMenu #expandCollapseLink { padding: 3px; } #content-main #pageNavigation { display: none; } #content-main #pageNavigation div { font-size: 13px; font-size: 13 / 10rem; line-height: 19.5px; line-height: 13 / 10 * 1.5rem; position: relative; display: table; margin-bottom: 15px; } #content-main #pageNavigation div a { display: table-row; } #content-main #pageNavigation div.text-left span.navtext { display: table-cell; vertical-align: middle; border-left: 10px solid #fff; } #content-main #pageNavigation div.text-left span.glyphicon { display: table-cell; vertical-align: middle; background: #f7f7f7; width: 40px; height: 40px; text-align: center; border-radius: 5px; font-size: 14px; font-size: 14 / 10rem; line-height: 21px; line-height: 14 / 10 * 1.5rem; } #content-main #pageNavigation div.text-right span.navtext { display: table-cell; vertical-align: middle; border-right: 10px solid #fff; } #content-main #pageNavigation div.text-right span.glyphicon { display: table-cell; vertical-align: middle; background: #f7f7f7; width: 40px; height: 40px; text-align: center; border-radius: 5px; font-size: 14px; font-size: 14 / 10rem; line-height: 21px; line-height: 14 / 10 * 1.5rem; } #content-main .qaPatterns { font-size: 14px; font-size: 14 / 10rem; line-height: 21px; line-height: 14 / 10 * 1.5rem; margin-bottom: 20px; } #content-main .qaPatterns a.edit { display: none; } #content-main .qaPatterns.preliminary { background: url(../img/preliminary.png) repeat-y top center; } #content-main .qaPatterns.internal { background: url(../img/internal.png) repeat-y top center; } #content-main .qaPatterns.forinternaluse { background: url(../img/forinternaluse.png) repeat-y top center; } #content-main .qaPatterns h2 { margin-top: 60px; } #content-main .qaPatterns h2 a.edit { display: none; } #content-main .qaPatterns h2 .quicklink i { font-size: 20px; font-size: 20 / 10rem; line-height: 30px; line-height: 20 / 10 * 1.5rem; margin-left: 5px; opacity: 0; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } #content-main .qaPatterns h2:hover .quicklink i { opacity: 0.5; } #content-main .qaPatterns h2 .quicklink:hover i, #content-main .qaPatterns h2 .quicklink.hover i { opacity: 1; } #content-main .qaPatterns h2 .quicklink:hover { color: unset; } #content-main .qaPatterns div.subheading { margin-top: 10px; font-size: 16px; font-size: 16 / 10rem; line-height: 24px; line-height: 16 / 10 * 1.5rem; } #content-main .qaPatterns h2:first-child { margin: 10px 0 0 0; } @media (max-width: 767px) { #content-main .qaPatterns h2:first-child { padding: 20px 0 0 0; } } #content-main .qaPatterns .qaPattern { /*padding-top: 65px; margin-top: -65px;*/ } #content-main .qaPatterns .qaPattern[id$="-Metadata"] { margin-top: 25px; border-bottom: 1px solid #e1eaf4; } #content-main .qaPatterns .qaPattern[id$="-Metadata"] .table-responsive { border: none; } #content-main .qaPatterns .qaPattern[id$="-ContextID"] { margin-top: 25px; } #content-main .qaPatterns .qaPattern[id$="-ContextID"] .table-responsive { border: none; } #content-main .qaPatterns .qaPattern a:hover, #content-main .qaPatterns .qaPattern a:focus { text-decoration: underline; } #content-main .qaPatterns .qaPattern h3.question { font-size: 20px; font-size: 20 / 10rem; line-height: 30px; line-height: 20 / 10 * 1.5rem; font-weight: 500; color: #307bbf; position: relative; margin-left: 24px; /* Anchor offset */ /*padding-top: 85px; margin-top: -65px;*/ display: inline-block; cursor: pointer; } #content-main .qaPatterns .qaPattern h3.question span.glyphicon { position: absolute; left: -27px; top: 3px; font-size: 16px; padding: 5px; cursor: pointer; } #content-main .qaPatterns .qaPattern h3.question span.dscomment { background-color: #fef6df; } #content-main .qaPatterns .qaPattern h3.question .quicklink i { font-size: 13px; font-size: 13 / 10rem; line-height: 19.5px; line-height: 13 / 10 * 1.5rem; margin-left: 5px; opacity: 0; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } #content-main .qaPatterns .qaPattern h3.question:hover .quicklink i { opacity: 0.5; } #content-main .qaPatterns .qaPattern h3.question .quicklink:hover i, #content-main .qaPatterns .qaPattern h3.question .quicklink.hover i { opacity: 1; } #content-main .qaPatterns .qaPattern h3.question .quicklink:hover { color: unset; } #content-main .qaPatterns .qaPattern .answer { /* Anchor offset */ /*z-index: 1; position: relative;*/ /*span.math { font-family: 'stix_two_textregular', 'stix_two_mathregular', serif; } span.math i { font-family: 'stix_two_textitalic', 'stix_two_mathregular', serif; }*/ } #content-main .qaPatterns .qaPattern .answer strong { color: #666666; } #content-main .qaPatterns .qaPattern .answer a strong { color: inherit; } #content-main .qaPatterns .qaPattern .answer kbd { color: #666666; background: #fff; border: 1px solid #666666; padding: 1px 3px; white-space: nowrap; } #content-main .qaPatterns .qaPattern .answer a kbd { color: inherit; border-color: #307bbf; } #content-main .qaPatterns .qaPattern .answer pre { border-radius: 0; border: 0; position: relative; } #content-main .qaPatterns .qaPattern .answer pre sup.sup-pl { margin-left: -7px; display: inline-block; } #content-main .qaPatterns .qaPattern .answer .plContainer ul.nav { padding: 0; margin: 0; } #content-main .qaPatterns .qaPattern .answer .plContainer ul.nav li { margin-bottom: -1px; } #content-main .qaPatterns .qaPattern .answer .plContainer ul.nav li:before { content: none; } #content-main .qaPatterns .qaPattern .answer .plContainer ul.nav li.active a { border-color: transparent; background-color: #f7f7f7; text-decoration: none; } #content-main .qaPatterns .qaPattern .answer .plContainer ul.nav li a:hover, #content-main .qaPatterns .qaPattern .answer .plContainer ul.nav li a:focus, #content-main .qaPatterns .qaPattern .answer .plContainer ul.nav li :active { text-decoration: none; } #content-main .qaPatterns .qaPattern .answer .plContainer .tab-pane .tooltip { z-index: 30; } #content-main .qaPatterns .qaPattern .answer .icon-copy-to-clipboard { font-size: 28px; } #content-main .qaPatterns .qaPattern .answer ins { color: green; } #content-main .qaPatterns .qaPattern .answer del { color: red; text-decoration: line-through; } #content-main .qaPatterns .qaPattern .answer .red_border img, #content-main .qaPatterns .qaPattern .answer .red_border .MathJax_CHTML { border: 3px solid red; padding: 5px; opacity: 0.5; } #content-main .qaPatterns .qaPattern .answer .green_border img, #content-main .qaPatterns .qaPattern .answer .green_border .MathJax_CHTML { border: 3px solid green; padding: 5px; } #content-main .qaPatterns .qaPattern .answer .MJXc-display { overflow-x: auto; overflow-y: hidden; } #content-main .qaPatterns .qaPattern .answer .overline { text-decoration: overline; } #content-main .qaPatterns .qaPattern .answer .dscomment { background-color: #fef6df; } #content-main .qaPatterns .qaPattern .answer dl dt, #content-main .qaPatterns .qaPattern .answer dl dd { padding-top: 10px; } #content-main .qaPatterns .qaPattern .answer dl dd p:empty:before { content: "\00a0"; } #content-main .qaPatterns .qaPattern .answer dl.dl-indent dt { margin-right: 15px; } #content-main .qaPatterns .qaPattern .answer dl.dl-indent dd { margin-left: 30px; } #content-main .qaPatterns .qaPattern .answer dt.pull-left { margin-right: 15px; } #content-main .qaPatterns .qaPattern .answer dd>ul:first-child, #content-main .qaPatterns .qaPattern .answer dd>ol:first-child, #content-main .qaPatterns .qaPattern .answer dd>.table-responsive:first-child, #content-main .qaPatterns .qaPattern .answer dd>.image-wrapper:first-child, #content-main .qaPatterns .qaPattern .answer dd>pre:first-child, #content-main .qaPatterns .qaPattern .answer dd>.bs-callout:first-child { margin-top: 30px; display: block; clear: both; } #content-main .qaPatterns .qaPattern .answer ul:not(.dropdown-menu):not(.vjs-menu-content):not(.plContainer .nav), #content-main .qaPatterns .qaPattern .answer ol:not(.dropdown-menu):not(.vjs-playlist-item-list) { list-style: none; padding-left: 20px; margin: 0 0 15px; /*display: inline-block;*/ } #content-main .qaPatterns .qaPattern .answer ul:not(.dropdown-menu):not(.vjs-menu-content):not(.plContainer .nav):last-child, #content-main .qaPatterns .qaPattern .answer ol:not(.dropdown-menu):not(.vjs-playlist-item-list):last-child { margin: 0; } #content-main .qaPatterns .qaPattern .answer ul:not(.dropdown-menu):not(.vjs-menu-content):not(.plContainer .nav) ul, #content-main .qaPatterns .qaPattern .answer ol:not(.dropdown-menu):not(.vjs-playlist-item-list) ul, #content-main .qaPatterns .qaPattern .answer ul:not(.dropdown-menu):not(.vjs-menu-content):not(.plContainer .nav) ol, #content-main .qaPatterns .qaPattern .answer ol:not(.dropdown-menu):not(.vjs-playlist-item-list) ol { margin: 0; } #content-main .qaPatterns .qaPattern .answer ul:not(.dropdown-menu):not(.vjs-menu-content):not(.plContainer .nav) li, #content-main .qaPatterns .qaPattern .answer ol:not(.dropdown-menu):not(.vjs-playlist-item-list) li { margin-bottom: 10px; } #content-main .qaPatterns .qaPattern .answer ul:not(.dropdown-menu):not(.vjs-menu-content):not(.plContainer .nav) li>div>p, #content-main .qaPatterns .qaPattern .answer ol:not(.dropdown-menu):not(.vjs-playlist-item-list) li>div>p { margin-bottom: 5px; } #content-main .qaPatterns .qaPattern .answer ul:not(.dropdown-menu):not(.vjs-menu-content):not(.plContainer .nav) li p:last-child, #content-main .qaPatterns .qaPattern .answer ol:not(.dropdown-menu):not(.vjs-playlist-item-list) li p:last-child { margin: 0; } #content-main .qaPatterns .qaPattern .answer ul:not(.dropdown-menu):not(.vjs-menu-content):not(.plContainer .nav) li li, #content-main .qaPatterns .qaPattern .answer ol:not(.dropdown-menu):not(.vjs-playlist-item-list) li li { margin-bottom: 5px; } #content-main .qaPatterns .qaPattern .answer ul:not(.dropdown-menu):not(.vjs-menu-content):not(.plContainer .nav)>li:before { font-family: "dspace"; content: "\e945"; speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; text-align: center; font-size: 7px; margin-top: 1em; margin-left: -18px; color: #307bbf; /*position: absolute;*/ float: left; } #content-main .qaPatterns .qaPattern .answer ul.topicNavigation { padding-left: 0px; } #content-main .qaPatterns .qaPattern .answer ul.topicNavigation li:before { content: ""; } #content-main .qaPatterns .qaPattern .answer ul.topicNavigation ul { display: block; } #content-main .qaPatterns .qaPattern .answer ul.topicNavigation li { line-height: 24px; font-size: 1.4rem; margin-top: 0px; } #content-main .qaPatterns .qaPattern .answer ul.topicNavigation li li { line-height: 1.95rem; padding-left: 12px; font-size: 1.3rem; margin-left: -20px; border-left-color: #eeeeee; border-left-width: 1px; border-left-style: solid; } #content-main .qaPatterns .qaPattern .answer ol:not(.vjs-playlist-item-list) { counter-reset: listenpunkt_ebene1; } #content-main .qaPatterns .qaPattern .answer ol:not(.vjs-playlist-item-list)>li:before { counter-increment: listenpunkt_ebene1; content: counter(listenpunkt_ebene1) ". "; margin-left: -20px; color: #307bbf; /*position: absolute;*/ float: left; } #content-main .qaPatterns .qaPattern .answer ol.instructions>li:before { font-weight: bold; content: counter(listenpunkt_ebene1); } #content-main .qaPatterns .qaPattern .answer ol.two-digit>li { margin-left: 8px; } #content-main .qaPatterns .qaPattern .answer ol.two-digit>li:before { width: 28px; text-align: right; padding-right: 8px; margin-left: -28px; } #content-main .qaPatterns .qaPattern .answer .instruction-title { font-weight: 600; } #content-main .qaPatterns .qaPattern .answer ol.footnotes { margin-top: -10px; } #content-main .qaPatterns .qaPattern .answer ol.footnotes li { font-size: 11px; font-size: 11 / 10rem; line-height: 16.5px; line-height: 11 / 10 * 1.5rem; margin-top: 0; } #content-main .qaPatterns .qaPattern .answer ol.footnotes li:before { content: counter(listenpunkt_ebene1) ") "; } #content-main .qaPatterns .qaPattern .answer ul.popup-menu { padding-left: 0; } #content-main .qaPatterns .qaPattern .answer ul.popup-menu li { margin-top: 0; } #content-main .qaPatterns .qaPattern .answer ul.popup-menu li a:hover, #content-main .qaPatterns .qaPattern .answer ul.popup-menu li a { text-decoration: none; } #content-main .qaPatterns .qaPattern .answer ul.popup-menu li:before { display: none; } #content-main .qaPatterns .qaPattern .answer .roadmap { margin-bottom: 15px; } #content-main .qaPatterns .qaPattern .answer .roadmap>p { margin-bottom: 5px; } #content-main .qaPatterns .qaPattern .answer .roadmap .divTable { display: table; width: 100%; } #content-main .qaPatterns .qaPattern .answer .roadmap .divTable .divRow { display: table-row; } #content-main .qaPatterns .qaPattern .answer .roadmap .divTable .divRow .divCell { display: table-cell; border-top: 5px solid #fff; position: relative; } #content-main .qaPatterns .qaPattern .answer .roadmap .divTable .divRow .divCell p:last-child { margin-bottom: 0; } #content-main .qaPatterns .qaPattern .answer .roadmap .divTable .divRow .pdf { vertical-align: middle; background: #f7f7f7; border-left: 3px solid #fff; width: 80px; text-align: center; } #content-main .qaPatterns .qaPattern .answer .roadmap .divTable .divRow .pdf a { display: inline-block; margin: 5px 0; } @media (max-width: 767px) { #content-main .qaPatterns .qaPattern .answer .roadmap .divTable .divRow .pdf { display: none; } } #content-main .qaPatterns .qaPattern .answer .roadmap .divTable .divRow .document, #content-main .qaPatterns .qaPattern .answer .roadmap .divTable .divRow .group { padding: 8px 10px 8px 30px; background: #f7f7f7; vertical-align: middle; } #content-main .qaPatterns .qaPattern .answer .roadmap .divTable .divRow .document:before { font-family: "dspace"; content: "\e945"; speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; text-align: center; font-size: 7px; margin-top: 1em; margin-left: -18px; color: #307bbf; position: absolute; } #content-main .qaPatterns .qaPattern .answer .roadmap .divTable .divRow .group>ul { margin-bottom: 0; } #content-main .qaPatterns .qaPattern .answer .roadmap .divTable .divRow .group .groupPdf { float: right; border-left: 3px solid #fff; margin-left: 10px; padding: 0px 20px 0px 25px; } @media (max-width: 767px) { #content-main .qaPatterns .qaPattern .answer .roadmap .divTable .divRow .group .groupPdf { display: none; } } #content-main .qaPatterns .qaPattern .answer .roadmap .divTable .divRow .group .groupPdf a { display: block; } #content-main #col-content, #content-main #col-side { margin-top: 37px; } @media (max-width: 991px) { #content-main #col-side { margin-top: 0; } } #content-main #col-content .relatedTopics { margin-bottom: 35px; margin-top: -30px; } #content-main #col-content .relatedTopics h3 { font-size: 20px; font-size: 20 / 10rem; line-height: 30px; line-height: 20 / 10 * 1.5rem; font-weight: 500; color: #307bbf; position: relative; margin-left: 25px; display: inline-block; cursor: pointer; } #content-main #col-content .relatedTopics h3 span.glyphicon { position: absolute; left: -28px; top: 3px; font-size: 16px; padding: 5px; cursor: pointer; } #content-main #col-content .relatedTopics h3 span.dscomment { background-color: #fef6df; } #content-main #col-content .relatedTopics .relatedTopicHeading { font-size: 14px; font-size: 14 / 10rem; line-height: 21px; line-height: 14 / 10 * 1.5rem; padding: 10px 0 2px; display: block; opacity: 0.6; } #content-main #col-content .relatedTopics ul li:first-child .relatedTopicHeading { padding-top: 0; } #content-main #col-content .relatedTopics ul { list-style: none; margin: 0; padding: 0; } #content-main #col-content .relatedTopics ul li a { padding: 3px 5px; font-size: 14px; font-size: 14 / 10rem; line-height: 21px; line-height: 14 / 10 * 1.5rem; border-left: 3px solid #fff; display: block; } #content-main #col-content .relatedTopics ul li a:hover, #content-main #col-content .relatedTopics ul li.active a, #content-main #col-content .relatedTopics ul li:focus { background: none; /*border-left: 3px solid @color_blue_3;*/ } #content-main #col-side .wrapper { position: fixed; overflow: auto; } #content-main #col-side .wrapper h3 { font-size: 18px; font-size: 18 / 10rem; line-height: 27px; line-height: 18 / 10 * 1.5rem; font-weight: 500; } #content-main #col-side .wrapper h3 span.glyphicon { display: none; } #content-main #col-side .wrapper .relatedTopics { margin: 50px 0 20px; } #content-main #col-side .wrapper .relatedTopics hr { display: none; } #content-main #col-side .wrapper .relatedTopicHeading { font-size: 14px; font-size: 14 / 10rem; line-height: 21px; line-height: 14 / 10 * 1.5rem; padding: 10px 0 2px; display: block; opacity: 0.6; } #content-main #col-side .wrapper ul li:first-child .relatedTopicHeading { padding-top: 0; } #content-main #col-side .wrapper ul { list-style: none; margin: 0; padding: 0; } #content-main #col-side .wrapper ul li a, #content-main #col-side .wrapper ul li a:focus { padding: 3px 5px; color: #383838; font-size: 14px; font-size: 14 / 10rem; line-height: 21px; line-height: 14 / 10 * 1.5rem; border-left: 3px solid #fff; display: block; background: none; } #content-main #col-side .wrapper ul li a:hover, #content-main #col-side .wrapper ul li.active a { border-left: 3px solid #307bbf; } #content-search .main-menu { position: fixed; height: 37px; background: #fff; z-index: 50; border-bottom: 1px solid #e9ecef; width: 75%; overflow: hidden; top: 35px; } @media (min-width: 768px) and (max-width: 991px) { #content-search .main-menu { width: 66.666666%; } } @media (max-width: 767px) { #content-search .main-menu { width: 100%; top: 35px; } } #content-search #searchInfo { padding: 9px 0; } @media (max-width: 767px) { #content-search #searchInfo { margin-left: 40px; padding-left: 0 !important; } } #content-search #searchWrapper { margin-top: 37px; } #content-search #searchWrapper #searchBoxMain { padding-top: 10px; } #content-search #searchWrapper #searchBoxMain .panel { background: #f7f7f7; } #content-search #searchWrapper #searchBoxMain #results { margin: 10px 0 30px; } #content-search .filterBlock { padding: 10px 0 0; /*border-bottom: 2px solid @color_white;*/ } #content-search .filterBlock .filterName { font-size: 16px; font-size: 16 / 10rem; line-height: 24px; line-height: 16 / 10 * 1.5rem; font-weight: 500; margin: 0; padding: 5px 10px; display: inline-block; margin-right: 10px; color: #666666; } #content-search .filterBlock:last-child { margin-bottom: 20px; } #content-search .filterBlock[data-metakey="Release"] { display: none !important; } #content-search .filterBlock .clearFilter { display: inline-block; margin: 0 0 5px 10px; } #content-search .filterBlock form { overflow: auto; background: #e1eaf4; } #content-search .filterBlock form .checkbox { margin: 10px 0; padding: 0 10px; } #content-search .filterBlock form .checkbox label { font-size: 14px; font-size: 14 / 10rem; line-height: 21px; line-height: 14 / 10 * 1.5rem; color: #307bbf; width: 100%; word-wrap: normal; padding-right: 55px; font-weight: 500; } #content-search .filterBlock form .checkbox label .badge { background-color: #d0d1d3; margin-top: 2px; position: absolute; right: 5px; top: 0; } #content-search .filterBlock form .checkbox label:hover { color: #383838; } #content-search h2.search { font-size: 14px; font-size: 14 / 10rem; line-height: 21px; line-height: 14 / 10 * 1.5rem; color: #383838; font-weight: normal; } #content-search #searchPhrase { font-weight: 700; } #content-search #filterBar { font-size: 14px; font-size: 14 / 10rem; line-height: 21px; line-height: 14 / 10 * 1.5rem; padding-top: 20px; } #content-search #filterBar ul { padding-bottom: 15px !important; border-bottom: 1px solid #e9ecef; } #content-search #filterBar #filterButtons { list-style: none; margin: 0; padding: 0; } #content-search #filterBar #filterButtons #filterLabel { font-style: italic; } #content-search #filterBar #filterButtons li { display: inline-block; margin-right: 4px; } #content-search #filterBar #filterButtons .filterButton { margin-bottom: 5px; } #content-search #filterBar #filterButtons .filterButton a { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #d0d1d3; background: #f7f7f7; padding: 2px 8px; text-decoration: none; color: #383838; display: block; } #content-search #filterBar #filterButtons .filterButton a span { font-size: 12px; font-size: 12 / 10rem; line-height: 18px; line-height: 12 / 10 * 1.5rem; } #content-search #filterBar #filterButtons .filterButton a:hover { background: #ededed; } #content-search #filterBar #filterButtons #filterRemoveAll a { text-decoration: none; background: #d0d1d3; } #content-search #filterBar #filterButtons #filterRemoveAll a:hover { background: #c6c7c9; } #content-search #noSearchResult { margin-top: 40px; font-size: 14px; font-size: 14 / 10rem; line-height: 21px; line-height: 14 / 10 * 1.5rem; } #content-search #noSearchResult h3 { margin-top: 10px; font-size: 20px; font-size: 20 / 10rem; line-height: 24px; line-height: 2.4rem; font-weight: 400; } #content-search #noSearchResult ul, #content-search #noSearchResult ol { list-style: none; padding-left: 20px; margin: 0 0 15px; } #content-search #noSearchResult ul ul, #content-search #noSearchResult ol ul, #content-search #noSearchResult ul ol, #content-search #noSearchResult ol ol { margin: 0; } #content-search #noSearchResult ul li, #content-search #noSearchResult ol li { margin-top: 5px; } #content-search #noSearchResult ul.roadMap li { padding: 8px 10px 8px 30px; margin-top: 5px; margin-left: -20px; background: #f7f7f7; } #content-search #noSearchResult ul>li:before { font-family: "dspace"; content: "\e945"; speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; text-align: center; font-size: 7px; margin-top: 1em; margin-left: -18px; color: #307bbf; position: absolute; } #content-search #noSearchResult ol { counter-reset: listenpunkt_ebene1; } #content-search #noSearchResult ol>li:before { counter-increment: listenpunkt_ebene1; content: counter(listenpunkt_ebene1) ". "; margin-left: -20px; color: #307bbf; position: absolute; } #content-search #noSearchResult ol.instructions>li:before { counter-increment: listenpunkt_ebene1; content: counter(listenpunkt_ebene1) ". "; margin-left: -20px; color: #307bbf; position: absolute; font-weight: bold; } #content-search #searchResults #loadingMore, #content-search #searchResults #endOfResults { text-align: center; font-style: italic; font-size: 14px; font-size: 14 / 10rem; line-height: 21px; line-height: 14 / 10 * 1.5rem; margin-top: 60px; } #content-search #searchResults .searchResult { font-size: 14px; font-size: 14 / 10rem; line-height: 21px; line-height: 14 / 10 * 1.5rem; } #content-search #searchResults .searchResult h3 { margin-top: 10px; } #content-search #searchResults .searchResult h3 a { font-size: 20px; font-size: 20 / 10rem; line-height: 24px; line-height: 2.4rem; font-weight: 400; color: #307bbf; } #content-search #searchResults .searchResult h3 a .icon-video { font-size: 14px; margin-left: 6px; } #content-search #searchResults .searchResult h3 a:hover { color: #383838; } #content-search #searchResults .searchResult .breadcrumb { margin: -3px 0 8px; font-size: 13px; font-size: 13 / 10rem; line-height: 19.5px; line-height: 13 / 10 * 1.5rem; padding: 0; } #content-search #searchResults .searchResult .breadcrumb li+li:before { color: #989898; padding: 0 5px; } #content-search #searchResults .searchResult .breadcrumb a { color: #989898; font-weight: normal; } #content-search #searchResults .searchResult .excerpt b { background: #e1eaf4; padding: 0.2em; color: #000; box-sizing: border-box; font-weight: normal; } #content-search #searchResults .searchResult .release { font-style: italic; margin: 10px 0 0; color: #666666; font-size: 12px; font-size: 12 / 10rem; line-height: 18px; line-height: 12 / 10 * 1.5rem; } #content-search #searchResults .searchResult .not_found_terms { list-style: none; margin: 5px 0 -10px; padding: 0; display: none; } #content-search #searchResults .searchResult .not_found_terms li { display: inline; text-decoration: line-through; } #content-search #searchResults .searchResult .not_found_terms li:after { content: ",\00a0"; text-decoration: none; display: inline-block; } #content-search #searchResults .searchResult .not_found_terms li:last-child:after { content: ""; text-decoration: none; } #content-search #searchResults .searchResult .links { font-size: 13px; font-size: 13 / 10rem; line-height: 19.5px; line-height: 13 / 10 * 1.5rem; text-transform: uppercase; margin: 8px 0 -5px; } #content-search #searchResults .searchResult .links .openTab { margin-left: 30px; } .footer-wrapper { border-top: 5px solid #004494; } .footer-wrapper .footer { padding: 1em 0 0.8em; font-size: 14px; font-size: 14 / 10rem; line-height: 21px; line-height: 14 / 10 * 1.5rem; } .footer-wrapper .footer ul { padding: 0; } .footer-wrapper .footer li { list-style: none; display: inline-block; margin-left: 15px; margin-bottom: 10px; } .footer-wrapper .footer .footer-logo { margin-bottom: 15px; } .footer-wrapper .footer .footer-claim { display: none; } .footer-wrapper .footer .footer-revision { color: #9fa3a5; font-size: 12px; font-size: 12 / 10rem; line-height: 18px; line-height: 12 / 10 * 1.5rem; } @media (max-width: 767px) { .footer-wrapper .footer { text-align: center; } .footer-wrapper .footer .footer-logo { margin-top: 15px; } .footer-wrapper .footer .text-right { text-align: center; } .footer-wrapper .footer ul { margin-left: -15px; padding: 0; } } .footer-wrapper.dark { background-color: #131c31; min-height: 160px; border-top: 0; } .footer-wrapper.dark .footer { padding: 2em 0; color: #fff; font-size: 14px; font-size: 14 / 10rem; line-height: 21px; line-height: 14 / 10 * 1.5rem; } .footer-wrapper.dark .footer li { list-style: none; display: inline-block; margin-left: 15px; } .footer-wrapper.dark .footer li a { color: #fff; } .footer-wrapper.dark .footer .footer-logo { margin-bottom: 15px; } .footer-wrapper.dark .footer .footer-claim { color: #9fa3a5; font-size: 16px; font-size: 16 / 10rem; line-height: 24px; line-height: 16 / 10 * 1.5rem; display: block; } .footer-wrapper.dark .footer .footer-revision { color: #9fa3a5; font-size: 12px; font-size: 12 / 10rem; line-height: 18px; line-height: 12 / 10 * 1.5rem; } .footer-wrapper.dark .footer .footer-copyright { margin-top: 30px; } @media (max-width: 767px) { .footer-wrapper.dark .footer { text-align: center; padding: 1em 0; } .footer-wrapper.dark .footer .footer-logo { margin-top: 15px; } .footer-wrapper.dark .footer .text-right { text-align: center; } .footer-wrapper.dark .footer ul { margin-left: -15px; padding: 0; } .footer-wrapper.dark .footer .footer-copyright { margin-top: 20px; } } .col-main .footer-wrapper, .col-main .footer-wrapper-sm { margin: 0 -15px; } .col-main .footer-wrapper .footer, .col-main .footer-wrapper-sm .footer { margin: 0; } .breadcrumb { color: #666666; background: none; padding: 9px 2px; margin: 0; margin-left: 40px; white-space: nowrap; overflow: hidden; } .breadcrumb a { color: #666666; text-decoration: none; } .breadcrumb .active { font-weight: 700; } .breadcrumb li+li:before { content: "\00AB"; padding: 0 10px; color: #666666; } @media (max-width: 767px) { .col-nav .navbar-offcanvas, #filterWrapper.navbar-offcanvas { position: fixed; background-color: #fff; max-width: 300px; left: -300px; top: 35px; /*bottom: 0px; height: auto !important;*/ /*padding-left: 15px; padding-right: 5px; padding-top: 5px;*/ z-index: 99999; overflow: auto; -webkit-overflow-scrolling: touch; transition: all 0.15s ease-in; } .col-nav .navbar-offcanvas form, #filterWrapper.navbar-offcanvas form { max-height: none !important; } .col-nav .navbar-offcanvas.in, #filterWrapper.navbar-offcanvas.in { box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); } .col-nav .navbar-offcanvas.navbar-offcanvas-fade, #filterWrapper.navbar-offcanvas.navbar-offcanvas-fade { opacity: 0; } .col-nav .navbar-offcanvas.navbar-offcanvas-fade.in, #filterWrapper.navbar-offcanvas.navbar-offcanvas-fade.in { opacity: 1; } .col-nav .navbar-offcanvas.offcanvas-transform.in, #filterWrapper.navbar-offcanvas.offcanvas-transform.in { transform: translateX(300px); } .col-nav .navbar-offcanvas.offcanvas-position.in, #filterWrapper.navbar-offcanvas.offcanvas-position.in { left: 0; } .col-nav .navbar-offcanvas.navbar-offcanvas-right, #filterWrapper.navbar-offcanvas.navbar-offcanvas-right { left: auto; right: -300px; } .col-nav .navbar-offcanvas.navbar-offcanvas-right.offcanvas-transform.in, #filterWrapper.navbar-offcanvas.navbar-offcanvas-right.offcanvas-transform.in { transform: translateX(-300px); } .col-nav .navbar-offcanvas.navbar-offcanvas-right.offcanvas-position.in, #filterWrapper.navbar-offcanvas.navbar-offcanvas-right.offcanvas-position.in { left: auto; right: 0; } .col-nav .navbar-offcanvas .dropdown.active .caret, #filterWrapper.navbar-offcanvas .dropdown.active .caret { border-top: 0; border-bottom: 4px solid; } .col-nav .navbar-offcanvas .dropdown-menu, #filterWrapper.navbar-offcanvas .dropdown-menu { position: relative; width: 100%; border: inherit; box-shadow: none; transition: height 0.15s ease-in; } .col-nav .navbar-offcanvas .dropdown-menu.shown, #filterWrapper.navbar-offcanvas .dropdown-menu.shown { display: block; margin-bottom: 10px; } } .col-main .btnOpen, .col-main .btnOpenResponsive { position: absolute; top: 0px; padding: 13px 12px 11px; color: #d0d1d3; font-weight: bold; background: #f7f7f7; border: 0; display: none; } .col-main .btnOpen { left: -80px; } .col-main .btnOpenResponsive { left: 0px; } .col-nav>#filterWrapper { position: fixed; width: 25%; margin-left: -15px; background: #f7f7f7; overflow: auto; height: 100%; } @media (min-width: 768px) and (max-width: 991px) { .col-nav>#filterWrapper { width: 33.33333%; } } @media (max-width: 767px) { .col-nav>#filterWrapper { width: auto; margin: 0; } } .col-nav>#filterWrapper #filterHeader { font-size: 18px; font-size: 18 / 10rem; line-height: 27px; line-height: 18 / 10 * 1.5rem; font-weight: 500; margin: 0; padding: 6px 10px; height: 37px; border-bottom: 1px solid #fff; } .col-nav .btnClose, .col-nav .btnCloseResponsive { position: absolute; right: 8px; top: 8px; padding: 5px; color: #d0d1d3; font-weight: bold; cursor: pointer; } .col-nav>#tocWrapper { position: fixed; width: 25%; margin-left: -15px; background: #f7f7f7; overflow: auto; height: calc(100% - 35px); /*> ul > li > a, > ul > li > b { position: relative; display: block; &:before { content: "»"; .mixin_font_size(14); line-height: 100%; position: absolute; right: (@gutter_width * 0.5px); top: 50%; margin-top: -.4em; } } ul > li > b { background: @color_red_1; color: @color_white !important; } ul > li > a:hover { background: @color_blue_30; color: @color_blue_3; }*/ } @media (min-width: 768px) and (max-width: 991px) { .col-nav>#tocWrapper { width: 33.33333%; } } @media (max-width: 767px) { .col-nav>#tocWrapper { width: auto; margin: 0; } } .col-nav>#tocWrapper #tocHeader { font-size: 18px; font-size: 18 / 10rem; line-height: 27px; line-height: 18 / 10 * 1.5rem; font-weight: 500; margin: 0; padding: 6px 10px; height: 37px; border-bottom: 1px solid #fff; } .col-nav>#tocWrapper ul { margin: 0; padding: 0; list-style: none; } .col-nav>#tocWrapper ul>li, .col-nav>#tocWrapper ul>dd, .col-nav>#tocWrapper ul>dt { margin: 0; padding: 0; } .col-nav>#tocWrapper ul li { display: block; } .col-nav>#tocWrapper ul li span.rtHeader { display: inline-block; padding: 0 7.5px; font-size: 16px; font-size: 16 / 10rem; line-height: 24px; line-height: 16 / 10 * 1.5rem; font-weight: 500; margin-top: 15px; } .col-nav>#tocWrapper ul li a, .col-nav>#tocWrapper ul li b { font-size: 14px; font-size: 14 / 10rem; line-height: 21px; line-height: 14 / 10 * 1.5rem; display: block; text-decoration: none; padding: 0.5em 27px 0.5em 27px; color: #666666; font-weight: 400; word-wrap: break-word; position: relative; } .col-nav>#tocWrapper ul li a:hover { background: #e1eaf4; } .col-nav>#tocWrapper ul li a.bctBlock { color: #307bbf; opacity: 0.5; position: relative; } .col-nav>#tocWrapper ul li a.bctBlock .marker { position: absolute; width: 11px; height: 11px; border: 1px solid #307bbf; top: 13px; left: 10px; } .col-nav>#tocWrapper ul li a.bctBlock:before { content: ""; position: absolute; width: 7px; height: 7px; background: #307bbf; top: 15px; left: 12px; } .col-nav>#tocWrapper ul li a.bctBlock span:before { content: ""; position: absolute; left: 15px; border-left: 1px solid #307bbf; height: 100%; width: 1px; top: 0; } .col-nav>#tocWrapper ul li a.bctBlock.last { opacity: 1; font-weight: 600; } .col-nav>#tocWrapper ul li a.bctBlock.last span:before { content: ""; position: absolute; left: 15px; border-left: 1px solid #307bbf; height: 14px; width: 1px; top: 0; opacity: 0.5; } .col-nav>#tocWrapper ul li.level0>a.bctBlock span:before { content: ""; position: absolute; left: 15px; border-left: 1px solid #307bbf; height: calc(100% - 18px); width: 1px; top: 18px; } .col-nav>#tocWrapper ul li.level0>a.bctBlock.last span:before { border-left: none; } .col-nav>#tocWrapper #tree { border-top: 2px solid #fff; margin-top: 5px; padding-top: 5px; } .col-nav>#tocWrapper #tree>li ul a, .col-nav>#tocWrapper #tree>li ul b { padding-left: 40px; } .col-nav>#tocWrapper #tree>li.hasChildren>a:before, .col-nav>#tocWrapper #tree li.current>a:before, .col-nav>#tocWrapper #tree>li.hasChildren>b:before, .col-nav>#tocWrapper #tree li.current>b:before { content: ""; position: absolute; width: 7px; height: 7px; background: #307bbf; top: 15px; left: 12px; transition: transform 0.5s linear; } .col-nav>#tocWrapper #tree .selected>a, .col-nav>#tocWrapper #tree .selected>b { color: #666666; background: #e1eaf4; font-weight: bold; } .col-nav>#tocWrapper #tree .selected>b.collapsed:before { transform: rotate(45deg); } .col-nav>#tocWrapper #tree .selected .hasChildren a:before { content: ""; position: absolute; width: 5px; height: 5px; background: #307bbf; top: 16px; left: 28px; } .col-nav>#tocWrapper #tree .current>a, .col-nav>#tocWrapper #tree .current>b { cursor: pointer; } .col-nav>#tocWrapper #toc { padding-top: 5px; padding-bottom: 15px; } .col-nav>#tocWrapper #toc>#tree { border: none; margin: 0; padding: 0; } .form-control { font-size: 14px; font-size: 14 / 10rem; line-height: 21px; line-height: 14 / 10 * 1.5rem; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0 1px 1px #e9ecef; -moz-box-shadow: inset 0 1px 1px #e9ecef; -ms-box-shadow: inset 0 1px 1px #e9ecef; -o-box-shadow: inset 0 1px 1px #e9ecef; box-shadow: inset 0 1px 1px #e9ecef; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; margin: 0; outline: none; font-family: "Open Sans", "Arial", sans-serif; border: 1px solid #e9ecef; padding: 0.5em 1em; resize: none; width: 100%; height: auto; } .form-control:focus { -webkit-box-shadow: 0 0 5px #3674c5; box-shadow: 0 0 5px #3674c5; border: 1px solid #3674c5; background: #fff; } #ds-productselector { margin: 40px 0 20px; text-align: left; max-width: 550px; margin: 0 auto; } @media (max-width: 767px) { #ds-productselector { margin: 0px auto 10px; } } #ds-productselector .form-control { margin-top: 12px; } #ds-productselector .current i, #ds-productselector .current span { float: right; padding: 0px 3px 0; font-size: 14px; font-size: 14 / 10rem; line-height: 21px; line-height: 14 / 10 * 1.5rem; cursor: pointer; } #ds-productselector .list { font-size: 14px; font-size: 14 / 10rem; line-height: 21px; line-height: 14 / 10 * 1.5rem; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0 1px 1px #e9ecef; -moz-box-shadow: inset 0 1px 1px #e9ecef; -ms-box-shadow: inset 0 1px 1px #e9ecef; -o-box-shadow: inset 0 1px 1px #e9ecef; box-shadow: inset 0 1px 1px #e9ecef; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; margin: -1px 0 0; outline: none; font-family: "Open Sans", "Arial", sans-serif; font-weight: 400; border: 1px solid #e9ecef; padding: 0.5em 1em; resize: none; width: 100%; overflow: auto; background: #fff; } #ds-productselector .list .glyphicon { font-size: 10px; font-size: 10 / 10rem; line-height: 15px; line-height: 10 / 10 * 1.5rem; } #ds-productselector .list ul, #ds-productselector .list li { list-style: none; margin: 0; padding: 0; } #ds-productselector .list li { padding: 3px 8px; margin-left: -8px; margin-right: -8px; cursor: pointer; clear: both; } @media (max-width: 767px) { #ds-productselector .list li { padding: 5px 8px; } } #ds-productselector .list li .liTitle { color: #004494; display: inline-block; min-width: 100px; } #ds-productselector .list li .liTitle a { text-decoration: none; } #ds-productselector .list li .liDesc { color: #d0d1d3; font-size: 12px; font-size: 12 / 10rem; line-height: 18px; line-height: 12 / 10 * 1.5rem; display: inline-block; display: none; } #ds-productselector .list li:hover { background: #e1eaf4; } #ds-productselector .list li:hover .liTitle { color: #307bbf; } #ds-productselector .list li:hover .liDesc { color: #666666; } #ds-productselector.newSelector { max-width: initial; } #ds-productselector.newSelector .containerDiv { overflow: hidden; } #ds-productselector.newSelector .tabpanelContainer { overflow: hidden; } #ds-productselector.newSelector .tabpanelContainer .navTopics, #ds-productselector.newSelector .tabpanelContainer .navDescription { overflow: auto; } #ds-productselector.newSelector .tabpanelContainer .navTopics .edit, #ds-productselector.newSelector .tabpanelContainer .navDescription .edit { display: none; } #ds-productselector.newSelector ul.productTabs { display: flex; } #ds-productselector.newSelector ul.productTabs li { margin-right: 6px; font-size: 16px; font-size: 16 / 10rem; line-height: 24px; line-height: 16 / 10 * 1.5rem; flex-wrap: nowrap; } #ds-productselector.newSelector ul.productTabs li:last-child { margin-right: 0px; } #ds-productselector.newSelector ul.productTabs li a { background-color: #307bbf; border: none; border-top: 5px solid #307bbf; outline: none; padding: 10px 25px 15px 50px; color: #fff; } #ds-productselector.newSelector ul.productTabs li a:hover { background-color: #498ecf; border-top: 5px solid #498ecf; } #ds-productselector.newSelector ul.productTabs li.active a { background-color: #fff; border-top: 5px solid #fff; color: #666666; font-weight: bold; } #ds-productselector.newSelector ul.productTabs li.highlighted a { border-top: 5px solid #e1eaf4; } #ds-productselector.newSelector ul.productTabs li.deactive a { background-color: #f7f7f7; color: #b5b5b5; pointer-events: none; cursor: not-allowed; border-top: 5px solid #f7f7f7; } #ds-productselector.newSelector ul.productTabs li a::before { font-family: "dspace" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; position: absolute; left: 18px; font-size: 24px; top: 10px; color: #fff; } #ds-productselector.newSelector ul.productTabs li.active a::before { color: #307bbf; } #ds-productselector.newSelector ul.productTabs li.deactive a::before { color: #b5b5b5; } #ds-productselector.newSelector ul.productTabs li a[aria-controls="ds-productselector-tab-foo"]::before { content: "\e90c"; } #ds-productselector.newSelector ul.productTabs li a[aria-controls="ds-productselector-tab-hardware"]::before { content: "\e90a"; } #ds-productselector.newSelector ul.productTabs li a[aria-controls="ds-productselector-tab-software"]::before { content: "\e908"; } #ds-productselector.newSelector .productTabPanes .tab-pane { background-color: #fff; } #ds-productselector.newSelector .productTabPanes .tab-pane .tabpanelContainer { display: flex; min-height: 450px; } #ds-productselector.newSelector .productTabPanes .tab-pane .navTopics { flex: 1 1 30%; padding: 10px 0; background-color: #f7f7f7; margin-top: 20px; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription { flex: 1 1 70%; padding: 20px; font-size: 14px; font-size: 14 / 10rem; line-height: 21px; line-height: 14 / 10 * 1.5rem; /*span.math { font-family: 'stix_two_textregular', 'stix_two_mathregular', serif; } span.math i { font-family: 'stix_two_textitalic', 'stix_two_mathregular', serif; }*/ } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription strong { color: #666666; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription a strong { color: inherit; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription kbd { color: #666666; background: #fff; border: 1px solid #666666; padding: 1px 3px; white-space: nowrap; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription a kbd { color: inherit; border-color: #307bbf; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription pre { border-radius: 0; border: 0; position: relative; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription pre sup.sup-pl { margin-left: -7px; display: inline-block; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription .plContainer ul.nav { padding: 0; margin: 0; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription .plContainer ul.nav li { margin-bottom: -1px; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription .plContainer ul.nav li:before { content: none; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription .plContainer ul.nav li.active a { border-color: transparent; background-color: #f7f7f7; text-decoration: none; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription .plContainer ul.nav li a:hover, #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription .plContainer ul.nav li a:focus, #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription .plContainer ul.nav li :active { text-decoration: none; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription .plContainer .tab-pane .tooltip { z-index: 30; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription .icon-copy-to-clipboard { font-size: 28px; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription ins { color: green; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription del { color: red; text-decoration: line-through; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription .red_border img, #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription .red_border .MathJax_CHTML { border: 3px solid red; padding: 5px; opacity: 0.5; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription .green_border img, #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription .green_border .MathJax_CHTML { border: 3px solid green; padding: 5px; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription .MJXc-display { overflow-x: auto; overflow-y: hidden; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription .overline { text-decoration: overline; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription .dscomment { background-color: #fef6df; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription dl dt, #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription dl dd { padding-top: 10px; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription dl dd p:empty:before { content: "\00a0"; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription dl.dl-indent dt { margin-right: 15px; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription dl.dl-indent dd { margin-left: 30px; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription dt.pull-left { margin-right: 15px; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription dd>ul:first-child, #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription dd>ol:first-child, #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription dd>.table-responsive:first-child, #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription dd>.image-wrapper:first-child, #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription dd>pre:first-child, #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription dd>.bs-callout:first-child { margin-top: 30px; display: block; clear: both; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription ul:not(.dropdown-menu):not(.vjs-menu-content):not(.plContainer .nav), #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription ol:not(.dropdown-menu):not(.vjs-playlist-item-list) { list-style: none; padding-left: 20px; margin: 0 0 15px; /*display: inline-block;*/ } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription ul:not(.dropdown-menu):not(.vjs-menu-content):not(.plContainer .nav):last-child, #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription ol:not(.dropdown-menu):not(.vjs-playlist-item-list):last-child { margin: 0; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription ul:not(.dropdown-menu):not(.vjs-menu-content):not(.plContainer .nav) ul, #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription ol:not(.dropdown-menu):not(.vjs-playlist-item-list) ul, #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription ul:not(.dropdown-menu):not(.vjs-menu-content):not(.plContainer .nav) ol, #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription ol:not(.dropdown-menu):not(.vjs-playlist-item-list) ol { margin: 0; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription ul:not(.dropdown-menu):not(.vjs-menu-content):not(.plContainer .nav) li, #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription ol:not(.dropdown-menu):not(.vjs-playlist-item-list) li { margin-bottom: 10px; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription ul:not(.dropdown-menu):not(.vjs-menu-content):not(.plContainer .nav) li>div>p, #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription ol:not(.dropdown-menu):not(.vjs-playlist-item-list) li>div>p { margin-bottom: 5px; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription ul:not(.dropdown-menu):not(.vjs-menu-content):not(.plContainer .nav) li p:last-child, #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription ol:not(.dropdown-menu):not(.vjs-playlist-item-list) li p:last-child { margin: 0; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription ul:not(.dropdown-menu):not(.vjs-menu-content):not(.plContainer .nav) li li, #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription ol:not(.dropdown-menu):not(.vjs-playlist-item-list) li li { margin-bottom: 5px; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription ul:not(.dropdown-menu):not(.vjs-menu-content):not(.plContainer .nav)>li:before { font-family: "dspace"; content: "\e945"; speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; text-align: center; font-size: 7px; margin-top: 1em; margin-left: -18px; color: #307bbf; /*position: absolute;*/ float: left; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription ul.topicNavigation { padding-left: 0px; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription ul.topicNavigation li:before { content: ""; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription ul.topicNavigation ul { display: block; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription ul.topicNavigation li { line-height: 24px; font-size: 1.4rem; margin-top: 0px; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription ul.topicNavigation li li { line-height: 1.95rem; padding-left: 12px; font-size: 1.3rem; margin-left: -20px; border-left-color: #eeeeee; border-left-width: 1px; border-left-style: solid; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription ol:not(.vjs-playlist-item-list) { counter-reset: listenpunkt_ebene1; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription ol:not(.vjs-playlist-item-list)>li:before { counter-increment: listenpunkt_ebene1; content: counter(listenpunkt_ebene1) ". "; margin-left: -20px; color: #307bbf; /*position: absolute;*/ float: left; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription ol.instructions>li:before { font-weight: bold; content: counter(listenpunkt_ebene1); } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription ol.two-digit>li { margin-left: 8px; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription ol.two-digit>li:before { width: 28px; text-align: right; padding-right: 8px; margin-left: -28px; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription .instruction-title { font-weight: 600; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription ol.footnotes { margin-top: -10px; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription ol.footnotes li { font-size: 11px; font-size: 11 / 10rem; line-height: 16.5px; line-height: 11 / 10 * 1.5rem; margin-top: 0; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription ol.footnotes li:before { content: counter(listenpunkt_ebene1) ") "; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription ul.popup-menu { padding-left: 0; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription ul.popup-menu li { margin-top: 0; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription ul.popup-menu li a:hover, #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription ul.popup-menu li a { text-decoration: none; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription ul.popup-menu li:before { display: none; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription .roadmap { margin-bottom: 15px; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription .roadmap>p { margin-bottom: 5px; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription .roadmap .divTable { display: table; width: 100%; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription .roadmap .divTable .divRow { display: table-row; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription .roadmap .divTable .divRow .divCell { display: table-cell; border-top: 5px solid #fff; position: relative; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription .roadmap .divTable .divRow .divCell p:last-child { margin-bottom: 0; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription .roadmap .divTable .divRow .pdf { vertical-align: middle; background: #f7f7f7; border-left: 3px solid #fff; width: 80px; text-align: center; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription .roadmap .divTable .divRow .pdf a { display: inline-block; margin: 5px 0; } @media (max-width: 767px) { #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription .roadmap .divTable .divRow .pdf { display: none; } } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription .roadmap .divTable .divRow .document, #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription .roadmap .divTable .divRow .group { padding: 8px 10px 8px 30px; background: #f7f7f7; vertical-align: middle; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription .roadmap .divTable .divRow .document:before { font-family: "dspace"; content: "\e945"; speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; text-align: center; font-size: 7px; margin-top: 1em; margin-left: -18px; color: #307bbf; position: absolute; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription .roadmap .divTable .divRow .group>ul { margin-bottom: 0; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription .roadmap .divTable .divRow .group .groupPdf { float: right; border-left: 3px solid #fff; margin-left: 10px; padding: 0px 20px 0px 25px; } @media (max-width: 767px) { #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription .roadmap .divTable .divRow .group .groupPdf { display: none; } } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription .roadmap .divTable .divRow .group .groupPdf a { display: block; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription h2 { margin-top: 10px; margin-bottom: 15px; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription a.h2external:after { display: none; } #ds-productselector.newSelector .productTabPanes .tab-pane .navDescription span.icon-zoom { display: none !important; } #ds-productselector.newSelector .productTabPanes .navDescriptionFoo hr { display: none; } #ds-productselector.newSelector .navTopicItem { cursor: pointer; } #ds-productselector.newSelector .navTopicItem .navTopicItem_label { display: flex; padding: 7px 20px 7px 35px; font-size: 14px; font-size: 14 / 10rem; line-height: 21px; line-height: 14 / 10 * 1.5rem; position: relative; } #ds-productselector.newSelector .navTopicItem .navTopicItem_label.highlighted { background-color: #e1eaf4; font-weight: bold; color: #666666; } #ds-productselector.newSelector .navTopicItem .navTopicItem_label:hover { background-color: #e1eaf4; } #ds-productselector.newSelector .navTopicItem .navTopicItem_bullet { /*flex: 0 0 20px; height: 10px;*/ } #ds-productselector.newSelector .navTopicItem .navTopicItem_bullet.hasChildren::before { /*background: blue;*/ content: ""; position: absolute; width: 7px; height: 7px; background: #307bbf; top: 15px; left: 20px; transition: transform 0.5s linear; } #ds-productselector.newSelector .navTopicItem.itemClosed .navTopicItem_bullet.hasChildren::before { transform: rotate(45deg); } #ds-productselector.newSelector .navTopicItem_subnavs { transition: transform 0.5s linear; } #ds-productselector.newSelector .navTopicItem_subnavs.closed { display: none; } #ds-productselector.newSelector .subNavTopicItem { padding: 7px 20px 7px 48px; font-size: 14px; font-size: 14 / 10rem; line-height: 21px; line-height: 14 / 10 * 1.5rem; position: relative; } #ds-productselector.newSelector .subNavTopicItem:hover { background-color: #e1eaf4; } #ds-productselector.newSelector .subNavTopicItem.highlighted { background-color: #e1eaf4; } #ds-productselector.newSelector .subNavTopicItem .subNavTopicItem_bullet { /*flex: 0 0 20px; height: 10px;*/ } #ds-productselector.newSelector .subNavTopicItem .subNavTopicItem_bullet.hasChildren { /*background: blue;*/ content: ""; position: absolute; width: 5px; height: 5px; background: #307bbf; top: 16px; left: 36px; transition: transform 0.5s linear; } @media (max-width: 767px) { #ds-productselector.newSelector .productTabPanes .tab-pane .tabpanelContainer { display: block; height: auto !important; max-height: none !important; } #ds-productselector.newSelector .productTabPanes .tab-pane .navTopics { padding: 0; } #ds-productselector.newSelector ul.productTabs li { font-size: 15px; font-size: 15 / 10rem; line-height: 22.5px; line-height: 15 / 10 * 1.5rem; } #ds-productselector.newSelector ul.productTabs li a::before { display: none; } #ds-productselector.newSelector ul.productTabs li a { padding: 5px 15px 10px 15px; } } .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background: #004494; color: #fff; } .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus { background: #004494; color: #fff; } .leftContentMenu.dropdown>a, .rightContentMenu.dropdown>a { display: block; padding: 8px 8px 6px; display: inline-block; color: #383838; } .leftContentMenu.dropdown.open a, .rightContentMenu.dropdown.open a { background: #e1eaf4; box-shadow: none; } .leftContentMenu.dropdown .dropdown-menu, .rightContentMenu.dropdown .dropdown-menu { left: 0; background: #e1eaf4; box-shadow: none; border: 0; border-top: 0px solid #fff; min-width: auto; border-radius: 0; margin-top: 1px; } .leftContentMenu.dropdown .dropdown-menu a, .rightContentMenu.dropdown .dropdown-menu a { padding: 2px 15px; } .leftContentMenu.dropdown .dropdown-menu a:hover, .rightContentMenu.dropdown .dropdown-menu a:hover { color: #fff; background: #004494; } .leftContentMenu.dropdown .dropdown-menu .disabled>a, .rightContentMenu.dropdown .dropdown-menu .disabled>a { opacity: 0.3; color: #666666; background: #e1eaf4; } .btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger { -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05); -ms-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05); -o-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 14px; font-size: 14 / 10rem; line-height: 21px; line-height: 14 / 10 * 1.5rem; position: relative; display: inline-block; margin: 0; padding: 0.75em 1em; text-shadow: rgba(0, 0, 0, 0.5); font-weight: 600; line-height: 100%; text-align: center; vertical-align: middle; cursor: pointer; border: 1px solid transparent; text-decoration: none; outline: none; } .btn-default.btn-sm, .btn-primary.btn-sm, .btn-success.btn-sm, .btn-info.btn-sm, .btn-warning.btn-sm, .btn-danger.btn-sm { padding: 0.4em 0.7em; font-weight: 300; } .btn-default.btn-lg, .btn-primary.btn-lg, .btn-success.btn-lg, .btn-info.btn-lg, .btn-warning.btn-lg, .btn-danger.btn-lg { padding: 1.05em 1.5em; } .btn-default, .btn-default.active, .btn-default:active { color: #fff; background-color: #2c77bb; background-image: -moz-linear-gradient(top, #307bbf, #2671b5); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#307bbf), to(#2671b5)); background-image: -webkit-linear-gradient(top, #307bbf, #2671b5); background-image: -o-linear-gradient(top, #307bbf, #2671b5); background-image: linear-gradient(to bottom, #307bbf, #2671b5); background-repeat: repeat-x; border-color: #2671b5 #2671b5 #194a76; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important; filter: progid: DXImageTransform.Microsoft.gradient(enabled=false); } .btn-default:hover, .btn-default.active:hover, .btn-default:active:hover, .btn-default:focus, .btn-default.active:focus, .btn-default:active:focus, .btn-default:active, .btn-default.active:active, .btn-default:active:active, .btn-default.active, .btn-default.active.active, .btn-default:active.active, .btn-default.disabled, .btn-default.active.disabled, .btn-default:active.disabled, .btn-default[disabled], .btn-default.active[disabled], .btn-default:active[disabled] { color: #fff; background-color: #2671b5; background-image: none; border-color: transparent; } .btn-default.disabled, .btn-default.active.disabled, .btn-default:active.disabled, .btn-default[disabled], .btn-default.active[disabled], .btn-default:active[disabled] { background-color: #2671b5; } .btn-default.disabled:hover, .btn-default.active.disabled:hover, .btn-default:active.disabled:hover, .btn-default[disabled]:hover, .btn-default.active[disabled]:hover, .btn-default:active[disabled]:hover, .btn-default.disabled:focus, .btn-default.active.disabled:focus, .btn-default:active.disabled:focus, .btn-default[disabled]:focus, .btn-default.active[disabled]:focus, .btn-default:active[disabled]:focus, .btn-default.disabled:active, .btn-default.active.disabled:active, .btn-default:active.disabled:active, .btn-default[disabled]:active, .btn-default.active[disabled]:active, .btn-default:active[disabled]:active, .btn-default.disabled.active, .btn-default.active.disabled.active, .btn-default:active.disabled.active, .btn-default[disabled].active, .btn-default.active[disabled].active, .btn-default:active[disabled].active, .btn-default.disabled.disabled, .btn-default.active.disabled.disabled, .btn-default:active.disabled.disabled, .btn-default[disabled].disabled, .btn-default.active[disabled].disabled, .btn-default:active[disabled].disabled, .btn-default.disabled[disabled], .btn-default.active.disabled[disabled], .btn-default:active.disabled[disabled], .btn-default[disabled][disabled], .btn-default.active[disabled][disabled], .btn-default:active[disabled][disabled] { background-color: #2671b5; border-color: transparent; } .btn-primary, .btn-primary.active, .btn-primary:active { color: #2671b5; background-color: #fcfcfc; background-image: -moz-linear-gradient(top, #fff, #f7f7f7); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f7f7f7)); background-image: -webkit-linear-gradient(top, #fff, #f7f7f7); background-image: -o-linear-gradient(top, #fff, #f7f7f7); background-image: linear-gradient(to bottom, #fff, #f7f7f7); background-repeat: repeat-x; border-color: #f7f7f7 #f7f7f7 #d1d1d1; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important; filter: progid: DXImageTransform.Microsoft.gradient(enabled=false); } .btn-primary:hover, .btn-primary.active:hover, .btn-primary:active:hover, .btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .btn-primary:active, .btn-primary.active:active, .btn-primary:active:active, .btn-primary.active, .btn-primary.active.active, .btn-primary:active.active, .btn-primary.disabled, .btn-primary.active.disabled, .btn-primary:active.disabled, .btn-primary[disabled], .btn-primary.active[disabled], .btn-primary:active[disabled] { color: #2671b5; background-color: #f7f7f7; background-image: none; border-color: transparent; } .btn-primary.disabled, .btn-primary.active.disabled, .btn-primary:active.disabled, .btn-primary[disabled], .btn-primary.active[disabled], .btn-primary:active[disabled] { background-color: #f7f7f7; } .btn-primary.disabled:hover, .btn-primary.active.disabled:hover, .btn-primary:active.disabled:hover, .btn-primary[disabled]:hover, .btn-primary.active[disabled]:hover, .btn-primary:active[disabled]:hover, .btn-primary.disabled:focus, .btn-primary.active.disabled:focus, .btn-primary:active.disabled:focus, .btn-primary[disabled]:focus, .btn-primary.active[disabled]:focus, .btn-primary:active[disabled]:focus, .btn-primary.disabled:active, .btn-primary.active.disabled:active, .btn-primary:active.disabled:active, .btn-primary[disabled]:active, .btn-primary.active[disabled]:active, .btn-primary:active[disabled]:active, .btn-primary.disabled.active, .btn-primary.active.disabled.active, .btn-primary:active.disabled.active, .btn-primary[disabled].active, .btn-primary.active[disabled].active, .btn-primary:active[disabled].active, .btn-primary.disabled.disabled, .btn-primary.active.disabled.disabled, .btn-primary:active.disabled.disabled, .btn-primary[disabled].disabled, .btn-primary.active[disabled].disabled, .btn-primary:active[disabled].disabled, .btn-primary.disabled[disabled], .btn-primary.active.disabled[disabled], .btn-primary:active.disabled[disabled], .btn-primary[disabled][disabled], .btn-primary.active[disabled][disabled], .btn-primary:active[disabled][disabled] { background-color: #f7f7f7; border-color: transparent; } .btn-delete, .btn-edit, .btn-confirm { padding: 3px 5px 1px; } button.btn-copy { position: absolute; right: 10px; top: 10px; z-index: 40; background: transparent; padding: 0; border: 0px solid #ddd; opacity: 0.2; } button.btn-copy.hover { opacity: 1; } button.btn-copy:focus, button.btn-copy:active, button.btn-copy:visited, button.btn-copy:hover { outline: none !important; box-shadow: none; } button.btn-copy span.glyphicon { color: #666666; font-size: 20px; top: 2px; } button.btn-copy span.green { color: #00794f; } button.btn-copy span.red { color: #d40032; } .bootstrap-table .btn { padding: 7px 0.75em; height: 28px; } .tooltip.bottom .tooltip-arrow, .tooltip.left .tooltip-arrow, .tooltip.right .tooltip-arrow, .tooltip.top .tooltip-arrow { border-bottom-color: #004494 !important; } .tooltip.bottom .tooltip-inner, .tooltip.left .tooltip-inner, .tooltip.right .tooltip-inner, .tooltip.top .tooltip-inner { background: #004494; } .thumbnail, .img-thumbnail { -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); } .img-border { border: 1px solid #ddd; } table .image-wrapper { margin: 10px 0; } .image-wrapper { position: relative; margin: 20px 0; z-index: 45; overflow: hidden; display: table; } .image-wrapper img { /*margin: 20px 0;*/ } .image-wrapper img.thumb { max-width: 300px; max-height: 400px; height: auto; } .image-wrapper span.icon-zoomin { display: none; } .image-wrapper span.icon-zoom { position: absolute; top: 5px; left: 5px; font-size: 20px; background: rgba(255, 255, 255, 0.8); padding: 6px; color: #004494; cursor: pointer; display: block; z-index: 5; } .image-wrapper .overlay { position: absolute; top: 0; width: 100%; height: 100%; background: #00000042; } .image-wrapper .overlay span { font-size: 50px; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .image-wrapper .mainContainer { width: 100%; height: 100%; position: absolute; bottom: 0; cursor: pointer; } .image-wrapper .mainContainer button { top: 50%; left: 50%; position: absolute; width: 100px; height: 60px; margin-top: -30px; margin-left: -50px; background-color: rgba(0, 0, 0, 0.45); cursor: pointer; /* line-height: 60px; */ border-radius: 10px; -webkit-transition: all 0.4s; transition: all 0.4s; } .image-wrapper .mainContainer button:hover { background-color: #307bbf; } .image-wrapper .mainContainer button span { color: #fff; font-size: 34px; } .image-wrapper .btnContainer { position: absolute; bottom: 0; width: 100%; color: #fff; background-color: rgba(0, 68, 148, 0.8); } .image-wrapper .btnContainer .btn { background: none; color: #fff; border-radius: 0; height: 40px; width: 40px; font-size: 16px; border: none; padding: 6px 0px; } .image-wrapper .btnContainer .btn:hover { background-color: #307bbf; } .image-wrapper .btnContainer .btn.active.focus, .image-wrapper .btnContainer .btn.active:focus, .image-wrapper .btnContainer .btn.focus, .image-wrapper .btnContainer .btn:active.focus, .image-wrapper .btnContainer .btn:active:focus, .image-wrapper .btnContainer .btn:focus { outline: 0px; } .image-wrapper .btnContainer .rate-btn { text-align: center; font-weight: bold; font-size: 14px; } .image-wrapper .btnContainer .apng { position: absolute; top: 9px; right: 15px; font-size: 11px; font-weight: bold; } .image-wrapper .btnContainer .currenttime { margin-left: 15px; } .image-wrapper .time { display: inline-block; margin-top: -1px; padding-left: 10px; vertical-align: middle; } .image-wrapper .timeline, .image-wrapper .timelineIndicator { background-color: #bbc8d9; height: 3px; width: 100%; display: none; } .image-wrapper .timelineIndicator { background-color: #004494; height: 3px; margin-top: -3px; width: 0%; } img.inline { max-height: 32px; width: auto; margin-bottom: 3px; } .float-right { float: right; max-width: 35%; margin: 0 0 15px 20px; } .float-right span { display: none !important; } #ModalBookmark .list-group { margin-bottom: 0; overflow: auto; max-height: calc(90vh - 143px); } #ModalBookmark .list-group-item { font-size: 14px; font-size: 14 / 10rem; line-height: 21px; line-height: 14 / 10 * 1.5rem; } #ModalBookmark .list-group-item .btn { font-size: 12px; font-size: 12 / 10rem; line-height: 18px; line-height: 12 / 10 * 1.5rem; } #ModalBookmark .list-group-item input[type="text"] { border: none; background-color: transparent; width: calc(100% - 75px); } #ModalBookmark .list-group-item input:read-only { cursor: pointer; } #ModalBookmark .list-group-item.active { background-color: #307bbf; } #ModalBookmark .list-group-item.deactive { opacity: 0.2; pointer-events: none; background: #ddd; } #ModalBookmark .bookmarkhint { position: absolute; color: #d40032; } #ModalPrivacy .modal-body { margin-bottom: 0; overflow: auto; max-height: calc(90vh - 143px); } body.modal-open { margin: 0 !important; overflow: auto; padding-right: 0 !important; } body { padding-right: 0 !important; } .glossary-modal.modal { overflow: hidden; position: absolute; z-index: 1020; right: initial; bottom: initial; left: initial; top: initial; } .glossary-modal .modal-dialog { margin: 0; padding: 5px; width: auto; } .glossary-modal .modal-content { box-shadow: 0 0px 5px rgba(0, 0, 0, 0.3); } .glossary-modal .modal-header { cursor: move; padding: 12px 15px 10px; } .glossary-modal .modal-header .close { margin-top: 2px; } .glossary-modal .modal-body { overflow-y: auto; padding: 12px 15px; font-size: 14px; font-size: 14 / 10rem; line-height: 21px; line-height: 14 / 10 * 1.5rem; @basic _styles_set (); } .glossary-modal .modal-body p:last-child { margin: 0; } .glossary-modal .modal-footer { padding: 12px 15px; margin-top: 0; } .glossary-modal .modal-footer a:hover { text-decoration: underline; } .userFeedback { margin: 40px 0 0; } .userFeedback .subForm { padding: 8px; background-color: #f7f7f7; border: 1px solid #e9ecef; font-size: 14px; font-size: 14 / 10rem; line-height: 21px; line-height: 14 / 10 * 1.5rem; } .userFeedback .subForm textarea { height: 80px !important; font-size: 14px; font-size: 14 / 10rem; line-height: 21px; line-height: 14 / 10 * 1.5rem; border: 1px solid #e9ecef; margin-top: 10px; padding: 5px; } .userFeedback span.glyphicon { margin-right: 5px; } .userFeedback span.glyphicon-info-sign { margin-left: 10px; font-size: 15px; font-size: 15 / 10rem; line-height: 22.5px; line-height: 15 / 10 * 1.5rem; opacity: 0.8; cursor: help; top: 5px; color: #307bbf; } .userFeedback .message { margin: 10px 0; font-size: 14px; font-size: 14 / 10rem; line-height: 21px; line-height: 14 / 10 * 1.5rem; } .userFeedback .message2 { margin: 10px 0 0; font-size: 14px; font-size: 14 / 10rem; line-height: 21px; line-height: 14 / 10 * 1.5rem; color: #d40032; } .userFeedback .checkbox { margin: 0; } .userFeedback label.btn { padding: 6px 25px; } .userFeedback .btn[type="submit"] { padding: 7px 15px; } .userFeedback .form-group { margin: 0; } .userFeedback .help-block { padding: 0 !important; margin: 0 0 5px; color: inherit; } .userFeedback .mainForm .help-block { font-size: 18px; font-size: 18 / 10rem; line-height: 27px; line-height: 18 / 10 * 1.5rem; font-weight: 500; color: #307bbf; } .spinner { margin: 10px; width: 70px; } .spinner>div { width: 18px; height: 18px; background-color: #e1eaf4; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; } .spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); } 40% { -webkit-transform: scale(1); } } @keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } #userFeedbackWrapper { margin: -20px 0 25px; text-align: center; border-top: 1px solid #e9ecef; padding-top: 20px; } #userFeedbackWrapper .subForm { width: 75%; margin: 0 auto; text-align: left; } #userFeedbackWrapper .spinner { margin: 10px auto; } .table-responsive { margin-bottom: 15px; max-height: calc(75vh); } .table-responsive .table { margin: 0; width: auto; } thead tr th { position: sticky; top: 0px; background-color: #fff; z-index: 46; } .table-default thead tr th::after, .table-bordered-vertical thead tr th::after, .table-bordered-horizontal thead tr th::after, .table-bordered thead tr th::after { content: ""; position: absolute; top: -1px; right: 0; width: 100%; border-top: 1px solid #ddd; } .table-default thead tr th::before, .table-bordered-vertical thead tr th::before, .table-bordered-horizontal thead tr th::before, .table-bordered thead tr th::before { content: ""; position: absolute; bottom: -1px; right: 0; width: 100%; border-bottom: 1px solid #ddd; } .table-default thead tr th, .table-bordered-vertical thead tr th, .table-bordered-horizontal thead tr th, .table-bordered thead tr th { border: 1px solid #ddd !important; } .table p:last-child { margin-bottom: 0; } .table .image-wrapper:first-child { margin-top: 2px !important; } .table tr>th { vertical-align: top !important; } .table-empty { border: 1px solid #fff; } .table-empty>tbody>tr>td, .table-empty>tbody>tr>th, .table-empty>tfoot>tr>td, .table-empty>tfoot>tr>th, .table-empty>thead>tr>td, .table-empty>thead>tr>th { border: 0; border-top: 1px solid #fff; border-left: 1px solid #fff; padding: 1px 5px 1px 0; } .table-default, .table-bordered-vertical, .table-bordered-horizontal, .table-bordered { border: 1px solid #ddd; } .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th { border: 1px solid #ddd; border-bottom: 0; border-right: 0; } .table-bordered-vertical>tbody>tr>td, .table-bordered-vertical>tbody>tr>th { border-bottom: 0px solid #ddd; border-top: 0px solid #ddd; border-left: 1px solid #ddd; } .table-bordered-vertical>tfoot>tr>td, .table-bordered-vertical>tfoot>tr>th, .table-bordered-vertical>thead>tr>td, .table-bordered-vertical>thead>tr>th { border-left: 1px solid #ddd; } .table-default>tbody>tr>td, .table-default>tbody>tr>th { border-top: 1px solid transparent; } .table-default>tfoot>tr>td, .table-default>tfoot>tr>th, .table-default>thead>tr>td, .table-default>thead>tr>th { border-right: 1px solid #ddd; } .table-default>thead>tr>th:before { content: ""; position: absolute; left: -1px; border-left: 1px solid #ddd; height: 100%; } .table .bt, .table-default>tbody>tr>td.bt { border-top: 1px solid #ddd !important; } .table .br, .table-default>tbody>tr>td.br { border-right: 1px solid #ddd !important; } .table .bb, .table-default>tbody>tr>td.bb { border-bottom: 1px solid #ddd !important; } .table .bl, .table-default>tbody>tr>td.bl { border-left: 1px solid #ddd !important; } table .nobt { border-top: 1px solid #fff !important; } table .nobr { border-right: 1px solid #fff !important; } table .nobb { border-bottom: 1px solid #fff !important; } table .nobl { border-left: 1px solid #fff !important; } table .MJXc-display { margin: 0; } @media screen and (max-width: 767px) { .table-responsive>.table { min-width: 400px; width: 100%; } .table-responsive>.table td, .table-responsive>.table th { white-space: normal !important; } } .bootstrap-table .glyphicon-fullscreen { top: 0px !important; } .bootstrap-table .search-input { padding: 0.25em 1em; font-size: 1.1rem; border-radius: 5px !important; } .bootstrap-table.fullscreen { top: 35px !important; overflow-y: auto !important; padding: 0 10px !important; } .bootstrap-table.fullscreen .glyphicon-fullscreen { top: -1px !important; } .bs-callout { padding: 30px 20px 5px; margin: 20px 0; border-left: 6px solid #eee; position: relative; background: #f7f7f7; } .bs-callout h4 { margin-top: 0; margin-bottom: 5px; padding: 3px 20px 1px; position: absolute; top: 0px; left: 0px; font-size: 16px; font-size: 16 / 10rem; line-height: 24px; line-height: 16 / 10 * 1.5rem; font-weight: bold; } .bs-callout h5 { font-weight: bold; } .bs-callout p { margin-top: 5px; } .bs-callout strong.emphasis { color: #383838 !important; } .bs-callout p:last-child { margin-bottom: 0; } .bs-callout code { border-radius: 3px; } .bs-callout-danger { border-color: #dc281e; } .bs-callout-danger h4 { background: #dc281e; color: #fff; } .bs-callout-warning { border-color: #e67100; } .bs-callout-warning h4 { background: #e67100; color: #000; } .bs-callout-caution { border-color: #ffd200; } .bs-callout-caution h4 { background: #ffd200; color: #000; } .bs-callout-notice { border-color: #00539f; } .bs-callout-notice h4 { background: #00539f; color: #fff; } .bs-callout-emergency { border-color: #00794f; } .bs-callout-emergency h4 { background: #00794f; color: #fff; } .bs-callout-tip { border-color: #d0d1d3; } .bs-callout-tip h4 { background: #d0d1d3; color: #383838; } .bs-callout-note { border-color: #d0d1d3; } .bs-callout-note h4 { background: #d0d1d3; color: #383838; } .scrollToTop { width: 30px; height: 30px; position: fixed; bottom: 15px; right: 15px; display: none; background: #f7f7f7; opacity: 0.5; text-decoration: none; border-radius: 5px; text-align: center; font-size: 14px; font-size: 14 / 10rem; line-height: 21px; line-height: 14 / 10 * 1.5rem; z-index: 30; } .scrollToTop span { margin-top: 7px; } .scrollToTop:hover { opacity: 1; } .max { padding-top: 0 !important; } .max nav, .max #ds-footer-wrapper, .max .breadcrumb, .max .side { display: none; } .max .fullheight { min-height: 100% !important; margin-right: 45px; } .max .main { width: 100%; margin-top: 15px; } @media (max-width: 767px) { .fullheight { /*padding-right: 55px;*/ } } /* MathJax */ .MJXc-display::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2); background-color: #f7f7f7; } .MJXc-display::-webkit-scrollbar { width: 8px; height: 8px; } .MJXc-display::-webkit-scrollbar-thumb { background-color: #ddd; border-radius: 10px; } /* 1col */ #tocWrapper::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2); background-color: #f7f7f7; } #tocWrapper::-webkit-scrollbar { width: 14px; height: 14px; } #tocWrapper::-webkit-scrollbar-thumb { background-color: #ddd; border-radius: 10px; background-clip: padding-box; border: 4px solid rgba(0, 0, 0, 0); } /* 3col */ .wrapper::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2); background-color: #f7f7f7; } .wrapper::-webkit-scrollbar { width: 14px; height: 14px; } .wrapper::-webkit-scrollbar-thumb { background-color: #ddd; border-radius: 10px; background-clip: padding-box; border: 4px solid rgba(0, 0, 0, 0); } /* Startpage */ .navDescription::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2); background-color: #f7f7f7; } .navDescription::-webkit-scrollbar { width: 14px; height: 14px; } .navDescription::-webkit-scrollbar-thumb { background-color: #ddd; border-radius: 10px; background-clip: padding-box; border: 4px solid rgba(0, 0, 0, 0); } .navTopics::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2); background-color: #f7f7f7; } .navTopics::-webkit-scrollbar { width: 14px; height: 14px; } .navTopics::-webkit-scrollbar-thumb { background-color: #ddd; border-radius: 10px; background-clip: padding-box; border: 4px solid rgba(0, 0, 0, 0); } /* Tabellen */ .table-responsive::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2); background-color: #f7f7f7; } .table-responsive::-webkit-scrollbar { width: 14px; height: 14px; } .table-responsive::-webkit-scrollbar-thumb { background-color: #ddd; border-radius: 10px; background-clip: padding-box; border: 4px solid rgba(0, 0, 0, 0); } /* Programlisting */ pre::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2); background-color: #f7f7f7; } pre::-webkit-scrollbar { width: 14px; height: 14px; } pre::-webkit-scrollbar-thumb { background-color: #ddd; border-radius: 10px; background-clip: padding-box; border: 4px solid rgba(0, 0, 0, 0); } /* Search filter */ #content-search .filterBlock form::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2); background-color: #f7f7f7; } #content-search form::-webkit-scrollbar { width: 14px; height: 14px; } #content-search form::-webkit-scrollbar-thumb { background-color: #ddd; border-radius: 10px; background-clip: padding-box; border: 4px solid rgba(0, 0, 0, 0); } /* Class filter */ .customscroll::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2); background-color: #f7f7f7; } .customscroll::-webkit-scrollbar { width: 8px; height: 8px; } .customscroll::-webkit-scrollbar-thumb { background-color: #ddd; border-radius: 10px; } /* VideoJS Playlist */ .vjs-playlist::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2); background-color: #004494; } .vjs-playlist::-webkit-scrollbar { width: 16px; height: 16px; } .vjs-playlist::-webkit-scrollbar-thumb { background-color: #307bbf; border-radius: 10px; background-clip: padding-box; border: 4px solid rgba(0, 0, 0, 0); } @media print { #rightContentMenu, #leftContentMenu button, .maximize, .scrollToTop, h3.question span.glyphicon, #pageNavigation, .image-wrapper span, .filterMenuButton, .glyphicon, .icon-copy-to-clipboard, .image-wrapper .btnContainer, #content-main #col-content .relatedTopics, #userFeedbackWrapper, .footer-wrapper .footer .text-right, .video-js .vjs-overlay-background.vjs-info, #col-side { display: none !important; } body { padding: 0; } #col-content { width: 100% !important; min-height: auto !important; } #content-main #col-content { margin-top: 0; } #content-main h3.question { margin-left: 0 !important; } .footer-wrapper { height: auto !important; } .footer-wrapper .col-sm-6 { width: 50%; float: left; text-align: left !important; } .footer .footer-logo { margin-top: 0 !important; margin-right: 0 !important; } a.pdf, a.external, a.glossary-link { background: none; padding-left: 0; } .breadcrumb { white-space: normal; font-size: 8px; margin-left: 0; } .breadcrumb li+li:before { padding: 0 4px; } #content-main #leftContentMenu { margin: 0 !important; } #content-main #leftContentMenu div.hidden-xs { display: block !important; } #content-main .main-menu { position: relative !important; border-bottom: 0 !important; top: 5px; height: auto; } h2, h2 span.nowrap, h3.question, h3.question span.title, h3.question span.title span.nowrap, h3 { color: #307bbf !important; } #content-main h2:first-child { padding: 0 !important; } #content-main .plContainer .nav .active { background: #eee !important; } .modal-content { background-color: #fff !important; } .table-responsive { max-height: 100% !important; } } .searchResult { margin-bottom: 10px; } .searchResultsFooter { width: 100%; height: 80px; } #autoCompletionBox { position: fixed; z-index: 10000; border-radius: 5px; background-color: white; top: 0px; left: 0px; -webkit-box-shadow: 0px 10px 25px 0px #969696; -moz-box-shadow: 0px 10px 25px 0px #969696; box-shadow: 0px 10px 25px 0px #969696; } #autoCompletionBox ul { margin: 10px 20px 10px 12px; padding: 0px; } #autoCompletionBox li { list-style: none; overflow: hidden; /*border-bottom: 1px dotted silver;*/ border-bottom: none; border-radius: 2px; margin: 0px; padding: 4px 0px 4px 4px; width: 100%; cursor: pointer; } #autoCompletionBox li.lastSearchLastEntry { border-bottom: 1px dotted silver; } #autoCompletionBox li.currentSelection { background-color: #9cc4ee; } [data-cobrili-component="dSpace_ComponentSearchInfo"] { display: none; } div[data-cobrili-component="dSpace_ComponentSearchBox_Main"] { display: none; } span.highlightedPhrase { background-color: yellow; } button.inactive { pointer-events: none; opacity: 0.7; } /* Highlighting normal */ mark { background: #e1eaf4; box-sizing: border-box; padding: 0.1em 3px; color: inherit; margin: 0 -3px; } mark.hiddenInPageSearchHit { background: none; padding: 0.1em 3px; margin: 0 -3px; } mark.currentInPageSearchHit { background: #d40032; color: white; } /* Highlighting SVG */ tspan.InPageSearchHit { /*color: @color_blue_10; fill: @color_blue_10;*/ text-shadow: -1px -1px 0 #e1eaf4, 0 -1px 0 #e1eaf4, 1px -1px 0 #e1eaf4, 1px 0 0 #e1eaf4, 1px 1px 0 #e1eaf4, 0 1px 0 #e1eaf4, -1px 1px 0 #e1eaf4, -1px 0 0 #e1eaf4; } tspan.currentInPageSearchHit { color: #fff; fill: #fff; text-shadow: -1px -1px 0 #d40032, 0 -1px 0 #d40032, 1px -1px 0 #d40032, 1px 0 0 #d40032, 1px 1px 0 #d40032, 0 1px 0 #d40032, -1px 1px 0 #d40032, -1px 0 0 #d40032; } /* Switches */ .material-switch>input[type="checkbox"] { display: none; } .material-switch>label { cursor: pointer; height: 0px; position: relative; width: 40px; } .material-switch>label::before { background: #000000; box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5); border-radius: 8px; content: ''; height: 16px; margin-top: -8px; position: absolute; opacity: 0.3; transition: all 0.4s ease-in-out; width: 40px; } .material-switch>label::after { background: #ffffff; border-radius: 16px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); content: ''; height: 24px; left: -4px; margin-top: -8px; position: absolute; top: -4px; transition: all 0.3s ease-in-out; width: 24px; } .material-switch>input[type="checkbox"]:checked+label::before { background: inherit; opacity: 0.5; } .material-switch>input[type="checkbox"]:checked+label::after { background: inherit; left: 20px; } /*# sourceMappingURL=./dspace.min.css.map */ @font-face { font-family: "iconfont"; src: url("data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABW4AA0AAAAAIMwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAVnAAAABoAAAAcjiKmYUdERUYAABV8AAAAHgAAAB4AKQAzT1MvMgAAAaQAAABHAAAAVlYw4nNjbWFwAAACWAAAALMAAAHqaDda+Wdhc3AAABV0AAAACAAAAAj//wADZ2x5ZgAAA2gAABAXAAAY4DbjfpNoZWFkAAABMAAAADEAAAA2G57DImhoZWEAAAFkAAAAIAAAACQHmgN3aG10eAAAAewAAABpAAAAtKCyDSNsb2NhAAADDAAAAFwAAABcfeaEPm1heHAAAAGEAAAAHgAAACAAeACTbmFtZQAAE4AAAADVAAABa8RyVxNwb3N0AAAUWAAAARwAAAGPqMCBdnjaY2BkYGAAYq/mFffi+W2+MnCzMIDAHXv7NTD6/9b/k1l8mK2AXA4GJpAoAEstC+0AAAB42mNgZGBgtvo/mSGGheH/1v/bWHwYgCIoQBcAk4cGGHjaY2BkYGDQZZjAwMkAAkxAzMgAEnMA8xkAFdcBDAAAeNpjYGQ+zTiBgZWBgWkm0xkGBoZ+CM34msGYkRMoysDKzAADjAIMCBCQ5prC4MCg8FGD2fi/MUMMsxVDbgNQDUgOABGpC9IAeNpjYYAAxlAIzcLAUAzEuVC8EIh9gdgPiDuA2BWI3YC4HogjIfj/HwhmcGQ2BmI+hmimowxmzFUMjFDsAcT2zDVANhIGqv8PxM+BuBqKQfb6Q9mOULoSKrYMaMc2ID2RqYbBBADt+xlrAAAAeNpjYGBgZoBgGQZGBhB4AuQxgvksDCeAtB6DApDFB2QpvOR4ufmV2wfmD1wfeD+EfIj6kPah6UPPh8sfGT+yfGT/yPVR4KPYR7mPGv//g01SeMkAVO8KVs/zIfhD5IfUD41Q9cxg9TwfRT/KQtT/fyzOIhYlelKAV4BdgI3/IP9e/s38M/kn8Hvxy/LL8EvxS/CL8wvz8/KzQN1JAmBkY4BrYmQCEkzoCiBBMJwBAO3qPcoAAAAAAAAAAAAAAAAuAKoBFAEoAYAB6gIQAjgCegL6AyQDTgO4BHQEsATqBRQFQAXABiIGcgbCByoHYge6CD4ITAhgCLgI+AkmCV4JtAngCioKsAruCzAL1gwSDHB42rU4a3Abx3m7e7gHDs8j7kFCAAjgQICkSIDA4QC+KT4lURQpUQ9alPWkKj9kW7aiUIrl2vFDip1EttM4rTOOrThJbY8aaexYSSXZicdpa3cmmmTsxrZcz2QmTieuU0+Typ3UaYVjv70DKerhNH9K4na//Xb32++13367iEGfQT7mKHkVBZGMahHCiSSnSLJqJAolUyqm9VCCSbAJKcFkK8ebu7qaycamUqkpWpkl5MuVYyRbeZO8WkhV/pAyjBThU4XK4ySStooIIRe6FQWYr5IfoyVIRwW0EahncSbvx7zix7KqZWJYy/fiPtyLi+kMl0wXSwVV5k0+U+7FRkFVOoiEJZnTE6YhJRSZy8F8s1gqw6RyvlxSozgBo/L4V97G2tpGry8Q8GMb9GCf3+8vFBoaCg2fKNF2hmcFLznqdVv/+VNLUvwvcgLBhHW96FdIq9uLXXIdxnUhrBglQ8WLGz/pWd/Ts/6G9ygRxitYH4PEHwjedfgbk5LHfRBQDEdcHDkgeqR1Xjeqyh1k/hLkjqIc6kJDCIVsjZo6lUKl8mayOIfTXNRWN9UKKIWTNVAIiFYq8sk0yElVIHO2PkqqIt3qdWPvT/FvgX03zxKOAe4r/+T2klPeRg3Ej0RAdg3qG8KpVLi2IfVzOdruDpNeyvAkfnKdJLoPumTRxeGDbo806ROs1+VajGvl7J7sPPBkz9Lmnp7mpT1N/yxHy6Lotz6mMhH0NBKYbeQ1gDiEym6ckAzpafwfVoCs/KyAt+FtlQHyI5B9NfjTi+Rt8KYlaCnqcTwqig0TfEiZd6o8KJdWplKgMqvQAh2k9UXtjI3IM7sq7fHcBPlH69+wEs/l4hc/PDBcaE6lzEBwvHlVwegc7e/fHolMJJOzExObydu5xOxs5Z2JbII0JXKVk7PG4LE1gUBJb2jq2L1KUZ+aiES29/ePTk+smU0mEYvGkZ/5HnkLpKpFKVREK0G6q5irMoMTimqjNENiaS+x+wjtuYaQ47MjbU16gxkMTKjqqFHoIK9VzncWixvi8dAvKp0rgfH2iaT+2aemGaXSmchOkNesj7CcyGYTh2fzw09NBAOlVKqxo1AYU8Arl8n18Q3FYhf+0iwIsePeldPja2aHsJxNHDhQOU8lbkxkbf97cO7fmYPku4hBPPIjBSHgV6cGY3TTMDU+Y5i6yWsP7dxJHt1qDQ4eO/ZbWtSQH1EjWtunbn3863ugeBxoDQOtlxbTYqu0Qg6RBockztxyC162/xtDQ8eOVWpoOU9t/+Z9x755EIpjth+NzL3HnCUfIx9qBt9Q6KaYjzYsqLJsSIV0qQsXYHNLsAECmOO5dA4zfZX7DqXC5JNwyup6nnDYM4OJKH5JEK4PsBz3NUXwuVw488Yb1gXq/di/+y3s8vHY5AWeYayf+XjudZnHLgaBpe+Z+zVzL/lXlEFtqBv25xhaD7zoadvMGVNXOJ7uR15XjKq9FcMslenWLBsZHUaZgF28SRmIaLzei3kDOpQs1kwYbPgx8/kxQVOHW1oKOwotLcOqJoxdhTi5SszFujf53pSj0RB8Q7GcuMq3abeD/r3Twn/1qfMXEM7I7h1ROWRTwsxlJKoEwaab5l5hnmW8l2yKqU3hAwdPKJlyQ8JMgE2ZO0zz4oemiQUyVHn5zBncXXmZDJ05w3itaWsaCzcdPnP6zE0PnD6DrkUzpEtGAj6bZjlj0+S1R0yT0UzT+sQhZf29Q/oaJBEzd3HuTZeLXEQRVEbLEWqQQMn2bylO2saC3+KzigZT2bZYDIML2RbrxWbZPkPAWhKYC04M5qxbFnvv6o6vaSGtE/Huu3pF2e3hmTW8hwQvPs97WjOd+zu0lTESW6l17O+MtI+W0hefT5dKaWZNupTFZ8WQu21HYYlpLinsaHOHRGtE8HgEssUT9Qj59bHs5mxNd3cNVOq6BqXyMJ1J9kGJ3AsyBVA9nA59aAJtQ3vRPegRkA8ciUrWg4v2DpCuaOP/5/ZV6+kJ9YwWj2tn1MQlCN8e105TGArr0Wvj8R2XJlmPXBt/CTpwG23dpiUSOEhLG7R+vIAl5So2HqfYP3XAArF4HGHUjyTmFfJDlABvh0MV+7EOPgRHb7FED+SCWo+rVQwrzCtu3goKiuhRBOuXvNvNTwiyKgvH8Z12PcG7STvtkwT4w/XzSDdPR8DfOMyl5yZd108ukFcgA0IpGaJZMgeRBYp0sQ+CDRSlQj3EFShU6NbIBWlcygaP/00wC4B0/Lh0Rfu72eBEMHj8eBCqLO2/ok3X3Dz3VfIi00l3oZuo9qoZWLCMnWV48px1Dhc9nu2emMea9HjwSQC2ezzkCeucdc6BbRwU9iCgWQKaj1RpYkcAyAIcATSb6ANAKubZAVOLQAQAZz5eTZegVHARFrWJ2yOpfhiE544zn2N02A9D6DrYA2YxDT4Ih6ms0i0cKkJETutJngPOjQIEYIi4cCbLEJ7hf36YWSxX4zP8myW7N0lnUjwwqGqEF4XbBdEuHovH29oKR0fd/jEX72brQ3IsoqheTyRVHxPdewXR6wvVyJIE9uR/0d21e/eF3bu7uueBtXvdoj1KxEeNpS1a7SG/2OniG33+QCCk+ny+YDKZkWGM4Kmp8Yhef8DnV9Q68TIiFLhM/nqUR8Pz8kuLlaDoDmSHOcYEhUDfJdFd1xJ2rSi0i8JZKm97Oy2xSxBHWRakZ1lbB3jf1YJtAXQTHQ3AWbsUBcJfL8ABywrXg0R7ryUDQSvmLjAF8h5kfGW6u8CN1UuRxHZvgzoeZOoQYewNoFMHMp0tYMca6PuB6+kRd43vXV9NTdg9/DTL8WzZhQ8taiwMwHUcC3BdKOSFFvS7XO0sh7/1rjckVhvOgJoaH/DXN/ch00X+pcrfH+Phj/H+w1BYXPEcy3NsJ8s+t9Id8r3vC+E/XwAXdeMRaIsrnuW4Dpbn2WdXusOhkA+vc0BZ9jndLNvBccAf9YFDTAMqoRHgj+NLZY63fV6RNTBrhtbJDD3agOmMqlVrZzuA2/dgiGFXHHLkg0RDxt/QmDILqRQzOtCflcwl9Z3NklcIeOvrG4fWB/wb/6y/o72pMRaNpOoe2zlc+fnwzp3DpGV4J/EFWK1VFdJ6qiB5XMlEezQ+oAdwy5DgIg1aLS6SsqIk9ZbWnflguOH2SzN30vgzL08aGqBWiSpUMso63aVd2LRFi2LIrqR5holN4NbP1Bz2+xpHUoPjbbn9+61zFMmkHM7wpiMb41LwIJfLbpg5Yj3rrGfnu/PrMSgEd44uyOAhlylX44asORECsvOijYG8VWUMO2KAbZUrFffFI0cewbKcTKiKIidwshmvO7K0eXhiKTlCyBGXUCOFB3Fgsba68F/cFZNDIblblhtjlQu/nm7NDnWlrcd+qYpywL8Z7/kU/Wxe0I+eoJaMYWpS0w55DvPOP7W86sS2TJoy7oRAcIJ0NeI5klE/4TlNv0yp1vV5P1vn69ZvGhhU5JRumj3dZjHVEA57fdlWnuPoBVaMdnfv2NiWH+/VmwWXx8PxwUBUr6v1d/jFmxdbYbkR2q3FN2y8vy3bquuKKgUjkZQO7HZNhwhhhLDo86SMqd6eXG5054MFXU4kw3U1kVAokWhrjvyuc9OC2UAPcyjOYHISdgDCEjQJIScr+/ByGlM+gL466KP5pG1Peuf44KWX8IGX4uThyj7ysHPXPjT3PnOYfIQEO4IWgVIxnVHgGm0acMzT2rm9ZapXNwXzGmSlmqTRdwg4MrQyYMjfdbfdjPEtPs+Aomna2nL7smxjY4cUrNxfPnfuxPnTaj7csjZ5Xdk6ND2Nb+jYUrttD+/nY53hgabp/HBf7y495d/kjyxZnc0Z+HD5nHXxPNZPS2Fh2tMYua5Mnpve7Jx3h+Y+An7fh5unBzXQlwFghXcBz1KJqbIoO7cPBbY2se/Fh06cP4+f6G5ra3OYCkodjY3ZZe3ltdkssIo/hNXIqfMv7dtSa32nlkhVRnbnsquXRIAtPbXrri/ftSuloz/tvYem7Nd677H+AYvW769+77E+fA9kYyGX9TEvLNCOoPg16GND0Vm4C7D03gg1M10Zs2mdomVl7MQJ/II1gV/AzIkTtCavGnrlE90wdCLohvXM1ImpqamNU44uYb3D9nqNaNm11tLhLmeYxhV5rcJ+Cp7JVb6VKhRSZCstrWf6p6b6wzX31oTtAucub1/B2RvqfWqLFA5LJ2nRclkL7pz9aC/kn9tsf/ZAthNCGlgfYpFU/UIJ+noAH9yJ+2fsv9fJ31ZWOh8u7bTemcHNM9Y7NnB0ZsbZQ4fmTjOHGRV8HzUkOb7BfktroJGkBBpwLkRsFpJdDhQDVyLWDwcghSDR0BlXXUvQ+gnsO4LzNa1hc2zMLI0RYv2s2gi31kCsJ6NmcXS0eKomcIoPBAP894KhsVvGxkrCPBgKvsj7BTrGXAl793Nz7zBfIP+FVtlvfjZHcErR17sAzto1zW4CkIPzmTTUHGTd9osgOD7Nv/vgozWN2zQ5L2sq1KV0hqVvhHDjhtDHNBGMyQaOMGtcfm5XMBEKYI/wTd6LA6FEcBfnd61hGHaDPYhlLh8keLA/lAzOcAEYRDjrvq61a7s6Jyc78TK3LMvuQZef/yLPMo1eWbiZE0XuZkH2NjIsIP2uwf97SHJy/yT87NxoYu4HzAtMLVgbbgAoyS889KkFO2G1o1OIz/CZcgZikcaT6VPjE7PJJH3QGr8EtvU88cT8j6m9otMBK28vGkN94xlYexrWpi8tcPc2q+9ZTnxJ2mHR1OUqL8R03uAIOn++lMstl+H4W57L3WKDG0tb+/oe7evbWqLACrLnxLvnT8jKSK6tZLblRhTZhs3ld29dEoks2Xr38hUUQoif+z7a4Roje2CPRsBHR+DMuxndRu/yJRrsbE5yTL6swimW5qln5sHY9NYO5tY5+zamcnzecJBFiqQTFyMXRmoQ8fOsUTYU+uBFH3ECGCuZMj593RcK2WU8N7uuubcP4zvKIxw/3kfwf2uyqMZwKSpjBo4F0hLZriqiGi3GQpgntTpeGtmqKaISw2YsRFwwBC+N/s9bTzZ/Dd/+IGsYB/N5vH3Llj34D4RLJe5ev+l+gSGYYT7PdBgD467fEeYePl2TmemcvLOJ4zzNtw2M3p2/hPGyV2Lmx7gG6poI4147+fL4arzmr/F37L3+lblfMXvJb1AGGo4n0XDXhSXIrHpJIUYgqZIMO/hlqrZcNTQ4E40sN+78duvqG2dvXN367TuN5ZHozODQKvKbaHTXwOAq6/3CCjwy2XnjeGvr+I2dk9bZFQUcWzU4sCsadd5+i3OfkOXkLYhaA1e/UoRkqmglfwnrGAoijvNYA+kI3fL2m371CP6KT3zI7fe7HxJ9359qqotBU/SsTSdipaSccHvq6lxu1sW7tggMm31gKpvLjtZqX5+f4cOr165WA20+d40qho11UiARqU2JnBCOu1hCVrCSsHqVJPU2NxX+FxkQy8YAeNptjj1qw0AQhT/ZkkOckCJF6sVlwGK9patUPkAK9y4WYRArWFu+RdpAKh/DB/ABcqU8yQMpkl2G+d7w5gd45JOC4RVUUjeecMfCeIqjNS7l+TKueOBiPJP6lrMo71WZj10DT3ji2XjKG6/GpTwfxhUvnI1nql9J9EROdJD6eFJ6l25UbdmRJWPTtzvBRp7EccxZjqhbAzVeea34nXTTgaWFV6w0oEvHTZeb6ELt3dqN+5TDUt8HOf4es5XOHNiPy53GDAvZxnzYd8mtav9P1w88RjJ4AAAAeNp9T0lOxDAQTGXsJMO+7/sOEofkwBP4h3E6xBrHtmxnAr8nM4IrLXV1qVXVS5Im/8frmEjSZIIUEzBwZMhRYIoVrGIN69jAJrawjR3sYg/7OMAhjnCME5ziDOe4wCWucI0b3OIO93jAI57wjBfmlKsyT4Mydd5YPwhfszBTjksRYrnEqogtiUi+/CNVUdvBaCvqTJIZG3mnvLe+/K0V64TSuSc9qutctiRnNGqFkaSZ8zRnhr4ia0k7pkxjedNrXS6xyuOg4jizaISkD2tnmVZmtE+dWqyiEJnT4ps70QdiXR8pm1vddzQZf2E1BVlI4aKyJhSyHRn5wEMrPBWBYlTmM3CpbaC8N+q9LN9SUXPR18ryxT3VD3j3ZBQAAAAB//8AAgABAAAADAAAABYAAAACAAEAAwAsAAEABAAAAAIAAAAAeNpjYGBgZACCq0vUOUD0HXv7NTAaADspBbYAAA==") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } .video-js-container { max-width: 640px; margin: 20px 0; } .vjs-bar-height { height: 40px; position: absolute; top: 0; background: transparent; } ::-moz-focus-inner, :active, :focus { outline: none; border: 0; -moz-outline-style: none; outline-style: none; } :focus { outline: none !important; border: 0; -moz-outline-style: none; outline-style: none; } .video-js { background-color: #000; box-sizing: border-box; display: block; color: #fff; outline: 0; position: relative; padding: 0; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-family: Arial, Helvetica, sans-serif !important; font-size: 14px; line-height: normal; outline: none !important; box-shadow: 0px 0px 3px #0006; } .vjs-icon-placeholder, .vjs-control-text { pointer-events: none; } .vjs-overflow { overflow: visible; z-index: 10000001; } .video-js:focus { outline: none !important; } .video-js .vjs-skin { position: absolute; } *, *:before, *:after { box-sizing: border-box; } .vjs-spacer { display: none; } .vjs-context-menu { background: #282828; display: inline-block; color: #ccc; padding: 0 10px; height: 40px; line-height: 40px; border: solid 1px #666; position: absolute; white-space: nowrap; z-index: 99; } .vjs-context-menu a { color: #ccc; text-decoration: none; height: 40px; display: block; } .vjs-context-menu a:hover { color: #ccc; text-decoration: none; } .vjs-context-menu img { vertical-align: middle; max-height: 18px; padding-right: 5px; display: inline-block; border-right: solid 1px #999; } .vjs-context-menu span { font-size: 12px; padding: 0; margin: 0; padding-left: 5px; font-family: Arial, sans-serif; border: 0; background: transparent; } .video-js, .video-js .vjs-progress-holder { -webkit-touch-callout: none; -khtml-user-select: none; user-select: none; } .vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder, .vjs-icon-pip-enter, .video-js .vjs-pip .vjs-icon-placeholder { font-family: "iconfont"; font-weight: normal; font-style: normal; } .vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before, .vjs-icon-pip-enter:before, .video-js .vjs-pip-control .vjs-icon-placeholder:before { font-family: "iconfont"; content: "\f10a"; } .vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder, .vjs-icon-pip-exit, .video-js.vjs-picture-in-picture .vjs-pip .vjs-icon-placeholder { font-family: "iconfont"; font-weight: normal; font-style: normal; } .vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before, .vjs-icon-pip-exit:before, .video-js.vjs-picture-in-picture .vjs-pip-control .vjs-icon-placeholder:before { font-family: "iconfont"; content: "\e900"; } .video-js .vjs-picture-in-picture-control, .video-js .vjs-pip-control { cursor: pointer; flex: none; } .vjs-menu .vjs-menu-title { display: none; } .vjs-marker { position: absolute; top: 11px; padding: 5px; margin-left: -7px; } .vjs-marker-inn { width: 4px; height: 8px; background-color: #666; } .vjs-marker-tooltip { position: absolute; font-size: 12px; white-space: nowrap; top: -28px; background: #fff; color: #000; padding: 4px; z-index: 2; -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); display: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .vjs-marker:hover .vjs-marker-tooltip { display: table; } .video-js .vjs-lcn { text-shadow: 1px 1px 1px #000; position: absolute; bottom: 10px; width: 100%; text-align: center; font-size: 24px; } .video-js .vjs-lcn-poster { position: absolute; top: 0; left: 0; height: 100%; width: auto; margin: 0; padding: 0; } .video-js:-moz-full-screen { position: absolute; } .video-js:-webkit-full-screen { width: 100% !important; height: 100% !important; } .video-js .vjs-block { display: block !important; } .vjs-scroll { overflow-x: scroll !important; -webkit-overflow-scrolling: touch; } .video-js .vjs-grid { width: 100%; height: 100%; position: absolute; left: 0; top: 0px; background-color: rgba(0, 0, 0, 0.9); z-index: 97; text-align: center; } .video-js .vjs-grid p { margin: 0; line-height: 38px; background: #333; font-size: 16px; } .video-js .vjs-grid .vjs-close-btn { position: absolute; top: 4px; right: 10px; z-index: 10; font-size: 30px; } .video-js .vjs-related { position: absolute; overflow: hidden; width: 80%; left: 10%; max-width: 800px; } .video-js .vjs-related .rel-block { position: absolute; top: 0; left: 0; } .video-js .vjs-related .rel-anim { -o-transition: left 0.5s ease; -ms-transition: left 0.5s ease; -webkit-transition: left 0.5 ease; -mos-transition: left 0.5 ease; transition: left 0.5s ease; } .video-js .vjs-related .rel-block .rel-parent { position: absolute; padding: 2px; } .video-js .vjs-related .rel-item { width: 100%; height: 100%; background-color: #000; } .video-js .vjs-related .rel-item:hover .rel-bg { opacity: 0.7; } .video-js .vjs-related .rel-item a { width: 100%; height: 100%; display: block; } .video-js .vjs-related .rel-bg { width: 100%; height: 100%; background-size: cover; background-position: center; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; transition: opacity 0.3s ease; opacity: 1; display: block; } .video-js .vjs-related .rel-item label { width: 90%; text-align: left; color: #fff; font-size: 13px; font-weight: normal; white-space: nowrap; max-height: 2.5em; overflow: hidden; text-overflow: ellipsis; text-shadow: 1px 1px 1px #000; box-sizing: border-box; position: absolute; top: 0; left: 0; margin: 3% 5%; cursor: pointer; } .video-js .vjs-related .rel-block .rel-item i { position: absolute; color: #fff; bottom: 0; right: 0; padding: 4px; font-style: normal; background: rgba(0, 0, 0, 0.5); margin: 2px; font-size: 12px; } .vjs-grid .vjs-arrow, .vjs-playlist-nav { position: absolute; top: 55%; -ms-transform: translateY(-55%); -o-transform: translateY(-55%); -moz-transform: translateY(-55%); -webkit-transform: translateY(-55%); transform: translateY(-55%); cursor: pointer; display: table; } .vjs-playlist-nav { padding: 5px; background: rgba(0, 0, 0, 0.2); } .vjs-disabled { cursor: none; } .vjs-grid .vjs-disabled, .vjs-playlist-nav .vjs-disabled { opacity: 0.35; cursor: none; } .vjs-nav-prev { left: 10px; display: none; padding: 10px 0 10px 10px; } .vjs-nav-next { right: 10px; display: none; padding: 10px 10px 10px 0px; } .vjs-grid .vjs-arrow .vjs-prev, .vjs-grid .vjs-arrow .vjs-next, .vjs-playlist-nav .vjs-prev, .vjs-playlist-nav .vjs-next { width: 27px; height: 27px; z-index: 10; cursor: pointer; border: solid white; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; } .vjs-grid .vjs-arrow .vjs-prev, .vjs-playlist-nav .vjs-prev { transform: rotate(135deg); -webkit-transform: rotate(135deg); } .vjs-grid .vjs-arrow .vjs-next, .vjs-playlist-nav .vjs-next { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .vjs-playlist-nav .vjs-next { padding: 0; } .vjs-has-started.vjs-user-active .vjs-nav-next, .vjs-has-started.video-js.vjs-user-active .vjs-nav-prev { display: table; } .video-js.vjs-fluid, .video-js.vjs-16-9, .video-js.vjs-4-3 { height: 0; max-width: 100%; width: 100%; } .video-js.vjs-16-9 { padding-top: 56.25%; } .video-js.vjs-4-3 { padding-top: 75%; } .video-js.vjs-fill { height: 100%; width: 100%; } .video-js .vjs-tech { height: 100%; left: 0; position: absolute; top: 0; width: 100%; display: inline-block; } body.vjs-full-window { height: 100%; margin: 0; overflow-y: auto; padding: 0; } .vjs-full-window .video-js.vjs-fullscreen { bottom: 0; left: 0; overflow: hidden; position: fixed; right: 0; top: 0; z-index: 9999999; } .video-js.vjs-fullscreen { height: 100% !important; padding-top: 0 !important; width: 100% !important; } .video-js.vjs-fullscreen.vjs-user-inactive { cursor: none; } .vjs-close-btn:before { content: "\f115"; } .video-js .vjs-close-btn { font-family: "iconfont"; color: #fff; font-size: 3em; cursor: pointer; position: absolute; top: 5px; right: 10px; } .video-js .vjs-zoom-help { position: absolute; background: rgba(0, 0, 0, 0.6); color: #fff; display: table; text-align: center; padding: 10px; top: 40px; left: 50%; -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); line-height: 20px; font-size: 12px; max-width: 95%; min-width: 60%; } .vjs-zoom-help .zoom-close { position: absolute; top: 0; right: 0; padding: 2px 10px; font-size: 20px; cursor: pointer; } .video-js .vjs-zoom-parent { position: absolute; left: 0; top: 0; height: 30px; line-height: 30px; background: #222; } .vjs-zoom-parent .vjs-reset-zoom { float: left; padding: 0 5px; } .vjs-zoom-parent .vjs-reset-info:before { content: "\f128"; } .vjs-zoom-parent .vjs-reset-cancel:before { content: "\f00d"; } .vjs-zoom-parent .vjs-reset-center:before { content: "\e9b3"; } .video-js .btn-reset-zoom { position: absolute; left: 0; bottom: 55px; color: #fff; background: rgba(0, 0, 0, 0.5); padding: 5px; cursor: pointer; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } .video-js .btn-reset-zoom:hover { background: #307bbf; text-shadow: 1px 1px 1px #000; } .video-js .vjs-zoom-hidden { left: -200px; } .video-js button:focus, .video-js button:hover, .video-js .vjs-button:focus, .video-js .vjs-button:hover, .video-js .vjs-menu-item:focus, .video-js .vjs-menu-item:hover { outline: none; } .video-js .vjs-menu-button .vjs-hidden { display: block !important; visibility: hidden; opacity: 0 !important; -webkit-transform: scale(0) !important; transform: scale(0) !important; } .video-js .vjs-logo-bar { display: table; height: 40px; line-height: 40px; padding: 0 4px; margin: 0; } .vjs-logo-bar a { display: table-cell; vertical-align: middle; } .video-js .vjs-logo-bar img { max-height: 16px; width: auto; vertical-align: middle; } .vjs-has-started.vjs-user-inactive.vjs-playing:not(.vjs-ad-playing) .vjs-logo-min { visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .video-js .vjs-logo { position: absolute; visibility: visible; opacity: 1; z-index: 97; cursor: pointer; } .video-js .vjs-logo-bottom { bottom: 10px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } .vjs-has-started.vjs-user-active .vjs-logo-bottom, .vjs-has-started.vjs-paused .vjs-logo-bottom { bottom: 50px; } .video-js .vjs-hidden { display: none !important; } .video-js .vjs-hidden-plus { display: none !important; } .video-js .vjs-remaining-time-display { /*display:none;*/ margin-left: 5px; } .video-js button { -moz-appearance: none; background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; color: inherit; display: inline-block; overflow: visible; text-decoration: none; text-transform: none; -webkit-transition: none 0s ease 0s; -moz-transition: none 0s ease 0s; -o-transition: none 0s ease 0s; -ms-transition: one 0s ease 0s; transition: none 0s ease 0s; width: 40px; cursor: pointer; } .video-js .vjs-button { background-color: transparent; border: 0; cursor: pointer; width: 40px; vertical-align: top; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } .vjs-control-bar .vjs-control:hover .vjs-control-text { visibility: visible; opacity: 1; top: -40px; } .video-js .vjs-control-text { border: 0; margin: 0; position: absolute; z-index: 2; display: none; } .vjs-control-text { display: none; } .no-touch .vjs-control-text { display: block; border: 0; clip: auto; top: -10px; background-color: #fff; color: #000; padding: 0 5px !important; line-height: 22px; font-size: 11px !important; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); white-space: nowrap; -webkit-transition: all 0.3s; transition: all 0.3s; visibility: hidden; opacity: 0; width: auto; z-index: 2; text-shadow: none !important; font-family: Arial, sans-serif; } .vjs-control-text:after { content: ""; display: block; background-color: #fff; top: 100%; position: absolute; left: 50%; height: 14px; width: 14px; border-radius: 1px; -webkit-transform-origin: 75% 50%; transform-origin: 75% 50%; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); z-index: -1; } .vjs-play-control .vjs-control-text { left: 5px; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .vjs-play-control .vjs-control-text:after { left: 7px; -webkit-transform: translate(0, -50%) rotate(45deg); transform: translate(0, -50%) rotate(45deg); } .vjs-fullscreen-control .vjs-control-text { left: auto; -webkit-transform: translate(0, 0); transform: translate(0, 0); right: 5px; } .vjs-fullscreen-control .vjs-control-text:after { left: auto; right: 6px; -webkit-transform: translate(0, -50%) rotate(45deg); transform: translate(0, -50%) rotate(45deg); } .vjs-volume-level .vjs-control-text, .vjs-menu .vjs-control-text, .vjs-load-progress .vjs-control-text, .vjs-time-control .vjs-control-text, .vjs-progress-control .vjs-control-text, .vjs-volume-panel-vertical .vjs-control-text { display: none; } .vjs-volume-bar .vjs-mouse-display { display: none; } .video-js .vjs-background-bar { display: none; } .video-js .vjs-control-bar { background-color: #004494; background-color: rgba(0, 68, 148, 0.8); bottom: 0; height: 40px; left: 0; position: absolute; right: 0; width: 100%; z-index: 5; display: none; } .vjs-has-started .vjs-control-bar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .vjs-waiting:not(.vjs-seeking) .vjs-control-bar, .vjs-waiting:not(.vjs-seeking) .vjs-background-bar { display: none; } .video-js .vjs-control-bar .vjs-button { height: 100%; padding: 0; margin: 0; } .video-js .vjs-control { position: relative; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; } .video-js .vjs-control-bar .vjs-progress-control { -webkit-box-flex: auto; -moz-box-flex: auto; -webkit-flex: auto; -ms-flex: auto; flex: auto; display: flex; } .video-js .vjs-progress-holder { -webkit-box-flex: auto; -webkit-box-flex: 1; -moz-box-flex: auto; -webkit-flex: auto; -ms-flex: auto; flex: auto; height: 0.3em; outline: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .video-js .vjs-big-play-tiny { background-position: 23px center !important; height: 66px !important; width: 66px !important; margin: -33px 0 0 -33px !important; } .video-js .vjs-replay-button { font-family: sans-serif; color: #fff; left: 50%; margin: -60px 0 0 -40px; position: absolute; top: 50%; font-size: 20px; cursor: pointer; text-align: center; } .video-js .vjs-replay-button:before { content: "\f116"; padding-bottom: 5px; font-family: "iconfont"; font-size: 70px; display: block; } .vjs-sharing-container .vjs-share-block { display: block; margin: 0; } .video-js .vjs-control-bar { visibility: visible; opacity: 1; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -o-transition: all 0.1s; -ms-transition: all 0.1s; transition: all 0.1s; } .vjs-has-started.vjs-user-inactive.vjs-playing:not(.vjs-ad-playing) .vjs-control-bar { visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } .video-js .vjs-loading-spinner { background: transparent; top: 50%; left: 50%; cursor: pointer; line-height: 80px; width: 80px; height: 80px; position: absolute; padding: 0; opacity: 1; -webkit-transition: all 0.4s; transition: all 0.4s; margin-left: -40px; margin-top: -40px; display: none; } .video-js .vjs-loading-spinner:before { content: ""; background: transparent; width: 80px; height: 80px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 2px solid #fff; border-top: 2px solid rgba(255, 255, 255, 0.5); position: absolute; top: 50%; left: 50%; margin-top: -40px; margin-left: -40px; animation: rotate 1s linear infinite; -webkit-animation: rotate 1s linear infinite; -moz-animation: rotate 1s linear infinite; -ms-animation: rotate 1s linear infinite; -o-animation: rotate 1s linear infinite; } @keyframes rotate { to { transform: rotate(360deg); } } @-webkit-keyframes rotate { to { transform: rotate(360deg); } } @-moz-keyframes rotate { to { transform: rotate(360deg); } } @-o-keyframes rotate { to { transform: rotate(360deg); } } .vjs-seeking .vjs-loading-spinner, .vjs-waiting .vjs-loading-spinner { display: block; } .video-js .vjs-big-play-button { top: 50%; left: 50%; background-color: rgba(0, 0, 0, 0.45); cursor: pointer; line-height: 60px; width: 100px; height: 60px; position: absolute; padding: 0; opacity: 1; /*border: 1.5px solid #fff;*/ border-radius: 10px; -webkit-transition: all 0.4s; transition: all 0.4s; margin-left: -50px; margin-top: -30px; } .video-js .vjs-big-play-button:hover { background-color: #307bbf; } .video-js .vjs-big-play-button .vjs-icon-placeholder:before { font-family: "iconfont"; content: "\f101"; font-size: 50px; margin-left: 5px; } .vjs-error .vjs-big-play-button, .vjs-has-started.vjs-ad-playing .vjs-big-play-button, .vjs-playing .vjs-big-play-button, .vjs-seeking .vjs-big-play-button { display: none; } .video-js .vjs-time-divider { text-align: center; width: 8px; display: none; } .video-js .vjs-time-divider:before { content: "/"; } .video-js .vjs-time-control { font-size: 12px; line-height: 40px; text-align: center; } .video-js .vjs-current-time { margin-left: 5px; } .video-js .vjs-duration-display { margin-right: 5px; } .video-js .vjs-menu { font-family: Arial, Helvetica, sans-serif !important; min-width: 40px; } .video-js .vjs-mute-control { margin: 0; padding: 0; display: block; line-height: 40px; } .vjs-icon-placeholder { font-family: "iconfont"; font-size: 20px; } .vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before { content: "\f104"; } .vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before { content: "\f107"; } .video-js .vjs-volume-control { cursor: pointer; width: 40px; font-family: "iconfont"; } .video-js .vjs-volume-panel { position: relative; width: 40px; padding: 0; margin: 0; } .video-js .vjs-volume-panel:hover .vjs-volume-vertical { opacity: 1; visibility: visible; -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } .video-js .vjs-volume-bar.vjs-slider-vertical { width: 8px; position: relative; height: 80px; margin: 0 auto; background: rgba(255, 255, 255, 0.4); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .video-js .vjs-volume-level { position: absolute; bottom: 0; background: #307bbf; width: 8px; height: 100%; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .video-js .vjs-volume-level:before { position: absolute; font-size: 0.9em; top: -0.4em; right: -0.16em; content: ""; height: 12px; width: 12px; background-color: #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .video-js .vjs-volume-panel .vjs-volume-vertical { width: 40px; position: absolute; bottom: 40px; background-color: #004494; background-color: rgba(0, 68, 148, 0.8); padding: 12px 0; -moz-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); -moz-transform-origin: bottom; -webkit-transform-origin: bottom; transform-origin: bottom; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .no-touch .vjs-volume-panel .vjs-volume-vertical { display: block; } .video-js .vjs-progress-control { margin: 0 20px; } .video-js .vjs-progress-control .vjs-slider { cursor: pointer; height: 40px; } .video-js .vjs-progress-control .vjs-slider:before { background: rgba(255, 255, 255, 0.4); content: ""; height: 8px; left: 0; margin-top: -4px; position: absolute; top: 50%; width: 100%; border: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .video-js .vjs-progress-control .vjs-load-progress, .vjs-progress-control .vjs-play-progress { height: 8px; left: 0; position: absolute; top: 50%; margin-top: -4px; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } .video-js .vjs-progress-control .vjs-load-progress { background-color: rgba(48, 123, 191, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .video-js .vjs-progress-control .vjs-play-progress { background-color: #307bbf; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .video-js .vjs-progress-control .vjs-play-progress:before { background: #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; content: ""; height: 16px; position: absolute; right: -8px; top: -4px; width: 16px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.66); -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.66); -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.66); } .video-js .vjs-progress-control .vjs-play-progress:after { display: none !important; } .video-js .vjs-progress-control .vjs-mouse-display { display: none; position: absolute; top: 16px; width: 0px; height: 100%; background-color: #000; z-index: 1; } .vjs-no-flex .vjs-progress-control .vjs-mouse-display { z-index: 0; } .video-js .vjs-progress-control:hover .vjs-mouse-display { display: block; } .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display { visibility: hidden; opacity: 0; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; } .video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display { display: none; } .video-js .vjs-time-tooltip { position: relative; float: right; top: -3.5em; background-color: rgba(0, 0, 0, 0.5); padding: 5px; -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; border-radius: 0.3em; font-size: 0.8em; pointer-events: none; visibility: hidden; font-family: Arial, sans-serif; z-index: 1; line-height: 1em; } .video-js .vjs-abs-hidden { display: none !important; } .video-js .vjs-progress-holder:focus .vjs-time-tooltip { display: none; } .video-js .vjs-progress-control:hover .vjs-time-tooltip, .video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip { display: block; font-size: 0.8em; visibility: visible; } .vjs-menu .vjs-selected { background-color: #307bbf; color: #fff; } .video-js .vjs-menu-settings { bottom: 40px; cursor: default; right: -15px; position: absolute; width: auto; color: #fff; font-family: Arial, sans-serif; -moz-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: bottom right; transform-origin: bottom right; transition-property: all; transition-duration: 0.3s; -webkit-transition-property: all; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .video-js .vjs-menu-settings .vjs-min-max { max-height: 0 !important; max-width: 0 !important; } .video-js .vjs-menu-settings .vjs-menu-div { overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: thin; -ms-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1); -o-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1); } .vjs-menu-div::-webkit-scrollbar { width: 6px; background: rgba(0, 0, 0, 0.5); } .vjs-menu-div::-webkit-scrollbar-thumb { background: #707172; } .vjs-menu-div::-webkit-scrollbar-thumb:hover { background: #706362; } .video-js .vjs-invisible { visibility: hidden; } .video-js .vjs-menu-settings .vjs-menu-content { text-align: left; margin: 0; padding: 0; font-size: 13px; background: #000; background-color: rgba(0, 0, 0, 0.5); overflow: hidden; width: 100%; } .video-js .vjs-menu-settings .vjs-menu-content ul { margin: 0; padding: 0; list-style: none; } .video-js .vjs-menu-settings .vjs-menu-content li { height: 28px; line-height: 28px; padding: 0 15px; cursor: pointer; overflow: hidden; white-space: nowrap; position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; } .video-js .vjs-menu-settings .vjs-menu-content li span { align-items: center; margin-left: auto; overflow: hidden; padding-left: 40px !important; padding-right: 15px; pointer-events: none; display: -ms-flexbox; display: -webkit-flex; display: flex; position: relative; } .video-js .vjs-menu-settings .vjs-menu-content .vjs-extend-quality span { padding-left: 0; } .auto-res i { font-size: 0.9em; padding-left: 4px; font-weight: normal; } .video-js .vjs-menu-settings .vjs-menu-content .vjs-speed { padding-left: 30px; } .video-js .vjs-menu-settings .vjs-menu-content .vjs-resolution-item { padding-left: 28px; padding-right: 20px; display: table; width: 100%; } .video-js .vjs-menu-settings .vjs-menu-content .vjs-first { margin-top: 5px; } .video-js .vjs-menu-settings .vjs-menu-content .vjs-checked:before { font-family: "iconfont"; content: "\f00c"; font-size: 0.8em; position: absolute; left: 10px; } .video-js .vjs-menu-settings .vjs-share-icon, .video-js .vjs-menu-settings .vjs-related-icon { font-family: "iconfont"; font-size: 17px; } .video-js .vjs-menu-settings .vjs-share-icon:before { content: "\f10f"; } .video-js .vjs-menu-settings .vjs-related-icon:before { content: "\f00a"; } .video-js .vjs-menu-settings .vjs-menu-content li:after { border: 4px solid transparent; content: ""; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .video-js .vjs-menu-settings .vjs-menu-content .vjs-menu-forward:after { right: 5px; border-left-color: #fff; } .video-js .vjs-menu-settings .vjs-settings-back { border-bottom: solid 1px #000; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); padding-left: 20px !important; position: relative; } .video-js .vjs-menu-settings .vjs-settings-back:before { border: 4px solid transparent; content: ""; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 5px; border-right-color: #fff; } .video-js .vjs-menu-settings .vjs-settings-back:hover { background-color: transparent !important; } .video-js .vjs-menu-settings .quality-back { line-height: 28px; padding: 0 10px; text-align: left; cursor: pointer; background-color: #333; background-color: rgba(0, 0, 0, 0.5); text-shadow: 1px 1px 1px #000; } .video-js .vjs-menu-settings .quality-back:hover { background-color: #333 !important; background-color: rgba(0, 0, 0, 0.5) !important; } .no-touch .video-js .vjs-menu-settings .vjs-menu-content li:hover { background-color: #307bbf; } .no-touch .video-js .vjs-menu-settings .vjs-menu-content li:hover .vjs-hd-icon { color: #fff; } .video-js .vjs-menu-settings .vjs-menu-content .vjs-current { background-color: #307bbf; } .video-js .vjs-zoom-slide { position: absolute; top: 15px; right: 0; width: 40px; background: transparent; display: none; } .vjs-zoom-slide .zoom-bg, .vjs-zoom-slide .zoom-thumb { position: absolute; width: 4px; left: 50%; margin-left: -2px; top: 0; height: 100%; background: rgba(255, 255, 255, 0.5); } .vjs-zoom-slide .zoom-thumb { background: #fff; top: auto; bottom: 0; height: 0%; } .vjs-has-started.vjs-user-active .vjs-zoom-slide, .vjs-has-started.vjs-paused .vjs-zoom-slide { display: block; } .vjs-slide-block { display: block !important; } .video-js .vjs-zoom-menu { background-color: rgba(0, 0, 0, 0.5); } .video-js .vjs-zoom-menu .vjs-zoom-return { line-height: 30px; padding: 0 10px; white-space: nowrap; cursor: pointer; margin-bottom: 15px; font-size: 14px; } .video-js .vjs-zoom-menu .vjs-zoom-slider { height: 70px; position: relative; display: table; margin: 0 auto 8px; width: 100%; } .video-js .vjs-show { display: block !important; } .video-js .vjs-visible { visibility: visible !important; opacity: 1 !important; } .video-js .vjs-zoom-menu .vjs-zoom-back { background: rgba(0, 177, 255, 0.3); width: 10px; margin-left: -5px; bottom: 0; position: absolute; cursor: pointer; height: 100%; left: 50%; } .video-js .vjs-zoom-menu .vjs-zoom-level { background: #307bbf; background-attachment: scroll; bottom: 1px; position: absolute; width: 10px; margin-left: -5px; border: solid 1px transparent; border-bottom: 0; border-top: 0; cursor: pointer; left: 50%; } .video-js .vjs-zoom-menu .vjs-zoom-level:before { background: #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; content: ""; height: 16px; position: absolute; right: -4px; top: -8px; width: 16px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.66); -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.66); -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.66); } .video-js .vjs-zoom-menu .vjs-zoom-reset { font-size: 11px; text-align: center; width: 100%; height: 25px; line-height: 25px; cursor: pointer; padding: 0 4px; } .video-js .vjs-zoom-menu .vjs-zoom-reset:hover { background-color: #307bbf; } /*.video-js .vjs-playback-rate { position: absolute; top: 0; right: 50px; width: 50px; background-position: center center; }*/ .video-js .vjs-playback-rate .vjs-menu { /*cursor: default;*/ display: none; position: absolute; } /*.video-js .vjs-playback-rate .vjs-menu .vjs-menu-content { padding: 0; margin: 0; list-style: none; font-size: 1em; display: block; }*/ .video-js .vjs-playback-rate .vjs-playback-rate-value { /*font-size: 1.2em;*/ line-height: 40px; position: absolute; top: 0; width: 40px; height: 100%; text-align: center; pointer-events: none; font-weight: bold; } /*.video-js .vjs-playback-rate .vjs-playback-rate-value { display: none; }*/ .video-js .vjs-playback-rate:hover .vjs-menu { display: block; } /*.vjs-playback-rate > .vjs-menu-button, .vjs-playback-rate .vjs-playback-rate-value { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .vjs-playback-rate .vjs-playback-rate-value { pointer-events: none; font-size: 1.5em; line-height: 2; text-align: center; } .vjs-playback-rate .vjs-menu { width: 4em; left: 0em; }*/ .video-js .vjs-menu-quality { overflow-y: auto !important; overflow-x: hidden !important; } .video-js .item-quality { padding: 4px 6px 4px 28px !important; position: relative !important; } .video-js .item-quality i { padding-left: 4px; font-size: 12px; font-style: normal; pointer-events: none; font-weight: normal; } .video-js .item-quality .vjs-hd-icon { margin-left: 1px; margin-top: 0; color: #fff; font-weight: bold; font-size: 9px; border: solid 1px #aaa; display: inline-table; padding: 0 1px; } .video-js .item-quality:hover .vjs-hd-icon { background: #cc0000; } .video-js .vjs-hd-menu { padding: 0 2px 0 1px; font-weight: bold; margin-top: -5px; margin-left: 2px; } .video-js .vjs-hd-btn { font-family: sans-serif, Arial; position: absolute; display: block; color: #fff; background: #ff0000; top: 10px; right: 5px; font-style: normal; font-size: 8px; font-weight: normal; line-height: normal; padding: 0 1px; } .video-js .vjs-hd-btn:before { content: "HD"; } .video-js .vjs-hd-icon { font-family: sans-serif; display: inline-block; color: #fff; font-style: normal; font-size: 8px; border: solid 1px #ccc; line-height: normal; padding: 1px; width: auto; margin-left: 4px; vertical-align: super; } .video-js .vjs-hd-menu { background: #ff0000; border: 0; color: #fff; position: absolute; right: 7px; top: 6px; padding: 1px 2px 0 1px; } .video-js .vjs-hd-home { right: 11px; } .is-touch .vjs-has-started .vjs-tech, .is-touch .vjs-has-started .vjs-poster { pointer-events: none; } .vjs-poster { background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; cursor: pointer; display: inline-block; position: absolute; bottom: 0; left: 0; right: 0; top: 0; opacity: 1; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .vjs-no-pointer { pointer-events: none; } .vjs-has-started .vjs-poster { opacity: 0; } .vjs-audio .vjs-poster { opacity: 1 !important; } .no-touch .vjs-audio .vjs-poster { pointer-events: auto !important; } .vjs-poster-on, .video-js audio { opacity: 1 !important; } .video-js.vjs-fullscreen.vjs-user-inactive .vjs-poster { cursor: none; } .noTouch .video-js:hover .vjs-big-play-button { background-color: #222; background-color: rgba(0, 0, 0, 0.86); } .player-container.fallback { background: #000 !important; } .player-container.fallback video { display: block; height: 100%; left: 0; position: absolute; width: 100%; top: 0; } .player-container.stream-link { background-repeat: no-repeat; background-size: contain; } .player-cover { height: 100%; left: 0; position: absolute; width: 100%; top: 0; z-index: 5; } .vjs-error-display { background-color: rgba(0, 0, 0, 0.75); display: block; left: 0; position: absolute; top: 0; text-align: center; width: 100%; text-shadow: 2px 1px 1px #000; outline: none; } .vjs-error-display .vjs-close { position: absolute; right: 10px; bottom: 10px; color: #ccc; border-bottom: solid 1px #ccc; cursor: pointer; } .vjs-error-display .vjs-close:hover { color: #fff; border-bottom: solid 1px #fff; } .vjs-error-display .vjs-modal-dialog-content { margin: 22px; font-size: 14px; font-size: 1.4rem; text-align: center; } .vjs-error .vjs-error-display .vjs-modal-dialog-description { display: block; text-align: center; } .ios-lt-8 .vjs-control-bar { display: none !important; } .preview-preload { display: none; position: absolute; } /* a wrapper element that tracks the mouse vertically */ .vjs-thumbnail-holder { position: absolute; overflow: hidden; left: 0; bottom: 2.4em; } /* the thumbnail image itself */ .vjs-thumb-image { position: absolute; left: 0; opacity: 0; -o-transition: opacity 0.2s ease; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .vjs-progress-control:hover .vjs-thumb-image, .vjs-progress-control:active .vjs-thumb-image { opacity: 1; } .vjs-thumb-tooltip { text-align: center; bottom: 4px; background: rgba(0, 0, 0, 0.6); color: #fff; padding: 2px 3px; position: absolute; display: table; font-size: 12px; -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); margin-left: 50%; -moz-border-radius: 4px; -webkit-botder-radius: 4px; border-radius: 4px; } .vjs-thumb-hidden { opacity: 0 !important; } .vjs-progress-control:active .vjs-thumb-image:active { opacity: 0; } .video-js .vjs-live-control { line-height: 40px; padding: 0 5px; } .video-js .vjs-live-display:before { content: ""; height: 8px; width: 8px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #999; display: inline-block; margin-right: 6px; } .vjs-playing .vjs-live-display:before { background-color: #ff0000; } .vjs-imgloader:before { content: "\f10b"; } .vjs-imgloader { font-family: "iconfont"; font-size: 2em; color: #fff; text-shadow: 1px 1px 1px #000; display: block; z-index: 5; } .vjs-spin { -webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear; -ms-animation: spin 2s infinite linear; } @-moz-keyframes spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .video-js .vjs-mirror-button, .video-js .vjs-mirrored { color: #fff; font-family: "iconfont"; font-size: 20px; line-height: 40px; text-align: center; padding: 0; } .video-js .vjs-cog-menu-button { line-height: 42px; } .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before { content: "\f10d"; } .video-js .vjs-play-control { transform: none; } .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before { content: "\f103"; } .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-play-control.vjs-paused .vjs-icon-placeholder:before { content: "\f101"; font-size: 1.2em; } .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before { content: "\f116"; } .video-js .vjs-mode-control { line-height: 40px; font-family: "iconfont"; text-align: center; font-size: 20px; } .video-js .vjs-mode-control:before { content: "\e906"; } .video-js .vjs-mode:before { content: "\e907"; } .vjs-rewind-control .vjs-icon-placeholder:before { content: "\e901"; } .vjs-live:not(.vjs-liveui) .vjs-rewind-control, .vjs-live:not(.vjs-liveui) .vjs-forward-control { display: none !important; } .vjs-forward-control .vjs-icon-placeholder:before { content: "\e902"; } .video-js .vjs-download-control { display: none; } .no-touch .vjs-download-control { display: inline-block; } .vjs-download-control .vjs-icon-placeholder:before { content: "\e908"; } .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before { content: "\f065"; } .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before { content: "\f066"; } .video-js .vjs-audio-button .vjs-icon-placeholder:before { content: "\f11e"; } .video-js .vjs-chapters-button .vjs-icon-placeholder:before { content: "\f10e"; } .video-js .vjs-descriptions-button .vjs-icon-placeholder:before { content: "\f11d"; } .video-js .vjs-mirror-button, .video-js .vjs-mirrored { line-height: 40px; } .video-js .vjs-mirror-button:before { content: "\ea45"; } .video-js .vjs-mirrored:before { content: "\ea46"; } .video-js .vjs-cog-menu-button .vjs-icon-placeholder:before, .video-js .vjs-http-source-selector .vjs-icon-placeholder:before { content: "\f110"; } .video-js .vjs-resolution-button-label { /*position: absolute; left: 10px; top: 12px; font-weight: bold;*/ position: absolute; left: 0px; font-weight: bold; display: inline-block; padding: 0 10px; pointer-events: none; line-height: 40px; } .video-js .vjs-resolution-button .vjs-menu-icon::before { content: "\f110"; font-family: "iconfont"; position: absolute; left: 0px; top: 10px; font-weight: bold; display: inline-block; padding: 0 10px; pointer-events: none; font-size: 20px; } .video-js .vjs-quality-button { line-height: 40px; min-width: 40px; width: auto; text-align: center; } .video-js .vjs-quality-button span { font-size: 12px; padding: 0 4px; } .video-js .vjs-quality-button i { font-size: 11px; font-style: normal; pointer-events: none; padding-left: 4px; } .video-js .vjs-menu { bottom: 40px; color: #fff; display: block !important; right: 0; margin: 0; padding-bottom: 0px; position: absolute; width: auto; z-index: 1; opacity: 0; visibility: hidden; -moz-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); -moz-transform-origin: bottom left; -webkit-transform-origin: bottom left; transform-origin: bottom left; transition-property: all; transition-duration: 0.3s; -webkit-transition-property: all; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .vjs-bottom { bottom: 0 !important; background-color: #000000 !important; } .vjs-menu-bottom { bottom: 10px !important; background-color: #000000 !important; } .vjs-workinghover:not(.vjs-480) .vjs-menu-button .vjs-menu { display: block; opacity: 0; visibility: hidden; transform: scale(0); transform-origin: bottom; transition-property: all; transition-duration: 0.3s; -webkit-transition-property: all; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .vjs-hover .vjs-menu, .vjs-lock-showing { display: block !important; visibility: visible !important; opacity: 1 !important; -webkit-transform: scale(1) !important; transform: scale(1) !important; } .vjs-opaque { background: #000 !important; background-color: #000000 !important; } .video-js .vjs-chapters-button .vjs-menu .vjs-menu-content, .vjs-quality-button .vjs-menu .vjs-menu-content, .vjs-subs-caps-button .vjs-menu .vjs-menu-content, .vjs-subtitles-button .vjs-menu .vjs-menu-content, .vjs-descriptions-button .vjs-menu .vjs-menu-content, .vjs-http-source-selector .vjs-menu .vjs-menu-content, .vjs-menu-button .vjs-menu .vjs-menu-content, .vjs-audio-button .vjs-menu .vjs-menu-content { list-style: none; margin: 0; padding: 0; width: 100%; font-size: 1em; font-family: Arial, sans-serif; text-align: left; line-height: normal; white-space: nowrap; background-color: #004494; background-color: rgba(0, 68, 148, 0.8); overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: thin; } .vjs-menu .vjs-menu-content::-webkit-scrollbar { width: 6px; background: rgba(0, 0, 0, 0.5); } .vjs-menu .vjs-menu-content::-webkit-scrollbar-thumb { background: #707172; } .vjs-menu .vjs-menu-content::-webkit-scrollbar-thumb:hover { background: #706362; } .video-js .vjs-menu .vjs-menu-content li { line-height: 22px; padding: 0 15px; height: 23px; } .vjs-menu .vjs-menu-content li span { vertical-align: middle; } .vjs-menu .vjs-menu-content li:not(.vjs-selected):hover { background-color: #307bbf; } .vjs-quality-button .vjs-menu { right: -10px; left: auto !important; } .vjs-quality-button .vjs-menu .vjs-menu-content li { padding: 4px 25px; position: relative; } .video-js .vjs-menu .vjs-menu-content .vjs-checked:before { font-family: "iconfont"; content: "\f00c"; font-size: 0.8em; position: absolute; left: 10px; } .vjs-quality-button .vjs-menu .vjs-hd-icon { background: #cc0000; margin-left: 1px; margin-top: 0; color: #fff; font-weight: normal; font-size: 9px; font-family: Arial; text-shadow: none; padding: 0 1px; border: 0; } .vjs-quality-button span .vjs-hd-icon { vertical-align: top; margin-left: -6px; margin-top: 8px; border: 0; color: #ff0000; font-weight: bold; font-size: 10px; font-family: serif; } .video-js .vjs-error-display .vjs-modal-dialog-content { margin: 22px; font-size: 14px; font-size: 1.4rem; } .video-js .vjs-error-display .vjs-modal-dialog-description { display: none; } .video-js .vjs-error .vjs-error-display { display: block; } .video-js .ios-lt-8 .vjs-control-bar { display: none !important; } .video-js .vjs-button:hover { background-color: #307bbf; } .video-js .vjs-sharing-overlay { background: rgba(0, 0, 0, 0.9); height: 100%; left: 0; position: absolute; top: 0; -webkit-transition: all 0.75s ease 0s; -moz-transition: all 0.75s ease 0s; -ms-transition: all 0.75s ease 0s; -o-transition: all 0.75s ease 0s; transition: all 0.75s ease 0s; width: 100%; z-index: 98; } .vjs-sharing-container { width: 100%; top: 50%; text-align: center; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); position: absolute; } .vjs-sharing-container .vjs-sharing-body { display: table; margin: 0 auto; position: relative; } .video-js .vjs-share-close { top: 5px; right: 10px; } .vjs-sharing-container .vjs-inputs-body { text-align: left; width: 100%; padding: 0 15px; box-sizing: border-box; } .vjs-sharing-container .vjs-inputs-body h2 { font-size: 14px !important; font-weight: normal; line-height: 32px; color: #fff !important; text-shadow: 1px 1px 1px #000; margin: 0 !important; text-align: left !important; padding: 0 !important; font-family: Tahoma, Arial, sans-serif !important; } .vjs-sharing-container .vjs-inputs-body input[type="text"] { padding: 9px; background: #fff; width: 100%; border: solid 1px #d5d5d5; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em; color: #121212; box-sizing: border-box; } .vjs-sharing-container input[type="text"]:focus { background: #fff; } .video-js .vjs-sharing-overlay .vjs-sharing-close-button { position: absolute; top: 5px; right: 10px; cursor: pointer; font-size: 2em; outline: none; } .vjs-sharing-container .vjs-share-icon { display: inline-block; font-size: 5em; margin: 0.2em; cursor: pointer; position: relative; outline: none; font-family: "iconfont"; font-style: normal; margin-top: 0; } .vjs-google-plus-square:before { content: "\f0d4"; } .vjs-facebook-square:before { content: "\f082"; } .vjs-twitter-square:before { content: "\f081"; } .vjs-pinterest-square:before { content: "\f0d3"; } .vjs-linkedin-square:before { content: "\f08c"; } .vjs-sharing-container .vjs-share-icon:hover:before { color: #307bbf; text-shadow: 0 0 0.5em rgba(255, 255, 255, 0.5); } .vjs-ads-label { line-height: 40px; font-size: 12px; padding: 0 5px; } .vjs-audio .vjs-picture-in-picture-control, .vjs-audio .vjs-extend-zoom, .vjs-audio .vjs-progress-slide { display: none !important; } .vjs-audio-info { position: absolute; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; visibility: visible; opacity: 1; cursor: pointer; left: 0; top: 0; color: #fff; padding: 20px; font-size: 18px; font-family: sans-serif; font-weight: normal; text-shadow: 1px 1px 1px #000; max-width: 100%; text-align: left; } .vjs-480 .vjs-audio-info { padding: 10px; } .vjs-audio-info a { color: #fff; text-decoration: none; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; max-width: 100%; } .vjs-audio-info a .vjs-audio-info .vjs-cover img { color: #fff; } .vjs-audio-info .vjs-cover { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; margin-right: 15px; } .vjs-audio-info .vjs-cover img { padding: 2px; border: solid 1px #999; height: 100%; width: 100%; } .vjs-audio-info .vjs-text { flex: auto; overflow: hidden; } .vjs-audio-info .vjs-audio-item { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-shadow: 1px 1px 1px #000; } .vjs-audio-item .audio-artist { font-size: 14px; line-height: 20px; display: block; } vjs-song .vjs-audio-item .vjs-song { font-size: 14px; line-height: 20px; display: block; } .vjs-audio-item .audio-id { margin-top: 10px; display: block; font-size: 12px; line-height: 16px; } .vjs-audio-item .audio-id span { display: block; } .vjs-480 .vjs-audio-info .vjs-cover, .vjs-360 .vjs-audio-info .vjs-cover { height: 100px; width: 100px; } .vjs-640 .vjs-audio-info .vjs-cover { height: 124px; width: 124px; } .vjs-920 .vjs-audio-info .vjs-cover { height: 164px; width: 164px; } .vjs-920 .vjs-audio-item .audio-artist { font-size: 20px; line-height: 30px; } .vjs-920 .vjs-audio-item .vjs-song { font-size: 26px; } .vjs-920 .vjs-audio-item .audio-id { margin-top: 15px; font-size: 16px; line-height: 22px; } .vjs-1280 .vjs-audio-info .vjs-cover { height: 194px; width: 194px; margin-right: 20px; } .vjs-1280 .vjs-audio-item .audio-artist { font-size: 24px; line-height: 34px; } .vjs-1280 .vjs-audio-item .vjs-song { font-size: 32px; } .vjs-1280 .vjs-audio-item .audio-id { margin-top: 25px; font-size: 16px; line-height: 22px; } .vjs-1600 .vjs-audio-info { padding: 40px; } .vjs-1600 .vjs-audio-info .vjs-cover { height: 234px; width: 234px; margin-right: 25px; } .vjs-1600 .vjs-audio-item .audio-artist { font-size: 28px; line-height: 38px; } .vjs-1600 .vjs-audio-item .vjs-song { font-size: 38px; } .vjs-1600 .vjs-audio-item .audio-id { margin-top: 35px; font-size: 20px; line-height: 26px; } .vjs-info { position: absolute; visibility: visible; opacity: 1; cursor: pointer; left: 0; color: #fff; padding: 10px; font-size: 18px; font-family: sans-serif; font-weight: normal; width: 100%; text-align: left; text-shadow: 1px 1px 1px #000; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .vjs-info-top { top: 0; background: linear-gradient(0deg, transparent, rgba(0, 0, 0, 0.6)); } .vjs-info-bottom { bottom: 10px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), transparent); padding: 20px 10px 15px 10px; } .vjs-info .vjs-icon { display: flex; align-items: center; } .vjs-info img { padding: 0 10px; vertical-align: middle; } .vjs-info a { color: #fff; text-decoration: none; font-weight: normal; padding: 0; margin: 0; display: flex; } .vjs-info .vjs-text { flex: auto; overflow: hidden; } .vjs-info .vjs-ttl { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .vjs-info .vjs-dsc { display: block; margin-top: 4px; opacity: 0.85; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 80%; display: none; } .vjs-ad-playing .vjs-info { display: none !important; } .vjs-cast-button .vjs-info { padding: 10px 60px; } .vjs-casting .vjs-info { top: -40px; } .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-info { opacity: 0; visibility: hidden; top: -40px; } .video-js .vjs-over { background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; left: 0; position: absolute; top: 0; width: 100%; pointer-events: none; z-index: 99; height: 100%; opacity: 0; -o-transition: opacity 0.5s linear; -ms-transition: opacity 0.5s linear; -webkit-transition: opacity 0.5s linear; -moz-transition: opacity 0.5s linear; transition: opacity 0.5s linear; } .video-js .vjs-fade { pointer-events: auto; opacity: 1; } .video-js .vjs-over .over-inn { display: table; position: absolute; top: 50%; right: 50%; -ms-transform: translate(50%, -50%); -moz-transform: translate(50%, -50%); -o-transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); margin: 0; text-align: center; } .vjs-text-track-settings { position: absolute; top: 50%; left: 50%; outline: 0; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #111; margin: 0 auto; height: 18em; max-height: 90%; font-size: 12px !important; max-width: 350px; width: 90%; z-index: 999; background-color: #fff !important; } .vjs-text-track-settings .vjs-modal-dialog-content { top: 0; bottom: 2.5em; left: 0; right: 0; position: absolute; overflow: auto; padding: 6px !important; border-bottom: 1px solid #ccc; } .vjs-text-track-settings fieldset { padding: 8px !important; width: auto !important; border: 0 !important; margin: 5px; } .vjs-text-track-settings legend { font-size: 13px; color: #fff; margin: 0; display: inline-block; width: 100%; text-align: center; background-color: #307bbf; } .vjs-text-track-settings select { padding: 6px !important; border: 1px solid #777; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 100%; margin-bottom: 10px; font-size: 13px; } .vjs-text-track-settings .vjs-track-settings-controls { position: fixed; bottom: 10px; right: 1em; } .vjs-text-track-settings .vjs-close-button { display: none !important; } .vjs-text-track-settings .vjs-track-settings-controls button { cursor: pointer; width: auto !important; background: #e5e5e5 !important; color: #121212 !important; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 3px !important; margin: 0 3px; font-size: 12px; text-shadow: none; border: 0; padding: 3px 6px !important; } .vjs-text-track-settings .vjs-track-settings-controls button:hover { background: #b5b5b5 !important; } .vjs-text-track-settings .vjs-tracksetting { margin: 5px; padding: 3px; min-height: 40px; } .vjs-text-track-settings label { display: inline-block; width: 100px; margin: 0; padding: 0; font-size: 12px; } .vjs-text-track-settings span { display: inline; margin-left: 5px; } .vjs-text-track-settings>div { margin-bottom: 5px; min-height: 20px; } .vjs-text-track-settings>div:last-child { margin-bottom: 0; padding-bottom: 0; min-height: 0; } .vjs-caption-settings label>input { margin-right: 10px; } .vjs-text-track-settings input[type="button"] { width: 40px; height: 40px; } .video-js .vjs-modal-dialog { background-color: rgba(0, 0, 0, 0.66); } .vjs-modal-dialog .vjs-modal-dialog-content { font-size: 1.2em; line-height: 1.5em; padding: 20px 24px; z-index: 1; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: thin; } .vjs-modal-dialog .vjs-modal-dialog-content::-webkit-scrollbar { width: 6px; background: rgba(0, 0, 0, 0.5); } .vjs-modal-dialog .vjs-modal-dialog-content::-webkit-scrollbar-thumb { background: #707172; } .vjs-modal-dialog .vjs-modal-dialog-content::-webkit-scrollbar-thumb:hover { background: #706362; } .vjs-text-track-display { position: absolute; bottom: 4em; left: 0; right: 0; top: 0; pointer-events: none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display { bottom: 2em; } .video-js .vjs-text-track { font-size: 1.4em; text-align: center; margin-bottom: 0.1em; background-color: #000; background-color: rgba(0, 0, 0, 0.5); } .vjs-subtitles { color: #fff; } .vjs-captions { color: #fc6; } .vjs-tt-cue { display: block; } video::-webkit-media-text-track-display { -moz-transform: translateY(-3em); -ms-transform: translateY(-3em); -o-transform: translateY(-3em); -webkit-transform: translateY(-3em); transform: translateY(-3em); } .video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display { -moz-transform: translateY(-1.5em); -ms-transform: translateY(-1.5em); -o-transform: translateY(-1.5em); -webkit-transform: translateY(-1.5em); transform: translateY(-1.5em); } .video-js .vjs-offscreen { height: 1px; left: -9999px; position: absolute; top: 0; width: 1px; } .vjs-no-js { padding: 20px; color: #fff; background-color: #000; font-size: 18px; font-family: Arial, Helvetica, sans-serif; text-align: center; width: 300px; height: 150px; margin: 0px auto; } .vjs-no-js a, .vjs-no-js a:visited { color: #66a8cc; } .video-js .vjs-control.vjs-close-button { cursor: pointer; height: 3em; position: absolute; right: 0; top: 0.5em; z-index: 2; } .vjs-progress-slide { position: absolute; left: 0; z-index: 1; } .vjs-progress-slide .vjs-thumb { background-color: #000; text-align: left; overflow: hidden; width: 192px; height: 108px; border-color: rgba(0, 0, 0, 0.6); border-style: solid; border-width: 1px; bottom: 2px; display: block; left: -120px; opacity: 0; position: absolute; -moz-transition: qll 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } .vjs-progress-slide .vjs-thumb .vjs-thumb-duration { position: absolute; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.6); color: #fff; width: 100%; text-align: center; font-size: 12px; line-height: 1.5em; } .vjs-progress-slide .vjs-thumb img { position: absolute; max-height: none; max-width: none; top: 0; left: 0; } clearfix::before, .clearfix::after { content: " "; display: table; } .video-js .vjs-control-bar { z-index: 5; } .video-js .vjs-control-bar .vjs-VR-control { cursor: pointer !important; line-height: 38px !important; font-size: 1.3em !important; } .vjs-live .vjs-progress-control { visibility: hidden; } .vjs-live .vjs-time-control, .vjs-live .vjs-time-divider { display: none !important; } .video-js .vjs-limit-overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.88); z-index: 1999; } .video-js .vjs-limit { display: table; margin: 0 auto; color: #ccc !important; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; left: 50%; position: absolute; width: 75%; text-align: center; font-size: 1.4em; padding: 0 20px; text-shadow: 1px 1px 1px #000; } .video-js .vjs-limit span { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .video-js .vjs-limit a { color: #fff !important; text-decoration: none; } .video-js .vjs-limit a:hover { text-decoration: underline; } .video-js .vjs-limit img { max-width: 100%; height: auto; } .video-js .vjs-control-bar .vjs-VR-control { cursor: pointer; line-height: 40px !important; font-size: 1.3em !important; } .video-js .vjs-out { left: -1000px !important; } .video-js:not(.vjs-live) .vjs-live-control, .video-js.vjs-liveui .vjs-live-control { display: none; } .video-js .vjs-seek-to-live-control { cursor: pointer; padding: 0 5px; width: auto; background: transparent; border: 0; outline: none; } .video-js .vjs-seek-to-live-control .vjs-icon-placeholder:before { content: ""; height: 8px; width: 8px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #888; display: inline-block; margin-right: 6px; } .vjs-no-flex .vjs-seek-to-live-control { display: table-cell; width: auto; text-align: left; } .video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control, .video-js:not(.vjs-live) .vjs-seek-to-live-control { display: none; } .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge { cursor: auto; } .vjs-seek-to-live-control .vjs-icon-placeholder { color: #888; font-size: 14px; } .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder:before { background-color: #ff0000; } .vjs-liveui .vjs-progress-control { display: flex; align-items: center; visibility: visible; } .vjs-live-reload .vjs-control-bar .vjs-live-control { display: block !important; } .vjs-liveui-reload .vjs-control-bar .vjs-seek-to-live-control { display: block !important; } .vjs-live-reload .vjs-control-bar .vjs-rewind-control, .vjs-live-reload .vjs-control-bar .vjs-forward-control, .vjs-liveui-reload .vjs-control-bar .vjs-rewind-control, .vjs-liveui-reload .vjs-control-bar .vjs-forward-control, .vjs-live-reload .vjs-time-control, .vjs-live-reload .vjs-time-divider, .vjs-liveui-reload .vjs-time-control, .vjs-liveui-reload .vjs-time-divider { display: none; } .vjs-live-reload .vjs-progress-control { visibility: hidden; } .vjs-600 .vjs-mirror-button, .vjs-600 .vjs-rewind-control, .vjs-600 .vjs-forward-control, .vjs-600 .vjs-logo-bar { display: none; } .vjs-320 .vjs-chapters-button, .vjs-320 .vjs-subs-caps-button, .vjs-480 .vjs-progress-slide, .vjs-480 .vjs-control-text { display: none !important; } .vjs-480 .vjs-progress-control .vjs-play-progress:before { display: none; } .vjs-480 .vjs-control-bar .vjs-progress-control { display: block; position: absolute; top: -15px; height: 15px; width: 100%; left: 0; background: transparent; margin: 0; } .vjs-480 .vjs-progress-holder { top: 10px; height: 5px !important; margin: 0; position: relative; background: rgba(0, 0, 0, 0.3); } .vjs-480 .vjs-progress-control .vjs-slider:before { height: 5px; position: relative; } .vjs-480 .vjs-progress-control .vjs-load-progress, .vjs-480 .vjs-progress-control .vjs-play-progress { height: 5px; top: 0; margin-top: 0; } .vjs-480 .vjs-progress-control .vjs-play-progress:before { width: 12px; height: 12px; right: -6px; top: -4px; } .vjs-480 div.vast-skip-button { bottom: 55px !important; } .vjs-480 .vjs-replay-button:before { font-size: 50px; } .vjs-480 .vjs-replay-button { font-size: 16px; } .vjs-480 .vjs-marker { top: -5px; } .vjs-480 .vjs-marker-inn { height: 5px; } .vjs-480 .vjs-duration { display: none; } .vjs-480 .vjs-spacer { display: -moz-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; -moz-box-flex: auto !important; -webkit-flex: auto !important; -ms-flex: auto !important; flex: auto !important; display: flex !important; display: -webkit-box !important; } .vjs-480 .vjs-descriptions-button, .vjs-480 .vjs-audio-button, .vjs-480 .vjs-picture-in-picture-control, .vjs-480 .vjs-progress-slide { display: none !important; } .vjs-480 .vjs-menu-settings .vjs-menu-content .vjs-speed { height: 22px; line-height: 22px; } .vjs-480 .vjs-quality-button .vjs-menu .vjs-hd-icon { color: #990000 !important; font-weight: bold; } .vjs-480 .vjs-button, .vjs-480 .vjs-volume-panel { width: 35px; } .vjs-480 .vjs-playlist-nav .vjs-prev, .vjs-480 .vjs-playlist-nav .vjs-next { width: 21px; height: 33px; -moz-background-size: 21px 33px; -webkit-background-size: 21px 33px; background-size: 21px 33px; } .vjs-480 .vjs-extend-zoom { display: none !important; } .vjs-480 .vjs-menu { bottom: 44px !important; } .vjs-480 .vjs-texttrack-settings { display: none; } .vjs-480 .vjs-menu .vjs-menu-content li { line-height: 30px; } .vjs-480 .vjs-menu .vjs-selected { color: #fff !important; } .vjs-480 .vjs-sharing-container .vjs-inputs-body { display: none !important; } .vjs-480 .vjs-sharing-container .vjs-share-icon { margin: 0 0.07em !important; } .vjs-480 .vjs-menu-settings { bottom: 44px; } .vjs-480 .vjs-big-play-button, .vjs-480 .vjs-loading-spinner { width: 80px !important; height: 50px !important; line-height: 50px; margin: -25px 0 0 -40px; } .vjs-480 .vjs-big-play-button .vjs-icon-placeholder:before { font-size: 36px; } .vjs-480 .vjs-loading-spinner:before { width: 60px; height: 60px; margin: -30px 0 0 -30px; } .vjs-480 .vjs-thumbnail-holder { bottom: 1em; } .vjs-480 .vjs-caption-settings { width: 90%; height: 90%; } .vjs-480 .vjs-volume-panel .vjs-volume-vertical { display: none !important; } .ss-wrapper { overflow: hidden; width: 100%; height: 100%; position: relative; z-index: 1; float: left; } .ss-content { height: 100%; padding: 0 0 0 0; position: relative; overflow-x: auto; overflow-y: scroll; box-sizing: border-box; } .ss-scroll { position: relative; background: #606060; width: 7px; top: 0; z-index: 2; cursor: pointer; opacity: 0; -o-transition: opacity 0.25s linear; -ms-transition: opacity 0.25s linear; -moz-transition: opacity 0.25s linear; -webkit-transition: opacity 0.25s linear; transition: opacity 0.25s linear; right: 2px; position: absolute; } .ss-hidden { display: none; } .ss-container:hover .ss-scroll, .ss-container:active .ss-scroll { opacity: 1; } .ss-grabbed { -o-user-select: none; -ms-user-select: none; -moz-user-select: none; -webkit-user-select: none; user-select: none; } @media print { .video-js>*:not(.vjs-tech):not(.vjs-poster) { visibility: hidden; } } .js-focus-visible .video-js *:focus:not(.focus-visible) { outline: none; } .video-js *:focus:not(:focus-visible), .video-js .vjs-menu *:focus:not(:focus-visible) { outline: none; } .vjs-label-hidden { display: none !important; } /* Overlay */ .video-js .vjs-overlay { color: #fff; position: absolute; text-align: center; } .video-js .vjs-overlay-no-background { max-width: 33%; } .video-js .vjs-overlay-background { background-color: #646464; background-color: rgba(255, 255, 255, 0.4); border-radius: 3px; padding: 10px; width: 33%; } .video-js .vjs-overlay-top-left { top: 5px; left: 5px; } .video-js .vjs-overlay-top { left: 50%; margin-left: -16.5%; top: 5px; } .video-js .vjs-overlay-top-right { right: 5px; top: 5px; } .video-js .vjs-overlay-right { right: 5px; top: 50%; transform: translateY(-50%); } .video-js .vjs-overlay-bottom-right { bottom: 3.5em; right: 5px; } .video-js .vjs-overlay-bottom { bottom: 3.5em; left: 50%; margin-left: -16.5%; } .video-js .vjs-overlay-bottom-left { bottom: 3.5em; left: 5px; } .video-js .vjs-overlay-left { left: 5px; top: 50%; transform: translateY(-50%); } .video-js .vjs-overlay-center { left: 50%; margin-left: -16.5%; top: 50%; transform: translateY(-50%); } .video-js .vjs-no-flex .vjs-overlay-left, .video-js .vjs-no-flex .vjs-overlay-center, .video-js .vjs-no-flex .vjs-overlay-right { margin-top: -15px; } .video-js .vjs-overlay-background.vjs-info { background: linear-gradient(0deg, transparent, rgba(0, 68, 148, 0.6)); padding: 10px; width: 100%; top: 0; left: 0; text-align: left; visibility: visible; opacity: 1; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -o-transition: all 0.1s; -ms-transition: all 0.1s; transition: all 0.1s; text-shadow: 1px 1px 2px #000; cursor: default; pointer-events: none; } .video-js.vjs-user-inactive.vjs-playing .vjs-overlay-background.vjs-info { opacity: 0; } /* Play List */ .vjs-playlist { padding: 0; background-color: #004494; color: #fff; list-style-type: none; font-family: Arial, Helvetica, sans-serif !important; box-shadow: 0px 0px 3px #0006; } .vjs-playlist img { display: block; height: auto; max-width: 120px; } .vjs-playlist .vjs-playlist-item-list { position: relative; margin: 0; padding: 0; list-style: none; } .vjs-playlist .vjs-playlist-item { position: relative; cursor: pointer; overflow: hidden; } .vjs-playlist .vjs-playlist-thumbnail-placeholder { background: #1b1b1b; max-width: 120px; } .vjs-playlist .vjs-playlist-now-playing-text { display: none; position: absolute; top: 24px; left: 26px; /*background-color: rgba(26, 26, 26, 0.8);*/ font-size: 0.8em; } .vjs-playlist .vjs-playlist-duration { position: absolute; top: 0; left: 0; padding: 0px 5px 0px; background-color: rgba(26, 26, 26, 0.8); font-size: 0.7em; } .vjs-playlist .vjs-playlist-title-container { position: absolute; bottom: 0; top: 2px; left: 120px; box-sizing: border-box; width: calc(100% - 120px); padding: 0.5rem 0.8rem; /*text-shadow: 1px 1px 2px black, -1px 1px 2px black, 1px -1px 2px black, -1px -1px 2px black;*/ } .vjs-playlist .vjs-playlist-name { display: block; max-height: 2.5em; padding: 3px 0 4px 2px; font-style: normal; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 20px; font-weight: bold; } .vjs-playlist .vjs-playlist-description { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; font-size: 14px; padding: 0 0 0 2px; } .vjs-playlist .vjs-up-next-text { display: none; padding: 0.1rem 2px; font-size: 0.8em; text-transform: uppercase; } .vjs-playlist .vjs-up-next .vjs-up-next-text { display: block; display: none; } .vjs-playlist .vjs-selected { background-color: #307bbf; } .vjs-playlist .vjs-selected img { opacity: 0.2; } .vjs-playlist .vjs-selected .vjs-playlist-duration { display: none; } .vjs-playlist .vjs-selected .vjs-playlist-now-playing-text { display: block; } .vjs-playlist .vjs-selected .vjs-playlist-title-container { text-shadow: none; } .vjs-playlist-vertical { overflow-x: hidden; overflow-y: auto; /*max-height: 400px;*/ } .vjs-playlist-vertical img { width: 100%; min-height: 54px; } .vjs-playlist-vertical .vjs-playlist-item { margin: 15px; } .vjs-playlist-vertical .vjs-playlist-thumbnail { display: block; width: 100%; } .vjs-playlist-vertical .vjs-playlist-thumbnail-placeholder { min-height: 85px; } .vjs-playlist-horizontal { overflow-x: auto; overflow-y: hidden; } .vjs-playlist-horizontal img { min-width: 100px; height: 100%; } .vjs-playlist-horizontal .vjs-playlist-item-list { height: 100%; white-space: nowrap; } .vjs-playlist-horizontal .vjs-playlist-item { display: inline-block; height: 100%; margin-right: 5px; } .vjs-playlist-horizontal .vjs-playlist-thumbnail { display: block; height: 100%; } .vjs-playlist-horizontal .vjs-playlist-thumbnail-placeholder { height: 100%; width: 180px; } .vjs-playlist.vjs-ad-playing { overflow: hidden; } .vjs-playlist.vjs-ad-playing.vjs-csspointerevents { pointer-events: none; overflow: auto; } .vjs-playlist.vjs-ad-playing.vjs-csspointerevents .vjs-playlist-ad-overlay { pointer-events: auto; } .vjs-playlist.vjs-ad-playing .vjs-playlist-ad-overlay { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #1a1a1a; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; background-color: rgba(0, 0, 0, 0.5); } .vjs-playlist { font-size: 14px; } .vjs-playlist .vjs-playlist-description { height: 28px; line-height: 21px; } .vjs-mouse.vjs-playlist { font-size: 15px; } .vjs-mouse.vjs-playlist .vjs-playlist-description { height: 30px; line-height: 23px; } .vjs-playlist .vjs-playlist-thumbnail:before { display: block; position: absolute; background-color: rgba(26, 26, 26, 0.5); text-align: center; } .vjs-playlist .vjs-playlist-item:hover .vjs-playlist-thumbnail:before, .vjs-playlist .vjs-playlist-item:focus .vjs-playlist-thumbnail:before { border-radius: 5px; font-family: "iconfont"; height: 30px; left: 40px; line-height: 30px; top: 20px; width: 45px; content: "\f101"; background: none; } .vjs-playlist .vjs-playlist-item:focus .vjs-playlist-thumbnail:before, .vjs-playlist .vjs-playlist-item:hover .vjs-playlist-thumbnail:before { background-color: #307bbf; } .vjs-playlist .vjs-playlist-item.vjs-selected:hover .vjs-playlist-thumbnail:before, .vjs-playlist .vjs-playlist-item.vjs-selected:focus .vjs-playlist-thumbnail:before { display: none; } .video-js-container.playlist { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; max-width: initial; } .video-js-container.playlist .vjs-playlist { max-width: 640px; flex-grow: 1; min-width: 300px; max-height: 360px; } .video-js-container.playlist .vjs-playlist.vjs-playlist-skin-1 { border-top: 0; border-left: 1px solid rgba(255, 255, 255, 0.1); } @media (max-width: 350px) { .vjs-time-control { display: none; } .vjs-progress-control { opacity: 0; } } @media (max-width: 450px) { .vjs-max-quality-selector-button { display: none; } .video-js-container.playlist .vjs-playlist { min-width: initial; } } /* Chapters */ .vjs-chapter-marker { position: absolute; top: 0; height: 100%; cursor: pointer; } .vjs-chapter-marker:before { content: ""; display: block; position: absolute; top: 16px; left: -6px; width: 8px; height: 8px; border-radius: 8px; background: #ffffff73; cursor: pointer; } .vjs-chapter-marker-title { display: none; position: relative; top: -24px; text-align: center; left: -50%; padding: 5px; background: rgba(0, 0, 0, 0.5); z-index: 9999; font-size: 0.8em; line-height: 1em; -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; border-radius: 0.3em; } .vjs-chapter-marker:hover .vjs-chapter-marker-title { display: inline-block; } /* Quality Selector */ .video-js .vjs-max-quality-selector-button { padding: 0 10px !important; } .video-js .vjs-max-quality-selector-button, .video-js .vjs-max-quality-selector-button button { width: auto; font-family: Arial, Helvetica, sans-serif !important; } .video-js .vjs-max-quality-selector-button button sup { color: red; font-weight: bold; } .video-js .vjs-max-quality-selector-button .vjs-icon-placeholder { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; position: relative; } .video-js .vjs-max-quality-selector-button .supperscript { font-size: 10px; color: red; position: relative; top: -4px; }