/*styly pro clanky*/ a:hover{color: #4785BC;} .globalWrapper{ background: #F7F9FB;} .globalWrapper.Error,.globalWrapper.Error4xx{ background: #FFF;} #prehled{ padding-top: 1px;} .grid{ display:grid;grid-template-columns: repeat(3, 1fr); grid-auto-rows: 1fr; grid-column-gap: 30px; grid-row-gap: 30px;} .clanek-blok{ display: flex; flex-direction: column; overflow: hidden;margin-bottom: 30px;font-family: var(--primary_font);font-style: normal;font-weight: 500;font-size: 14px;line-height: 16px;;color: #5F7184;} .clanek-blok .header{ position:relative; display: flex; align-items: center;height: 161px; min-height: 161px; background: #4785BC;overflow: hidden;border-radius: 12px 12px 0px 0; border: 1px solid #E1E7ED; border-width: 1px 1px 0px 1px;} .clanek-blok .header .header-bg{ width: 100%;} .clanek-blok .header .header-bg img{ min-width: 102%;margin-left: -1%; width: 100%;} .clanek-blok .header img{} .clanek-blok .header .labels{ position: absolute; bottom:14px;left:14px;} .clanek-blok .header .stupen_vzdelavani{ background: #FBF0C9; padding: 5px 7px;border-radius: 2px; font-family: var(--primary_font);font-style: normal;font-weight: 500;font-size: 13px;line-height: 15px;text-align: center;color: var(--primary_color);} .clanek-blok .header .spomocnik{ padding: 5px 7px;border-radius: 2px; font-family: var(--primary_font);font-style: normal;font-weight: 500;font-size: 13px;line-height: 15px;text-align: center;} .clanek-blok .title { margin-bottom: 14px; } .clanek-blok .title span{ font-family: var(--primary_font);font-style: normal;font-weight: 500;font-size: 18px;line-height: 24px;text-decoration-line: underline;color: var(--primary_color);} .clanek-blok .content{ background: #fff;border: 1px solid #E1E7ED; padding: 29px;height: 100%;} .clanek-blok .footer{ border: 1px solid #E1E7ED; padding: 15px;text-align: center;border-radius: 0 0 5px 5px;font-weight: 700;} .clanek-blok .stats{ display: flex; justify-content: flex-start;} .clanek-blok .anotation{ font-family: var(--primary_font);font-style: normal;font-weight: 500;font-size: 14px;line-height: 22px;color: #5F7184;} .clanek-blok .rating{ margin:24px 0;} .clanek-blok:hover .content,.clanek-blok:hover .footer{background: var(--primary_color); color: #fff;} .clanek-blok:hover .anotation,.clanek-blok:hover .title span{ color: #fff; } .clanek-blok .stats span{display: flex; align-items: center;margin-right: 20px;} .clanek-blok .stats i{ color:var(--secondary_color);margin-right:6px;font-size: 17px;} .oblibeneButtonIcon{ position: absolute;top: 25px;right:25px; border-width: 0;} .oblibeneButtonIcon .add{ border-width: 0;background: #fff;border-radius: 50%;width:31px;height:31px;display: flex;align-content: center;justify-content: center;} .oblibeneButtonIcon .remove{ border-width: 0;background: #FFF;border-radius: 50%;width:31px;height:31px;display: flex;align-content: center;justify-content: center;} .oblibeneButtonIcon .btn i{ margin:0; line-height: 100%;} .oblibeneButtonIcon .btn.remove i{ color:var(--secondary_color);margin:0; line-height: 100%;} #sdiletModal .btn-primary{ width:167px; margin-left: 10px; font-size: 14px;} .social {display: flex;margin-top: 30px;align-items: center;} .social span{ margin-right: 20px;font-weight: bold;} .social .socialButton{ margin-right: 20px;border: 1px solid #919AAF; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center;} .social .socialButton i{ color:#549FD7;} .pocetNalezenychPrispevku{ font-size: 24px;} .clanek-table i{color:var(--secondary_color);} .clanek-table{ color:#5F7184;font-weight: 500;box-shadow: 0px 2px 3px rgba(118, 157, 197, 0.2);border-radius: 12px;} .clanek-table,.clanek-table-header{ display: table-row;} .clanek-table > div,.clanek-table-header > div{ display: table-cell; padding: 1rem;vertical-align: middle; min-width: 100px;} .clanek-table-header{ font-family: var(--primary_font);font-style: normal;font-weight: bold;font-size: 13px;line-height: 15px;letter-spacing: 0.04em;text-transform: uppercase;color: #5F7184;} .clanek-table .rating,.clanek-table .date{ width: 153px;} .clanky-table-wrap{ overflow-x: auto; width:100%;} .clanky-table{ border-radius: 12px;min-width:933px;border-collapse: separate; border-spacing: 0 19px; padding-right: 3px;display: table;} .clanek-table > div{ background: #FFFFFF;/*box-shadow: 0px 1px 0px rgba(118, 157, 197, 0.2);*/height: 120px;} .clanek-table .date{ border-radius: 12px 0px 0 12px;text-align: center;} .clanek-table .date span{ background: #E7F5FF; color:var(--primary_color); padding:6px 9px;font-size: 13px;} .clanek-table .link{ border-radius: 0 12px 12px 0;/*box-shadow: 1px 1px 0px rgba(118, 157, 197, 0.2);*/} .clanek-table .title{ color:var(--primary_color);text-decoration: underline;} .clanek-table .comments i,.clanek-table .views i{margin-right: 5px;} .starsRatingStatic i{ color:#549FD7;} .starsRating i{ margin-right: 4px; font-size: 20px;} .prehledFilterWrap{ display: grid; align-items: center; grid-template-columns: max-content auto max-content max-content; align-items: center;margin: 31px 0;} .prehledFilterWrap .typSelect{ display:flex; align-items: center;} .prehledFilterWrap .order{ margin-right:20px; padding: 12px 25px;background: #F7F9FB;border: 1px solid #E1E7ED;box-sizing: border-box;border-radius: 3px;} .prehledFilterWrap .orderBySelect > a,.prehledFilterWrap .orderDir > a{ font-family: var(--primary_font);font-style: normal;font-weight: bold;font-size: 14px;line-height: 16px;display: flex;align-items: center;color: var(--primary_color);} .prehledFilterWrap .order,.prehledFilterWrap .orderBySelect,.prehledFilterWrap .orderDir{ display: flex;align-items: center;justify-content: space-evenly;} .orderBySelect a i,.orderDir a i{color:var(--secondary_color); margin-left: 7px;} .prehledFilterWrap .orderBySelect{ position: relative;margin-right: 35px;} .prehledFilterWrap .orderBySelect .options{ z-index: 10;width: max-content;display:none;position: absolute;top: 20px; right: 0; background: #fff;padding:21px 28px;} .prehledFilterWrap .orderBySelect .options ul{ padding:0;list-style-type: none;margin: 0;} .prehledFilterWrap .orderBySelect .options.active{ display: block;} .prehledFilterWrap .orderBySelect .options a{ color:#232731;} .prehledFilterWrap .orderBySelect .options a.selected{ color:var(--primary_color);font-weight: bold;font-size: 16px;margin-bottom: 20px;} .prehledFilterWrap .orderBySelect .options a.selected::before{ border-bottom: 2px solid var(--secondary_color);content: '';width: 30px;height: 22px;position: absolute;display: block;} .prehledFilterWrap span.label{ font-family: var(--primary_font);font-style: normal;font-weight: normal;font-size: 14px;line-height: 16px;color: #8497B0;margin-right: 8px;} .prehledFilterWrap .typSelect{ } .prehledFilterWrap .button{ display:flex;justify-content: center;align-items: center; width:39px; height:39px; background:#549FD7;border: 1px solid #549FD7; color:#fff;} .prehledFilterWrap .button.active{ background: #FFFFFF;border: 1px solid #DFE4EA;color:var(--primary_color);} .prehledFilterWrap .button.left{ border-radius: 3px 0px 0px 3px;} .prehledFilterWrap .button.right{ border-radius: 0px 3px 3px 0px;} @media( max-width:768px ){ .prehledFilterWrap{ display: flex; flex-wrap: wrap;justify-content: space-between;} .prehledFilterWrap .order{ order:2;width: 100%; margin-right: 0; margin-top: 17px;} .prehledFilterWrap .orderBySelect,.prehledFilterWrap .orderDir{ flex-direction: column;} } .paginator .btn{ background: none;font-family: var(--primary_font);font-style: normal;font-weight: normal;font-size: 16px;line-height: 110%;color: #5F7184;border-width: 0;vertical-align: unset;} .paginator .btn.selected{ background: none;font-family: var(--primary_font);font-style: normal;font-weight: normal;font-size: 16px;line-height: 110%;color: #23365B; font-weight: bold;border-width: 0;} .paginator .btn.next,.paginator .btn.prev{ position: relative;font-family: var(--primary_font);font-style: normal;font-weight: bold;font-size: 16px;line-height: 110%;color: var(--primary_color);} .paginator .btn.next span,.paginator .btn.prev span{text-decoration-line: underline;} .paginator .btn.next i{top: 4px; position: absolute; right:-10px;color:var(--secondary_color);} .paginator .btn.prev i{top: 4px; position: absolute; left: -10px;color:var(--secondary_color);} .paginator .btn.next.disabled,.paginator .btn.prev.disabled,.paginator .btn.next.disabled i,.paginator .btn.prev.disabled i{ color:#DFE1E8;} .paginator .zobrazeno{font-family: var(--primary_font);font-style: normal;font-weight: normal;font-size: 16px;line-height: 19px; color: #25282D;} .paginator .pageswrap{ padding: 0 10px;} /* .btn.btn:hover { background-color: #0056A1;color:#fff;}*/ #rvpFilter{ margin-top:25px; margin-bottom: 50px;} .filtrWrap{background-color: #fff; padding: 44px 10px;} #rvpFilter{ margin-top:25px; margin-bottom: 25px;} #rvpFilter select{ height:60px; padding:20px 25px; width:100%; } #rvpFilter .rvpWrap{ display: flex;flex-wrap: wrap; justify-content: space-between;} #rvpFilter .select{ position: relative;width: 49%;height: 60px;margin-bottom: 2%;} .formSelect{position: relative;min-height: 60px;margin-bottom: 2%; } #rvpFilter .select label,.formSelect label{ position: absolute; top:10px;left: 25px; z-index: 1;font-family: var(--primary_font);font-style: normal;font-weight: 500;font-size: 11px;line-height: 13px;text-transform: uppercase;color: #B5B9BC;} #rvpFilter .select span.select2{ } /* select2 */ #rvpFilter.select2-container--open .select2-selection--single{ border-bottom:none;border-radius: 8px 8px 0 0;} #rvpFilter .select2-dropdown{ border: 2px solid #E1E7ED;border-width: 0 2px 2px 2px;} #rvpFilter .select2-container--default .select2-results>.select2-results__options{ padding: 20px;} .select2-search--dropdown{ display: none;} .select2-selection--multiple{ overflow: hidden !important; height: auto !important; } .select2-container--default .select2-selection--multiple, #rvpFilter .select2-selection, #rvpFilter select{ height:60px;padding: 23px 25px; border: 2px solid #E1E7ED; box-sizing: border-box; border-radius: 8px;} .select2-container .select2-selection--single .select2-selection__rendered{ padding-left: 0;} #rvpFilter .select2-container--default.select2-container--disabled .select2-selection--single{ border-color: transparent;background: #DFE1E8;border-radius: 8px; color:#fff;} #rvpFilter .select.disabled label{ top:21px;left: 25px;font-family: var(--primary_font);font-style: normal;font-weight: 500;font-size: 16px;line-height: 19px;color: #FFFFFF;text-transform: none;} .select2-container--default .select2-selection--single .select2-selection__arrow{ top: 16px; right: 26px;} .select2-container--default .select2-selection--multiple .select2-selection__choice{ background: none;border-width: 0;} .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{ border-right-width: 0;} .select2-container--default .select2-results>.select2-results__options{ padding: 32px 36px;font-family: var(--primary_font);font-style: normal;font-weight: 500;font-size: 14px;line-height: 16px;color: #232731; } .select2-container--default .select2-results__option--selected{ position: relative;background: none;color: var(--primary_color);} .select2-container--default .select2-results__option--selected::before{ border-bottom: 2px solid var(--secondary_color);content: '';width: 30px;height: 22px;position: absolute;display: block;} .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{ background: none;color:var(--primary_color);} .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable.select2-results__option--selected{ background: none;color:var(--primary_color);} #rvpFilter .select2-container--default.select2-container--open.select2-container--below .select2-selection--single{ border-radius: 8px 8px 0 0;} #rvpFilter .select2-container--default.select2-container--open.select2-container--above .select2-selection--single{ border-radius: 0 0 8px 8px;} #rvpFilter .select2-dropdown.select2-dropdown--above{border-width: 2px 2px 0px 2px;border-radius: 8px 8px 0 0;overflow: hidden;} #rvpFilter .select2-dropdown.select2-dropdown--below{border-width: 0px 2px 2px 2px;border-radius: 0 0 8px 8px;overflow: hidden;} .select2-container--default .select2-selection--single .select2-selection__arrow b {border-width: 0 !important;left: 50%; margin-left: -4px;margin-top: -10px; position: absolute; top: 50%; height: 20px; width: 20px; font-size: 1rem; color: #0057a4; font-family: 'rvp2-icons';} .select2-container--default .select2-selection--single .select2-selection__arrow b:before{ content: '\f12e';} .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:before{ content: '\f130';} .disabled .select2-container--default .select2-selection--single .select2-selection__arrow b {color:#fff;} @media( max-width:576px ){ #rvpFilter .select{ width: 100%;} .paginator .mobileHide{ display:none;} } #rvpFilter .svpWrap i{ position: absolute; z-index: 10; top: 18px; left: 16px; font-size: 25px; color: var(--secondary_color);} #rvpFilter .svpWrap label{left:45px;} #rvpFilter .svpWrap .select2-container .select2-selection--single .select2-selection__rendered{ padding-left:20px;} #rvpFilter .svpWrap,#rvpFilter .svpWrap .radios{ display: flex; align-items: center;} #rvpFilter .svpWrap .radios label{ margin-top: 10px;margin-bottom: 25px;font-family: var(--primary_font);font-style: normal;font-weight: bold;font-size: 16px;line-height: 20px;color: #5F7694;} #rvpFilter .svpWrap .radios label { display: flex;align-items: center;height:30px;padding-left:60px; position: relative;font-family: var(--primary_font);font-style: normal;font-weight: bold;font-size: 16px;line-height: 19px;color: var(--primary_color);} #rvpFilter .svpWrap input[type="radio"]{ width: 0; height: 0;} input[type="radio"]:before{ display: block; top: 0; left:16px; position: absolute;content: ""; width:30px;height: 30px;border: 3px solid #E1E7ED;box-sizing: border-box;border-radius: 68px;} input[type="radio"]:checked::before { border: 3px solid var(--secondary_color);} input[type="radio"]:after{ display: block; top: 9px; left:25px; position: absolute;content: ""; width:12px;height: 12px;box-sizing: border-box;border-radius: 68px;} input[type="radio"]:checked::after { background: var(--secondary_color);} #rvpFilter .buttonsWrap{ display: flex;} #rvpFilter .buttonsWrap .btn{ width: 180px; margin-right: 16px;} .divider{ margin: 27px 0;background: url('/img/dot.png') center center repeat-x;display: flex;align-content: center;justify-content: center;} .divider span{ padding-left: 15px;padding-right: 15px; background: #FFF; font-family: var(--primary_font);font-style: normal;font-weight: bold;font-size: 14px;line-height: 16px;display: flex;align-items: center;text-align: center;color: #5F7184;} .divider i{ font-size: 22px; color: var(--secondary_color);line-height: 22px; margin-left: 10px;} #fulltextSearchFormWrap .hint em{ font-weight: bold;font-style: normal;} #fulltextSearchFormWrap .hint b{ color:var(--secondary_color);} #fulltextSearchFormWrap .hint{ color:black;} #fulltextSearchFormWrap .materialSuggest{ border-top:1px solid #D2DDEC;} #fulltextSearchFormWrap .materialSuggest strong{ font-size: 1.1rem; border-bottom: 2px solid #0057a4; color:#0057a4; display: block; margin-bottom: 1rem;} #fulltextSearchFormWrap{ background: #FFFFFF; box-shadow: 0px 2px 20px rgba(55, 116, 160, 0.12); border-radius: 6px;} #fulltextSearchFormWrap .searchWrap{ display: flex; height: 80px;padding:10px; align-items: center; justify-content: space-between;} #fulltextSearchFormWrap .searchWrap .input input[type="text"]{ height:40px; border-width:0; border-left: 1px solid #D2DDEC; border-radius: 0;} #fulltextSearchFormWrap .searchWrap .input{ width: 100%; padding-left: 33px; } #fulltextSearchFormWrap .searchWrap .cancel{ padding: 28px;} #fulltextSearchFormWrap .searchWrap .submit button[type="submit"]{ background: var(--primary_color); color:#fff; font-family: var(--primary_font); font-style: normal; font-weight: bold; font-size: 14px;line-height: 14px;letter-spacing: 0.04em; text-transform: uppercase; padding: 23px 43px; border-width: 0;border-radius: 2px;} #fulltextSearchFormWrap .hints, #fulltextSearchFormWrap .materialSuggest{ padding:30px; border-top: 1px solid #DCE1E8;} /* detail clanku */ .clanek-hlavicka{ background: #FFFFFF;border: 2px solid #E1E7ED;box-sizing: border-box; border-radius: 12px 12px 10px 10px ; } .clanek-hlavicka .hlavicka{ padding:0 0 0px 0px;} .clanek-hlavicka .hlavicka .wrap{ display: flex;} .clanek-hlavicka .hlavicka .wrap> div{ margin-right: 23px;display: flex;align-items: center;} .clanek-hlavicka .hlavicka .wrap> div i{ margin-right: 8px;} .clanek-hlavicka .header-foot{ border-radius: 0px 0px 10px 10px; padding:35px 47px;background: #F7F9FB;border-top: 2px solid #E1E7ED;} .clanek-hlavicka .label{ font-family: var(--primary_font);font-style: normal;font-weight: bold;font-size: 14px;line-height: 16px;display: flex;align-items: center;letter-spacing: 0.04em;text-transform: uppercase;color: #8497B0;} .clanek-hlavicka .attribute .content{ font-weight: 500;} .clanek-hlavicka a{ font-family: var(--secondary_font);font-style: normal;font-weight: bold;font-size: 16px;line-height: 19px;text-decoration-line: underline;color: var(--primary_color);} .clanek-hlavicka .keywords{ margin: 0; padding-left: 50px; padding-top: 32px;padding-bottom: 35px;border-top: 2px solid #E1E7ED;} .clanek-hlavicka .keyword{ border-width:0;display: inline-block;font-family: var(--primary_font);font-style: normal;font-weight: 500;font-size: 13px;line-height: 15px;text-align: center;color: #FFFFFF; margin: 5px 8px 5px 0; padding:5px;background: var(--primary_color);border-radius: 2px; text-decoration: none;} .clanek-hlavicka .attribute{ margin: 12px 0;} .clanek-hlavicka i{color:var(--secondary_color);} .clanek-hlavicka .attribute i{ margin-right:10px; font-size: 18px;line-height: 25px;} .clanek-hlavicka .header-foot i,.clanek-hlavicka .komentarRecenzent i{ margin-left:6px; } .clanek-hlavicka .starsRatingStatic i{ color:#549FD7;margin-right: 4px;} .clanek-hlavicka .comment-icon{ font-size: 23px; } .clanek-hlavicka .views-icon{ font-size: 20px;} .clanek-hlavicka .comment-icon:before, .clanek-hlavicka .views-icon:before{ line-height: 1.6;} .clanek-hlavicka .right-block{ border-left: 2px solid #E1E7ED;border-radius: 0 10px 0 0;padding-right: 0px;padding-left:0; padding-top: 44px;padding-bottom: 35px; background: #F7F9FB; display: flex; justify-content: center;} .clanek-hlavicka .left-block{ padding-left: 50px; padding-top: 50px;padding-bottom: 44px;} .clanek-hlavicka .top-block{ margin: 0;} .clanek-hlavicka .right-block .wrapper{ width: 100%; padding:0 40px;} .clanek-hlavicka .right-block .hodnoceni{ display: flex;} .clanek-hlavicka .right-block .hodnoceni>span{margin-left:0px; font-size: 13px;} .clanek-hlavicka .right-block .hodnoceni .starsRatingStatic{min-width:137px;} @media(max-width:1400px){ .clanek-hlavicka .right-block .wrapper{padding:0 20px;} } .clanek-hlavicka .right-block .hodnoceni_wrap .label{font-family: var(--primary_font);font-style: normal;font-weight: bold;font-size: 16px;line-height: 19px;align-items: center;letter-spacing: 0.04em;text-transform: uppercase;color: var(--secondary_color);} .clanek-hlavicka .showMoreInfo,.clanek-hlavicka .hideMoreInfo{ padding: 25px;border-top:2px solid #E1E7ED;display:flex;} .clanek-hlavicka .showMoreInfo i,.clanek-hlavicka .hideMoreInfo i{ color:var(--secondary_color);margin-left:8px;} .clanek-hlavicka .stitky{margin-bottom: 25px;} .stitky{display: flex;} .stitky span{padding: 6px 9px;border-radius: 2px;display: block;margin-right: 8px;font-family: var(--primary_font);font-style: normal;font-weight: 700;font-size: 13px;line-height: 15px;} .stitky .datum{background: #E7F5FF;color: var(--primary_color);} .stitky .stupenVzdelavani{color: var(--primary_color);background: #FBF0C9;} .stitky .spomocnik{color: #FFF;background: var(--secondary_color);} .scrollLink.disabled, i.disabled,.nav-link.disabled {color:#BDC0C9 !important; cursor: default;} #teloClanku{ margin:58px 0 0;background: #FFFFFF;border: 2px solid #E1E7ED;box-sizing: border-box;border-radius: 12px; padding:50px 62px;font-family: var(--primary_font);font-style: normal;font-weight: normal;font-size: 16px;line-height: 28px;color: #232731;} #teloClanku #anotaceClanku{ word-break: break-word;margin-bottom: 40px;font-family: var(--primary_font);font-style: normal;font-weight: 500;font-size: 20px;line-height: 32px;color: #232731;} #teloClanku #anotaceClanku h3{ font-family: var(--primary_font);font-style: normal;font-weight: bold;font-size: 14px;line-height: 16px;color: var(--secondary_color);} #teloClanku a{ word-break: break-word;text-decoration-line: underline;color: var(--primary_color);} #teloClanku table td{ padding: 10px; border:1px solid #232731;} #teloClanku table{ border-width: 0;} #teloClanku table.ram_obrazek td{ border-width: 0;} #teloClanku .videowrap { position: relative; overflow: hidden; padding-top: 56.25%;} #teloClanku .videowrap iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;} #obsahClanku h2, .tab-content h2{ font-family: var(--primary_font);font-style: normal;font-weight: 700;font-size: 24px;line-height: 28px;align-items: center;color: #232731;margin:24px 0;} #obsahClanku h3 ,.tab-content h3{ font-family: var(--primary_font);font-style: normal;font-weight: 700;font-size: 20px;line-height: 24px;align-items: center;color: #232731;margin:20px 0;} #obsahClanku h4, .tab-content h4{ font-family: var(--primary_font);font-style: normal;font-weight: 700;font-size: 18px;line-height: 22px;align-items: center;color: #232731;margin:18px 0;} #pouziteZdroje h3{ font-size: 16px; color: var(--secondary_color);} #teloClanku img{ max-width: 100%;} #teloClanku .ram_obrazek{ max-width: 100%;} #teloClanku p{ /*text-align: initial !important;*/ word-break: break-word;} #teloClanku p.text-center{ text-align: center !important;} #teloClanku p.text-left{ text-align: left !important;} #teloClanku p.text-right{ text-align: right !important;} #drobeckovaNavigace{ padding: 13px 22px;} #drobeckovaNavigace .caret,#drobeckovaNavigace .item{ margin-right: 16px;} #drobeckovaNavigace .item{ color:#232731;font-family: var(--primary_font);font-style: normal;font-weight: 500;font-size: 12px;line-height: 14px;text-decoration: none;} #drobeckovaNavigace a.item{ text-decoration: underline;} #drobeckovaNavigace a.home{ color:#5F7184;} #blockAutor{ margin-bottom: 32px; background: #232731; color: #fff;padding: 34px 40px;border-radius: 12px;} #blockAutor .header{ display: flex;} #blockAutor .avatar img{ width: 59px; height:59px; border-radius: 50%;} #blockAutor .avatar { margin-right:25px;} #blockAutor .header .label{ font-family: var(--primary_font);font-style: normal;font-weight: 500;font-size: 12px;line-height: 14px;display: flex;align-items: center;letter-spacing: 0.04em;text-transform: uppercase;color: #FFFFFF;} #blockAutor .header .jmenoAutora{ font-family: var(--primary_font);font-style: normal;font-weight: 500;font-size: 20px;line-height: 23px;display: flex;align-items: center;color: #FFFFFF;} #blockAutor .content{ font-family: var(--primary_font);font-style: normal;font-weight: 500;font-size: 14px;line-height: 24px;color: #FFFFFF;} #blockAutor .link { margin-top:16px;} #blockAutor .link a{ font-family: var(--primary_font);font-style: normal;font-weight: bold;font-size: 14px;line-height: 16px;text-align: right;letter-spacing: 0.04em;text-decoration-line: underline;text-transform: uppercase;color: #FFFFFF;} #nazevClanku { background: #fff;padding-top:44px; padding-bottom: 44px;} #nazevClanku h1{ font-family: var(--secondary_font);font-style: normal;font-weight: normal;font-size: 40px;line-height: 56px;color: #232731;} #nazevClanku h5{ margin-bottom: 0;font-family: var(--primary_font);font-style: normal;font-weight: 500;font-size: 12px;line-height: 14px;display: flex;align-items: center;letter-spacing: 0.04em;text-transform: uppercase;color: var(--secondary_color);} #sidebar{ /*position: sticky;top: 56px;bottom:56px;*/ position: sticky;top: 57px;} #sidebar .header{ color:#fff;text-align: center;background: var(--secondary_color);border-radius: 12px 12px 0px 0px;padding: 25px 0 0 0;} #sidebar .header .rating{ margin: 18px 65px;background: #EB674A;border-radius: 2px;padding: 18px 26px;} #sidebar .header .rating a{ color:#fff; text-decoration: none;} #sidebar .header .rating-wrap span{ font-family: var(--primary_font);font-style: normal;font-weight: 500;font-size: 18px;line-height: 21px;letter-spacing: 0.04em;text-transform: uppercase;color: #FFFFFF;} #sidebar .header .rating-wrap .wrap{ padding: 18px 65px; border-top: 1px solid rgba(155,44,21,.2);} #sidebar .header .btn, #sidebar .content .btn{ width: 100%; margin-bottom: 11px;} #sidebar .content{ text-align: center;background: #FFFFFF;border: 1px solid #E1E7ED;border-radius: 0px 0px 12px 12px;padding: 31px 65px;} #sidebar .content .wrap{ display: grid;grid-column-gap: 5px; grid-auto-flow: column;} #sidebar .content .link{ margin-top: 10px; display: block; font-family: var(--primary_font);font-style: normal;font-weight: bold;font-size: 14px;line-height: 18px;letter-spacing: 0.02em;text-decoration-line: underline;text-transform: uppercase;color: var(--primary_color);} #sidebar .content .link:hover{color: #4785BC;} #sidebar .btn i{font-size: 20px;} #sidebar #novyPrispevekButtons .nadpis{ margin-bottom:32px; font-family: var(--secondary_font);font-style: normal;font-weight: 500;font-size: 22px;line-height: 23px;color: #232731;} #sidebar #novyPrispevekButtons{border-radius:12px;} #zalozky .nav-tabs .nav-item.show .nav-link, #zalozky .nav-tabs .nav-link.active{ font-family: var(--primary_font);font-style: normal;font-weight: bold;font-size: 18px;line-height: 21px;color: var(--primary_color); padding: 13px 0; border-bottom: 1px solid #5F7184;} #zalozky .nav-tabs .nav-link.active{ border-bottom: 3px solid var(--primary_color);background: none;border-width: 0 0 3px 0;} #zalozky .nav-tabs .nav-link{ font-family: var(--primary_font);font-style: normal;font-weight: 500;font-size: 18px;line-height: 21px;color: #5F7184;padding: 13px 0; margin-right: 22px;border-bottom:3px solid transparent;} #zalozky .nav-tabs .nav-link:hover{ border-color: transparent;} #zalozky .tab-content{margin-top: 3rem;} .komentareWrap{ margin-top:12px; background: #FFFFFF;border: 1px solid #E1E7ED;box-sizing: border-box;border-radius: 12px; padding: 30px 80px;} .komentarRecenzent,.komentarHodnoceni{ margin-top:12px; background: #FFFFFF;border: 1px solid #E1E7ED;box-sizing: border-box;border-radius: 12px; padding: 30px 80px;} #novyKomentar{ margin-top:12px; background: #FFFFFF;border: 1px solid #E1E7ED;box-sizing: border-box;border-radius: 12px; padding: 30px 80px;} #replyForm{ margin-top:12px; background: #FFFFFF;border: 0px solid #E1E7ED;box-sizing: border-box;border-radius: 12px; padding: 0;} .komentareWrap h3,.komentarRecenzent h3,#novyKomentar h3,.komentarHodnoceni h3{ margin:0;font-family: var(--primary_font);font-style: normal;font-weight: bold;font-size: 20px;line-height: 23px;color: var(--secondary_color);} .komentar{ padding: 40px 0 77px 0; border-bottom: 2px dotted #A9A0A0;/* background-image: linear-gradient(to right, black 33%, rgba(255,255,255,0) 0%);background-position: bottom;background-size: 3px 1px;background-repeat: repeat-x;*/ } .komentar .header{ display: flex;justify-content: space-between;align-items: center;} .komentar .avatar{ width:46px; margin-right:17px;} .komentar .avatar img{ border-radius: 50%;width:100%;} .komentar .header .wrap{ display: flex; align-items: center; } .komentar .header .wrap .wrap{ flex-direction: column;align-items: baseline;} .komentar .comment-date{ font-family: var(--primary_font);font-style: normal;font-weight: bold;font-size: 14px;line-height: 16px;letter-spacing: 0.025em;color: #8497B0;} .komentar .comment-author{ font-family: var(--primary_font);font-style: normal;font-weight: 500;font-size: 18px;line-height: 21px;color: #232731;} .komentar .content{ margin-top:20px ;font-family: var(--primary_font);font-style: normal;font-weight: normal;font-size: 16px;line-height: 26px;color: #5F7694;} .komentar.first,.komentar.reply.first{ padding-top:22px;} /*.komentar:last-child{ border-bottom-width: 0;}*/ .komentar.last{border-bottom-width: 0; } .komentar.reply{ margin-left:27px;padding-bottom: 43px;border-bottom-width: 0;padding-top: 0;} .komentar.reply .header{ justify-content: space-between;} .komentar.reply .reakceLabel{ align-self: baseline;font-family: var(--primary_font);font-style: normal;font-weight: bold;font-size: 14px;line-height: 16px;letter-spacing: 0.025em;color: #8497B0;padding: 4px 0;/*padding: 8px 0 0 68px;*/} .komentar.reply.last{ padding-bottom: 0;} .komentar .starsRatingStatic{ min-width: 100px;} .komentar .content a{ color: var(--primary_color); text-decoration: underline;} #novyKomentar textarea{ border: 2px solid #E1E7ED;box-sizing: border-box;border-radius: 8px;width:100%;height:140px;padding:28px 40px;} #replyForm textarea,#editForm textarea{ border: 2px solid #E1E7ED;box-sizing: border-box;border-radius: 8px;width:100%;height:68px;padding:20px 40px;} #novyKomentar .avatar img,#replyForm .avatar img,.komentarHodnoceni .avatar img{ width: 55px; border-radius: 50%;} #novyKomentar .avatar,#replyForm .avatar,.komentarHodnoceni .avatar{ width: 55px;margin-right: 24px;} #novyKomentar form,#replyForm form{ display: flex;} #novyKomentar .wrap,#replyForm .wrap{ width: 100%;} .komentarHodnoceni .rating{ margin: 0;background: #EB674A; border-radius: 2px; width: max-content; padding: 6px 15px;} .komentarHodnoceni .rating a {color: #fff; text-decoration: none;} .komentarHodnoceni .rating .starsRating{ margin-top: 3px; display: inline-flex;} .komentarHodnoceni .wrap{display: flex;align-items: center;justify-content: space-between; width: 100%;} .komentarHodnoceni {display: flex;} .komentarHodnoceni .label{ font-family: var(--primary_font);font-style: italic;font-weight: bold;font-size: 16px;line-height: 19px;color: #B5B9BC;} #novyKomentar h3{ margin-left: 81px; margin-bottom: 20px;} #novyKomentar.unlogged h3{margin-left: 0px;} .starsRatingStaticWrap{ display: flex; align-items: center;} .starsRatingStaticWrap .starsRatingNumber{margin-left:1rem;font-family: var(--primary_font);font-style: normal;font-weight: bold;font-size: 14px;line-height: 16px;display: flex;align-items: center;color: #5F7184;} #novyKomentar .wrap .radios{ display: flex; align-items: center;} /*#novyKomentar .wrap label{ margin-top: 10px;margin-bottom: 25px;font-family: var(--primary_font);font-style: normal;font-weight: bold;font-size: 16px;line-height: 20px;color: #5F7694;} */ #novyKomentar .wrap .show_rating>label{ margin-top: 1rem;font-family: var(--primary_font);font-style: normal;font-weight: bold;font-size: 14px;line-height: 16px;color: #232731;} #novyKomentar .wrap .radios label { margin: 1rem 0;display: flex;align-items: center;height:30px;padding-left:43px; position: relative;font-family: var(--primary_font);font-style: normal;font-weight: bold;font-size: 16px;line-height: 19px;color: var(--primary_color);margin-right:1.2rem;} #novyKomentar .wrap input[type="radio"]{ width: 0; height: 0;} #novyKomentar input[type="radio"]:after{left:9px;} #novyKomentar input[type="radio"]:before{left:0;} .rvpWrap .radios{ display: flex; align-items: center;width:100%;} .rvpWrap .radios label { margin: 1rem 0;display: flex;align-items: center;height:30px;padding-left:43px; position: relative;font-family: var(--primary_font);font-style: normal;font-weight: bold;font-size: 1rem;line-height: 19px;color: var(--primary_color);margin-right:1rem;} .rvpWrap .radios .label{ color:#000;font-weight: bold; margin-right: 1rem;} .rvpWrap .radiobtn{ width: 0; height: 0;} .rvpWrap .radios label { position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} /* Hide the browser's default radio button */ .rvpWrap .radios label input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;} /* Create a custom radio button */ .rvpWrap .radios .checkmark { position: absolute; top: 0; left: 0; height: 30px; width: 30px; background-color: #fff; border-radius: 50%;border:3px solid #E1E7ED;} /* On mouse-over, add a grey background color */ .rvpWrap .radios label:hover input ~ .checkmark { background-color: #f5f5f5;} /* When the radio button is checked, add a blue background */ .rvpWrap .radios label input:checked ~ .checkmark { background-color: #fff;border: 3px solid var(--secondary_color);} /* Create the indicator (the dot/circle - hidden when not checked) */ .rvpWrap .radios .checkmark:after { content: ""; position: absolute; display: none;} /* Show the indicator (dot/circle) when checked */ .rvpWrap .radios label input:checked ~ .checkmark:after { display: block;} /* Style the indicator (dot/circle) */ .rvpWrap .radios label .checkmark:after { top: 6px; left: 6px; width: 12px; height: 12px; border-radius: 50%; background: var(--secondary_color);} @media( min-width:992px ) and (max-width:1200px){ .starsRatingStaticWrap{ flex-direction: column;} } .akceWrap{ position: relative;} .akceMenu{ display: none; top: 18px; display: none; z-index: 10; position: absolute; flex-direction: column; background: #f7f9fb; right: 6px; padding: 1rem;border:1px solid #e4e9ef;} .akceMenu.active{ display:flex;} .akceMenu .btn:hover{ text-decoration: underline;} @media( max-width:992px ){ .grid{ display:grid;grid-template-columns: repeat(2, 1fr);} } @media( max-width:500px ){ .grid{ display:grid;grid-template-columns: repeat(1, 1fr);} } #prilohy{ padding: 24px 30px 60px ;margin-top: 28px;background: #1F1F27; font-family: var(--primary_font);font-style: normal;font-weight: 500;font-size: 14px;line-height: 18px;border-radius: 12px; display: flex;color: #E1E7ED;} #prilohy .nadpis{ font-family: var(--primary_font);font-style: normal;font-weight: bold;font-size: 20px;line-height: 23px;align-items: center;color: #FFFFFF;} #prilohy .header{border-bottom: 1px solid #434349;font-family: var(--primary_font);font-style: normal;font-weight: bold;font-size: 14px;line-height: 16px;align-items: center;color: var(--secondary_color);} #prilohy .buttons,#prilohy .title,#prilohy .size, #prilohy .type{display: flex; align-items: center;} #prilohy .size{ flex-direction: column; align-items: start;font-weight: 700;} #prilohy .title{ word-break: break-all;} #prilohy .type img{height:30px;} #prilohy .buttons .btn{padding:12px;font-size: 14px;width:48%;border-radius: 2px;font-weight: bold;} #prilohy .buttons .btn-light{ color:var(--primary_color);} #prilohy .buttons .btn-light:hover{background: #E1E7ED;} #prilohy .typSouboru{font-size: 16px;} #prilohy .velikost{font-size: 12px;} #prilohy .filetypename{font-size: 12px;text-transform: uppercase;} #licence{ background: #FFFFFF;border: 2px solid #E1E7ED;box-sizing: border-box;border-radius: 12px;padding: 38px;margin-top: 28px;} #licence h3{ font-family: var(--primary_font);font-style: normal;font-weight: bold;font-size: 20px;line-height: 23px;display: flex;align-items: center;color: var(--secondary_color);} #licence p{margin-bottom:0;} #licence .icon{ font-size:32px; color: #000; display: flex;align-items: center; justify-content: center;} #pouziteZdroje{background:#F7F9FB;padding:25px 30px;margin:0 -25px;border-radius: 9px;} ul.branch{ list-style-type: none; padding: 0;} ul.branch li{ position: relative; display: inline; margin-right: 7px;} ul.branch li:not(:last-child):after{ content:'ยป'; position: relative;right:-5px;top:0px;} ul.branch li a{ } #flashMessages { position: fixed; top: 1.5rem; z-index: 1000; left: 0; right: 0; width: max-content; margin-left: auto; margin-right: auto; max-width: 600px; } @media( min-width:992px) and (max-width:1200px){ #sidebar .header .rating { margin: 18px 35px;} #sidebar .header .rating-wrap .wrap { padding: 18px 35px;} #sidebar .content{padding: 31px 35px;} } .kartaZalozka{ margin-top:12px; background: #FFFFFF;border: 1px solid #E1E7ED;box-sizing: border-box;border-radius: 12px; padding: 30px 45px;} .kartaZalozka h3{ margin:0;font-family: var(--primary_font);font-style: normal;font-weight: bold;font-size: 16px;line-height: 23px;color: var(--secondary_color);} @media(max-width:768px){ #teloClanku h2, .tab-content h2{ /*font-size: 26px;line-height: 26px;*/margin:20px 0;} #teloClanku h3 ,.tab-content h3{/*font-size: 22px;line-height: 22px;*/margin:18px 0;} #teloClanku h4, .tab-content h4{/*font-size: 18px;line-height: 18px;*/margin:16px 0;} .komentarRecenzent, .komentarHodnoceni,.komentareWrap,#novyKomentar { padding: 30px 20px;} .clanek-hlavicka .right-block { border-top: 2px solid #E1E7ED; border-radius: 0 0px 0 0; padding-right: 0px; border-left-width: 0; padding-top: 25px; padding-bottom: 35px; padding-left: 25px; background: #F7F9FB; display: flex; justify-content: flex-start; } #teloClanku{ padding: 50px 25px;} .clanek-hlavicka .left-block { padding-left: 25px; padding-top: 25px; padding-bottom: 25px; } .clanek-hlavicka .right-block .hodnoceni { display: flex; } .clanek-hlavicka .keywords{ padding-left: 25px; } .clanek-hlavicka .mobileHide.hidden{display:none;} .clanek-hlavicka .hlavicka { padding: 0 0 0px 0px; } .clanek-hlavicka .header-foot{border-radius: 0; padding: 36px 27px;} .komentarRecenzent, .komentarHodnoceni,.komentareWrap{ padding: 30px 25px;} .komentarHodnoceni .label{ margin:10px 0;} .komentarHodnoceni .wrap,#novyKomentar form{flex-direction: column;} #novyKomentar .avatar{display: flex; width: 100%; align-content: center; align-items: center; margin-bottom: 1rem;} #novyKomentar h3 { margin-left: 60px; margin-bottom: 0px;} .komentarHodnoceni .avatar { width: 55px; margin-right: 24px;align-items: center; display: flex;} .kartaZalozka{ padding: 25px;} .btn.reagovat{border-radius: 50%;width: 32px; height: 32px;} .btn.reagovat span{display: none;} .btn.reagovat i{margin: 0;} #novyKomentar{padding: 30px 25px;} .modal-dialog .modal-body {} .modal-dialog .modal-body video{ max-width: 100%; height: auto;} .modal .modal-content { padding: 5px 10px;} .modal-dialog .btn-close{margin-right:13px;} #preview-material-iframe{max-width: 100%;} #fulltextSearchFormWrap .searchWrap .submit button[type="submit"]{padding: 16px; font-size: 16px;} #fulltextSearchFormWrap .searchWrap .submit button i{margin:0;} } #frm-napisteNam .select2-container--default .select2-selection--single{ background-color: #fff; border: 2px solid #E1E7ED;box-sizing: border-box; border-radius: 8px; height: 56px;} #frm-napisteNam .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 23px; padding-top: 14px; line-height: 39px;} #frm-napisteNam i{color:var(--secondary_color);} #frm-napisteNam i.asterisk{margin-top:-10px;} #frm-napisteNam label,#frm-napisteNam strong{font-family: var(--primary_font);font-style: normal;font-weight: bold;font-size: 14px;line-height: 16px;align-items: center;color: #232731;} #frm-napisteNam textarea{height:124px;} #frm-napisteNam .select2-dropdown{ background-color: #fff; border: 2px solid #E1E7ED; box-sizing: border-box; border-radius: 8px;} .link-primary,text-primary{color:var(--primary_color) !important;} #teloClanku .tableWrap{overflow: scroll;} .popover{ background:var(--secondary_color); color:#fff; border-width: 0;} .popover-header { color:#fff; padding: .5rem 1rem; margin-bottom: 0; font-size: 1rem; background-color: transparent; border-bottom: 0px solid rgba(0,0,0,.2); border-top-left-radius: calc(.3rem - 1px); border-top-right-radius: calc(.3rem - 1px); } .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after, .bs-popover-end>.popover-arrow::after{ left: 2px; border-width: .5rem .5rem .5rem 0; border-right-color: var(--secondary_color); } .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before, .bs-popover-end>.popover-arrow::before { left: 0; border-width: .5rem .5rem .5rem 0; border-right-color: transparent; } .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after, .bs-popover-top>.popover-arrow::after{ bottom: 1px; border-width: .5rem .5rem 0; border-top-color: var(--secondary_color); } .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before, .bs-popover-top>.popover-arrow::before{ bottom: 1px; border-width: .5rem .5rem 0; border-top-color:#fff; } .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after, .bs-popover-start>.popover-arrow::after { right: 2px; border-width: .5rem 0 .5rem .5rem; border-left-color: var(--secondary_color); } .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after, .bs-popover-bottom>.popover-arrow::after { top: 2px; border-width: 0 .5rem .5rem .5rem; border-bottom-color: var(--secondary_color); } .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before, .bs-popover-bottom>.popover-arrow::before { top: 1px; border-width: 0 .5rem .5rem .5rem; border-bottom-color: #fff; } .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before, .bs-popover-bottom .popover-header::before{ border-width: 0; } .modal-title i{color: var(--secondary_color);} #nazevModulu{ text-align: center; font-family: var(--secondary_font);font-style: normal;font-weight: normal;font-size: 40px;line-height: 48px;color: #232731;} #subnazevModulu{ text-align: center; font-family: var(--secondary_font);font-style: normal;font-weight: 500;font-size: 18px;line-height: 22px;color: #8497B0;} .bottomButtons{ display: flex;justify-content: space-between;flex-wrap: wrap; margin-top:30px; margin-bottom: 100px;} .bottomButtons .btn { height: 60px;} .bottomButtons .prispevekButtons .btn{ width:200px;} @media( max-width:768px ){ .bottomButtons{justify-content:center;flex-direction: column; align-items: center;} .bottomButtons .btn { height: 60px; width:230px !important;} .bottomButtons .prispevekButtons{ display: flex; flex-direction: column;} .bottomButtons .prispevekButtons .btn{margin-top:8px;} #nazevClanku h1 { font-family: var(--secondary_font); font-style: normal; font-weight: normal; font-size: 30px; line-height: 36px;text-align: center;} } #rasaWebchatPro button.rw-launcher{ background-color: var(--primary_color);} #rasaWebchatPro .rw-conversation-container .rw-header{ background-color: var(--primary_color);} .projectBlock{ background: #FFFFFF;border: 2px solid #E1E7ED;box-sizing: border-box;border-radius: 12px;padding:50px 62px;margin-top: 28px;}