.clr { clear: both; overflow: hidden; height: 0; } * { box-sizing: border-box; } select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .input-append .add-on, .input-prepend .add-on { box-sizing: content-box; } [class^="icon-"], [class*=" icon-"] { margin-top: 2px; } select { height: 20px; } .row { margin: 0; } .span3 { width: 25%; margin: 0; } .span4 { width: 33.3%; margin: 0; } .span6 { width: 50%; margin: 0; } label, input, button, select, textarea { line-height: 1.4; } body { background: #f4f4f4 url(../img/bg_photo.jpg) no-repeat fixed center top; position: relative; } body, input, button { font: 15px/1.5 'Noto Sans', sans-serif; } #body { } .input-remove-bootstrap { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; transition: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; cursor: default !important; } .alert .close { text-decoration: none; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .container, .article-in, form > .inner, #article > form > .clearfix, .pagination { max-width: 100%; width: 1280px; margin: 0 auto; position: relative; padding: 30px 0; } #article > form#profil > .clearfix { padding-bottom: 0; } form#profil .article-in { padding-top: 0; } .pruzkum form > .inner { padding-top: 0; } .pagination { padding-top: 15px; padding-bottom: 11px; height: auto; } .bg-white .container { padding: 50px 80px; } .index .bg-white .container { padding-left: 0; padding-right: 0; } .bg-white, #vcs, #article > form { background: #fff; } .bg-silver, #kalkulacka::after { /*background: #f4f4f4;*/ background: rgba(245,245,245,0.85); } .pull-left { float: left; } .pull-right { float: right; } h1, h2, h3 { color: #0b2361; line-height: 1.5em; font-weight: bold; margin-bottom: 10px; } h1 { font-size: 36px; margin-bottom: 20px; margin-top: 0; line-height:1.2; } h2 { font-size: 25px; } h3 { font-size: 19px; } p { margin-bottom: 20px; } input[type="file"] { padding-top: 5px; line-height: 1.3; } /*h1 span.info, h2 span.info, h3 span.info { font-weight: normal; font-size: 0.8em; }*/ div.head-buttons { float: right; padding-top: 3px; } div.head-buttons .btn { margin-bottom: 5px; } #debug { margin: 10px auto; padding: 5px 10px; background: #AAA; font-size: 11px; line-height: 10px; overflow: scroll; } #cover { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: black; opacity: 0; display: none; z-index: 9999; filter: alpha(opacity=20); } #cboxOverlay { background: black; opacity: 0.2 !important; filter: alpha(opacity=20);} #loader { position: fixed; width: 120px; height: 30px; top: 50%; left: 50%; margin: -45px -60px; z-index: 10000; /*box-shadow: 5px 5px 10px #555;*/ text-align: center; padding: 100px 10px 10px 10px; background: #D9EDF7 url('../ajax-loader.gif') center 22px no-repeat; -webkit-border-radius: 300px; border-radius: 300px; border-width:1px; opacity:0.9;filter:alpha(opacity=90); } .well-full { width: 840px; margin: 20px auto; } .form-horizontal .control-label { width: 142px; } .form-horizontal .controls { margin-left: 150px; } .form-horizontal .form-actions { padding-left: 150px; } .controls-inline label { float: left; margin-right: 20px; margin-top: 5px; } .controls-inline input { float: left; margin-right: 40px; margin-top: 8px; } .margin-bottom { margin-bottom: 20px; } #topbar { text-align: right; padding: 0 20px; } #topbar .container { padding: 10px 0; } #flags { display: inline-block; margin-left: 20px; } #flags img { width: 20px; height: auto; } #flags a { margin-left: 10px; } #flags a:hover { opacity: 0.75; } .btn, .btn-continue { text-shadow: none; border-radius: 6px; /*font-size: inherit;*/ padding: 0.5em 1.3em; border: 1px solid #ccc; } .btn { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .input-append .btn, .input-prepend .btn { padding: 4px 10px; } .btn.btn-small { font-size: 85%; } form .btn.btn-small { padding: 3px 9px; font-size: 13px; } .btn.btn-large { font-size: 135%; padding: 0.6em 1.2em; border-radius: 10px; } .btn.reg { background: transparent; border: 1px solid #f88e21; color: #f88e21; text-shadow: none; } .btn.reg:hover { background: #f88e21; color: #fff; } .btn.reg.log { border-color: #0b2361; color: #0b2361; } .btn.reg.log:hover { background: #0b2361; color: #fff; } .btn.btn-warning, .btn-continue { background: #f88e21; border-color: #f88e21; text-shadow: 0 0 2px rgba(0,0,0,0.3); } .btn.btn-warning:hover, .btn-continue:hover { background: #e07a10; border-color: #e07a10; } /*.btn-info { background: #0fafa9; border: 1px solid #0fafa9; } .btn-info:hover { background: #04948f; border-color: #04948f; }*/ .btn.btn-primary, .btn.btn-info { background: #0b2361; border: 1px solid #0b2361; } .btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary.active, .btn.btn-primary.disabled, .btn.btn-primary[disabled], .btn.btn-info:hover, .btn.btn-info:active, .btn.btn-info.active, .btn.btn-info.disabled, .btn.btn-info[disabled] { background: #28368a; border-color: #28368a; } .btn.btn-outline-primary { color: #0b2361; background: transparent; } .btn.btn-outline-primary:hover, .act .btn.btn-outline-primary { background: #28368a; color: #fff; border-color: #28368a; } .btn-large [class^="icon-"] { margin-top: 7px; margin-right: 0; } .btn-block { display: block; } .btn-group > .btn + .btn { border-left: 1px solid rgba(255,255,255,0.3); } /*** #header ***/ #header { background: #fff; } #header .header-left { width: 635px; float: left; margin-right: 35px; } #header .header-right { width: 210px; float: left; height: 100px; padding-top: 25px; } #header .header-right-with-alert { padding-top: 0; } #header .header-right-with-alert div.alert { font-size: 11px; padding: 1px 8px; margin-bottom: 8px; } #header .header-right-logged-in { text-align: right; } #header .navbar-inner { background: none; border: 0; box-shadow: none; } #header #logo { padding: 0; margin-top: 14px; } #header #logo a { width: 160px; height: 45px; margin-right: 20px; float: left; display: block; position: relative; } #header #menu { max-width: 100%; width: 1280px; margin: 0 auto; position: relative; font-size: 17px; font-weight: bold; } #header #menu ul { list-style: none; margin: 0 0 0 7px; } #header #menu ul li { float: left; margin-right: 0; } #header #menu ul li a { color: #0b2361; text-decoration: none; padding: 27px 15px; font-weight: normal; } #header #menu ul li a:hover { color: #f88e21; } #header #menu ul li.active a, #header #menu ul li.active a:hover, .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus { color: #f88e21; background: transparent; text-shadow: none; box-shadow: none; font-weight: bold; } /*#header #menu ul li.exclamation a, #header #menu ul li.exclamation a:hover { background-image:url(../img/icon-alert.png); background-repeat:no-repeat; background-position: 8px center; padding-left: 29px; }*/ #header #user { margin: 0; } #header #user input.email { width: 199px; } #header #user input.passwd { float: left; width: 125px; margin-right: 8px; } #header #user input.submit { float: left; width: 63px; padding: 4px 7px; } #header a.reg, #header a.forgot { font-size: 12px; text-decoration: underline; float: left; display: block; } #header a.reg { color: #0b2361; margin-right: 10px; } #header a.forgot { color: #a8a8a8; } /*** article ***/ #article { } #article.well { background: white; padding: 0 0 0 0; min-height: 250px; } #article .left { float: left; margin: 0; } #article .right { float: right; padding: 0 0 20px 0; width: 100%; } #article .left-70 { width: 70%; padding: 20px 0; } #article .right-30 { width: 30%; } #article .left-50, #article .right-50 { width: 50%; } #article .article-in .left-50, #article .article-in .right-50 { margin: 0; } #article .article-in .left-50 { margin-right: 20px; } #article .right-in { padding-right: 20px; } #article.pruzkum.souhrn .right-boxes.affix, #article .right-boxes { /*position: relative; top: 50px;*/position: static; margin-top: 82px; padding-left: 20px; width: 100%; } #article .right-boxes.affix { position: fixed; top: 0; width: 28%; margin-top: 30px; max-width: 390px; } #article .right-boxes.affix-bottom { bottom:420px; width: 28%; position: absolute; top: auto; } #article .right-boxes .box { padding: 20px; background: #eee; text-align: center; } #article .right-boxes .box .btn { font-size:16px; padding-top:12px; padding-bottom: 12px; font-weight: bold; } #article .right-boxes .box .btn, #article .right-boxes .box .btn-continue { margin-bottom: 10px; } #article .right-boxes .box.box-orange .btn, #article .right-boxes .box.box-orange .btn-continue { width: 245px; } #article .right-boxes .box.box-blue .btn, #article .right-boxes .box.box-orange .btn { margin-top: 5px; } #article .right-boxes .box-blue { background: #d7e9f5; color: #0b2361; } #article .right-boxes .box-orange { background: #f8f8f8; } #article .right-boxes .box-orange .error { color: #9a0000; } #article .article-in { } #article .article-in-first { margin-top: 20px; padding-bottom: 90px; } #article .article-in-last { margin-bottom: 35px; } .bg-white .container > img.pull-right { width: 360px; margin: 0 0 40px 40px; padding: 50px; } #article p a { color: #0b2361; text-decoration: underline; } a {color:#0fafa9;text-decoration:underline;} a:hover, #header a.reg:hover, #header a.forgot:hover {color:#e65600} .alert a { color: inherit; } a.btn, .nav li a {text-decoration:none;} #footer::before { position: absolute; left: -90px; top: 30px; content: ""; display: block; height: 10px; width: 200px; background: #0b2361; border-top: 20px solid #0fafa9; border-bottom: 20px solid #3948a4; transform: rotate(-45deg); } /*** footer ***/ #footer { overflow: hidden; position: relative; background: #0b2361; font-size: 13px; padding: 0 20px; } #footer div.in2 { max-width: 100%; width: 1280px; margin: 0 auto; color: #c4c4c4; padding: 40px 0; } #footer div.col { margin-right: 10px; float: left; } #footer h2 { font-size: 16px; color: #c4c4c4; margin-top: 0; margin-bottom: 15px; } #footer p.address { margin-bottom: 20px; } #footer a.ipsos { float: left; width: 55px; height: 60px; text-indent: -999999px; background: url(../img/ipsos_logo.svg) no-repeat; background-size: contain; margin: 4px 10px 0 0; } #footer p.contact { font-size: 15px; } #footer p.contact a { color: #c4c4c4; text-decoration: none; } #footer ul { list-style: none; margin: 0; } #footer ul li a, #footer ul li a:hover { color: #6cadca; text-decoration: underline; } #footer ul li a:hover {color:#fff;} /*** index ***/ .index h1, .index h2 { margin-bottom: 25px; margin-top: 30px; font-size: 35px; font-weight: normal; } .ttup { text-transform: uppercase; } .index-left { } .index-left ul {margin-left:0;} .index-left li {list-style-type:none;margin-bottom: 13px;} .index-left li strong:first-child {padding-bottom: 3px; display: inline-block;} .index-right { } .index-right ul { margin-bottom: 25px; } .index-right li { margin-bottom: 4px; } .index-right .well.me { background: #F5F5F5 /*url(../img/me-logo-39.png) 9px 9px no-repeat*/; border: 1px solid #f62626; padding:10px 19px 0 19px; } .index-right .well.me h2 { margin-top:0;color: #f62626; /*padding-left: 37px;*/ padding-top: 3px; font-size: 20px; } .index-right div.banner-out { height: 223px; background: url(../img/fr-banner.png?2) left top no-repeat; padding: 0; border: 1px solid black; background-size: 400px auto; } .index-right div.banner { height: 223px; position: relative; background: url(../img/me-banner-foot.png?2) left bottom no-repeat; background-size: 448px 76px; } .index-right div.banner span { position: absolute; font-weight: bold; } .index-right div.banner span.d3 { top: 22px; left: 60px; font-size: 18px; color: #0fafa9; } .index-right div.banner span.h24 { top: 62px; left: 165px; font-size: 21px; color: #f16a28; } .index-right div.banner span.h5 { top: 110px; left: 300px; font-size: 30px; color: #f62626; } .index-right div.banner p { position: absolute; bottom: 0; left: 0; width: 100%; line-height: 30px; font-weight: bold; margin-bottom: 0; font-size: 14px; text-align: center; color: #c1c1c1; text-transform: uppercase; } h3 img { max-height: 55px; margin-bottom: 15px; } .card { text-align: center; padding: 0 30px 10px 30px; margin-top: 50px; font-size: 14px; position: relative; } .card a { color: inherit; text-decoration: none; display: block; } .card a:hover { opacity: 0.7; } .card h3 { font-size: 18px; } .card h3.small { font-size: 15.5px; line-height: 1.7; } .dot { height: 14px; width: 14px; background-color: #0fafa9; border-radius: 50%; display: inline-block; margin: 0 2px; } .dot.dot-primary { background: #0b2361; } .dot.dot-warning { background: #f88e21; } .dots { position: absolute; left: 0; bottom: -8px; width: 100%; text-align: center; } #article.index .row.clearfix { display: table; padding: 40px 0; } #article.index .row.clearfix .card.span3 { display: table-cell; float: none; width: 25%; } .tooltip-inner { max-width: 280px; } .tooltip.light .tooltip-inner { background: rgba(233, 239, 242, 0.92); color: #0b2361; margin: 0; text-align: center !important; opacity: 1; font-size: 14px; padding: 10px; line-height: 1.5; } .tooltip.light.in { padding-top: 8px; opacity: 1; } .tooltip.light.bottom { margin: 0; } .tooltip.light.bottom .tooltip-arrow {border-bottom-color: rgba(233, 239, 242, 0.92); margin-left:-10px;border-width: 0 10px 10px; } .collapse.in.hidn {height:0;} form { margin: 0; } fieldset div.control-group-submit { border-top: 1px solid #e0e0e0; background: #f5f5f5; padding: 20px 40px; margin-top: 35px; } input.submit {cursor: pointer !important;} .dropdown-menu button { background: none; border: none; } /*** old design ***/ /*** forms ***/ /*fieldset.success { background: #EEFFEE !important; }*/ fieldset.danger { background: #FFEEEE; } fieldset.warning { background: #e8f3f9; } fieldset .control-group-last { margin-bottom: 0 !important; } fieldset select { width: auto; max-width: 450px; } fieldset .input-prepend select { max-width: 537px; } fieldset .control-group-hide select { max-width: 150px; } /*fieldset button.del, fieldset button.undel { float: right; margin-left: 8px; }*/ fieldset button.add { margin-left: 8px; } fieldset div.buttons { float: right; } fieldset div.buttons button { float: none; } fieldset.submit input.submit { float: right; width: auto; margin-left: 8px; } fieldset.submit .price span { margin-bottom: 0; } fieldset h2.first { margin-bottom: 0; } fieldset .controls > .radio, fieldset .controls > .checkbox { padding-top: 5px; } fieldset .controls > span { padding-top: 5px; display: block; } fieldset .controls > span.label-important, fieldset .controls > span.label-success { width: 220px; padding: 5px; white-space: normal; } fieldset .controls .inline-checkbox { padding-top: 0; margin-left: 8px; } fieldset .controls span.help { font-size: 11px; padding-top: 0; } fieldset .controls img { margin-top: 10px; } fieldset .progressbar { width: 565px; height: 18px; margin: 5px 0; display: none; } .info_image_error { display: none; margin-bottom: 5px; color: #C44; font-weight: bold; } .info_video_error { display: none; margin-bottom: 5px; color: #C44; font-weight: bold; } .info_video_success { display: none; margin-bottom: 5px; color: #4C4; font-weight: bold; } input[type="file"], input[type="image"] { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } form .left-70 {min-height: 460px;} /*** form - kalkulacka ***/ #article > form#kalkulacka { background: transparent; position: relative; } #kalkulacka .container { z-index: 10; padding-bottom: 0; padding-top: 15px; } #kalkulacka .container h1 { margin-bottom: 20px; margin-top: 60px; } #kalkulacka::after { content: ""; position: absolute; bottom: 0; width: 100%; height: 200px; z-index: 0; } #kalkulacka h3 { margin-top: 0; } #kalkulacka label { font-size: 13px; } label.inline { display: inline; } #kalkulacka label.inline.pull-left { margin-top: 12px; } #type, #kalkulacka .type { text-align: center; } #type label, #kalkulacka .type label { display: inline-block; } #type label.ir .btn, #kalkulacka .type label.ir .btn { border-radius: 6px 0 0 6px; } #type label.fr .btn, #kalkulacka .type label.fr .btn { border-radius: 0; border-left: 0; border-right: 0; } #type label.me .btn, #kalkulacka .type label.me .btn { border-radius: 0 6px 6px 0; } #type label.me .btn::before, #kalkulacka .type label.me .btn::before { content: ""; display: inline-block; margin-right: 8px; width: 16px; height: 16px; background: url(../img/icons/icon-clock.svg) no-repeat; background-size: contain; vertical-align: top; margin-top: 2px; } #type label.me.act .btn::before, #type label.me:hover .btn::before, #kalkulacka .type label.me.act .btn::before, #kalkulacka .type label.me:hover .btn::before { background-image: url(../img/icons/icon-clock-orange.svg); } #kalkulacka .type input, #type input { position: absolute; visibility: hidden; } #kalkulacka .type input:checked + .btn.btn-outline-primary, #kalkulacka .type .btn.btn-outline-primary, #type input:checked + .btn.btn-outline-primary, #type .btn.btn-outline-primary { padding: 0.8em 1.6em; font-size: 14px; font-weight: bold; text-transform: uppercase; } #kalkulacka .type .act .btn.btn-outline-primary, #type .act .btn.btn-outline-primary { background: #0b2361; color: #f88e21; } #article .right-boxes .box.box-blue #type .btn.btn-outline-primary { min-width: 1px; font-size: 15px; } #kalkulacka fieldset { background-color: #fff; background-image: linear-gradient(0deg, rgba(9,24,66,1) 0%, rgba(48,70,156,1) 100%); background-repeat: no-repeat; background-position: right top; background-size: 36.5% 100%; margin: 60px auto 30px auto; position: relative; max-width: 85%; } #kalkulacka .left { width: 62%; float: left; margin: 0; padding: 25px 40px 20px 40px; } #kalkulacka .right { width: 36.5%; float: right; padding: 20px 30px 30px 30px; color: #fff; text-align: center; } #kalkulacka .right ol { margin-left: 0; } #kalkulacka label.big { color: #0b2361; font-size: 27px; margin-top: 11px; } #kalkulacka .right label.big, #kalkulacka .right .price div.value { color: inherit; } #kalkulacka .right li { margin-bottom: 20px; text-align: center; list-style-position: inside; } #kalkulacka .right ol li { margin-top: 51px; position: relative; line-height: 1.3; font-size: 85%; } #kalkulacka .right ol li .icon { position: absolute; top: -40px; display: block; text-align: center; width: 100%; } #kalkulacka .right ol li .icon img { height: 28px; } #kalkulacka .right .info { color: #fff; border-color: #fff; } #kalkulacka .right .info:hover { color: #0b2361; background: #fff; } #kalkulacka .alert { margin-bottom: 0; clear: both; margin-top: 6px; font-size: 85%; padding: 5px 35px 5px 14px; } #kalkulacka .ui-widget-content { border: 1px solid white; background: #d7d7d7; width: 88%; height: 4px; } #kalkulacka .ui-slider-range { background: #0b2361; margin-left: 1px; } #kalkulacka .ui-slider-handle { width: 13px; height: 13px; background: #0b2361; border-radius: 20px; border: none; top: -5px; margin-left: -5px; } #kalkulacka .survey-results, #kalkulacka .survey-cnt, #kalkulacka .survey-pen { margin-bottom: 25px; } #kalkulacka .survey-cnt label, #kalkulacka .survey-pen label { margin-right: 15px; display: block; } #kalkulacka .survey-cnt input, #kalkulacka .survey-pen input { padding: 0; background: transparent; border: none; color: #0b2361; font-weight: bold; margin-top: -14px; font-size: 125%; height: 23px; float: right; text-align: center; width: 12%; word-spacing: -2px; } #kalkulacka .survey-cnt .slider-survey-cnt, #kalkulacka .survey-pen .slider-survey-pen { } #kalkulacka .survey-cnt .values, #kalkulacka .survey-pen .values {position:relative;font-size:13px;} #kalkulacka .survey-cnt .values span, #kalkulacka .survey-pen .values span {display:inline-block;width:40px;text-align:left;color:#b7b7b7;position:absolute;} #kalkulacka .survey-cnt .values span.value-first, #kalkulacka .survey-pen .values span.value-first {left:0;} #kalkulacka .survey-cnt .values span.value-last, #kalkulacka .survey-pen .values span.value-last {left:auto; right: 12%; text-align: right; } #kalkulacka .survey-cnt .values span i, #kalkulacka .survey-pen .values span i { display:block; position:relative; left: 1px; margin:0; width: 1px;height: 6px; border-left: 1px dotted #b7b7b7; } #kalkulacka .survey-cnt .values span.value-last i, #kalkulacka .survey-pen .values span.value-last i { left: 95%; } #kalkulacka .price { margin: 20px 0; } #kalkulacka #price, #kalkulacka .price label { display: block; vertical-align: middle; color: #f88e21; } #kalkulacka #price { padding-left: 32px; } #kalkulacka .price div.value { padding: 0; background: transparent; border: none; color: #f88e21; font-size: 42px; font-weight: bold; line-height: 1; } #kalkulacka .que-cnt { margin-bottom: 0; position: relative; } #kalkulacka .que-cnt label { float: left; margin-top: 9px; margin-bottom: 0; display: block; font-weight: bold; font-size: 15px; color: #0b2361; } #kalkulacka .que-cnt label.vybrano.big { position:absolute; right: 40px; } #kalkulacka .que-cnt div.value { width: 6%; text-align: center; float: right; padding: 0; margin-top: 15px; background: transparent; border: none; color: #0b2361; font-size: 125%; font-weight: bold; } #kalkulacka .que-cnt label.vybrano { margin-top: 15px; } #kalkulacka .que-type { width: 100%; padding-top: 11px; white-space: nowrap; word-spacing: 0; } #kalkulacka .que-type label { display: inline-block; margin: 0; min-width: 26%; } #kalkulacka .que-type div.slider { display: inline-block; width: 68%; vertical-align: middle; } #kalkulacka .que-type input { display: inline-block; width: 6%; background: transparent; border: none; text-align: center; color: #0b2361; font-weight: bold; padding: 0; } /*.hu #kalkulacka .survey-cnt .values span.value-last, .hu #kalkulacka .survey-pen .values span.value-last { right: 18%; }*/ .hu #kalkulacka .que-type label { width: 33%; } .hu #kalkulacka .que-type div.slider { width: 61%; } .tt, .tt-left, .tt-bottom, .tt-icon { cursor: help; } span.info { display: inline-block; color: #0b2361; width: 15px; height: 15px; line-height: 14px; font-size: 10px; font-weight: bold; text-align: center; vertical-align: middle; border: 1px solid #0b2361; border-radius: 50px; cursor: help; } span.info:hover { background: #0b2361; color: #fff; } span.info::before { content: "?"; } #kalkulacka span.info { margin-left: 5px; } /*span.info-inline { height: 1em; }*/ h3 span.info { height: 14px; margin-left: 3px; } h3 span.nepovinne { font-weight: normal; font-size: 0.8em; } .video {display: block; margin: 15px 0 25px 0; } .video img {border: 1px solid #e5e5e5;} /* fieldset button.expand { width: 30px; } */ fieldset div.head-collapsed { display: block; } fieldset div.head-expanded, fieldset div.head-deleted, fieldset div.content { display: none; } fieldset.expanded div.head-expanded, fieldset.expanded div.content { display: block; } fieldset.expanded div.head-collapsed, fieldset.exanded div.head-deleted { display: none; } fieldset.expanded div.head-expanded { margin-bottom: 20px; } fieldset.deleted div.head-deleted { display: block; } fieldset.deleted div.head-collapsed, fieldset.deleted div.head-expanded, fieldset.deleted div.content { display: none; } fieldset.deleted h2 { color: #AAA; } table.battery td.middle { text-align: center; vertical-align: middle; } table.battery { width: 100%; } table tr.off td { color: #999; } table thead td { font-weight: bold; } .left .well-small {padding: 0 14px 14px 14px; } .left .well-small.form-horizontal { padding-left: 25px; } .step-nav {line-height:29px;text-align:center;margin:0;font-family: 'Noto Sans', sans-serif;} .step-nav .btn-warning.pull-right {padding: 9px 19px;font-size:16px;} .step-nav .btn.pull-left{padding: 9px 19px;font-size:16px;} .step-nav .btn {font-size:15px;} .modal, .modal.fade { top: 50%; left: 50%; margin: 0; transform: translate(-50%,-50%); max-width: 90%; } .modal-header h2 {font-size:24px;margin:0;} .modal-backdrop, .modal-backdrop.fade.in {opacity:0.2;} .collapse.in {} .nav-pruzkum-wrap { margin-top:0; background: #f9fafa; padding-top: 0;} .nav-pruzkum { } .nav-pruzkum.affix {z-index: 999; top:0; left:50%; width: 882px; margin-left:-441px; background:#F9FAFA; padding:9px 0 5px; opacity: 0.94; filter:alpha(opacity=94)} .nav-pruzkum li {background: #e0e0e0;} .nav-pruzkum li a {color:#666;padding:0 8px 2px 26px !important;line-height:31px !important;font-size:15px;position: relative;z-index:8; background: transparent !important} .nav-pruzkum li a.first {padding-left:21px !important;} .nav-pruzkum li.disabled a, .nav-pruzkum li.disabled a:hover {color:#bbb;cursor:default;} .nav-pruzkum li.active a {color:#0b2361;cursor:default;font-size:16px;font-weight: bold;border-style:solid; border-color: #0b2361;border-width:1px 0;} .nav-pruzkum li a:after, .nav-pruzkum li a:before { left: 100%; border: solid #F9FAFA; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; z-index:9; } .nav-pruzkum li a:after { border-color: rgba(0, 0, 0, 0); border-left-color: #F9FAFA; border-width: 16px; top: 50%; margin-top: -16px; } .nav-pruzkum li a:before { border-color: rgba(194, 225, 245, 0); border-left-color: #ccc; border-width: 17px; top: 50%; margin-top: -17px; } .nav-pruzkum li.active a:before, .nav-pruzkum li.preactive a:before { border-left-color:#0b2361 !important; } .nav-pruzkum li.active a:after { margin-top: -16px; } .nav-pruzkum li.active a:before { border-left-color: #0b2361; border-width: 17px; top: 50%; margin-top: -17px; } /*** vcs + otazky z casi ***/ form .nav-pills { margin-top: 0; } form .nav-pills li { margin-right: 25px; } form .nav-pills li input { padding: 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer !important; color:#555; line-height: 1.5em; font-weight: bold; margin-bottom: 10px; font-size: 23px; background:#f0f0f0; width: 100%; text-align: center; border: none; } form .nav-pills li input:hover { background:#e0e0e0; } form .nav-pills li.active input, form .nav-pills li.active input:hover { cursor:default; color:#fff; text-shadow: 0 0 2px #0e5064; background: #0b2361 !important } form#vcs .nav-pills li { margin-right: 15px; width: 31%; } form#vcs .nav-pills li input { /*width: 188px;*/ font-size: 18px; } form .nav-pills li:last-child, form#vcs .nav-pills li:last-child { margin-right: 0; } /*** vyplnit ***/ #vyplnit { background: #f6f6f6 url(../img/vyplnit-back.png) top repeat-x; min-width:240px; } #vyplnit #header { height: 60px; max-width: 100%; width: 100%; padding: 0 25px; background: #f6f6f6; } #vyplnit-logo { float: left; line-height: 60px; font-style: italic; font-family: 'Cambria', 'Times New Roman', sans-serif; font-size: 15px; } #vyplnit-logo a { width: 110px; height: 60px; float: left; background: url(../img/instantresearch_logo.svg) 50% 50% no-repeat; background-size: contain; margin-right: 20px; text-indent: -999999px; } #vyplnit-question { position:relative; float: right; width: 395px; max-width:40%; height: 60px; white-space:nowrap; background: #f6f6f6; padding: 0 20px 0 145px; } #vyplnit-question span.pagenum {display:inline-block; left:20px; position:absolute;line-height: 60px; color: #858585; font-weight: bold; font-size: 18px;} #vyplnit-question span { color: #bcbcbc; } #vyplnit-question div.slider { display:inline-block; width:100%; margin-top: 25px; } #vyplnit-question .ui-widget-content { border: 1px solid white; background: #dfdfdf; height: 11px; } #vyplnit-question .ui-progressbar-value { background: #0b2361; margin-left: 1px; } #vyplnit-question .ui-slider-handle { display: none; } #cboxClose { line-height: 1; } .index iframe { max-width:100%; } #vyplnit #article { max-width: 888px; clear:both; width:auto; background: url(../img/vyplnit-otazka-back-repeat.png) 100% 0 repeat-y; margin: 0 auto 50px auto; } #vyplnit #article .in { background: url(../img/vyplnit-otazka-back.png) right bottom no-repeat; min-height: 250px; padding: 20px 25px 85px 25px; } #vyplnit h1 span.page_nr { color: #a0a0a0; } #vyplnit-page { min-height: 150px; } #vyplnit-page div.instructions { margin-bottom: 10px; } #vyplnit-page h1 {font-size:26px;line-height:1.1;margin-bottom:14px;} #vyplnit-page h1, #vyplnit-page h2 { font-weight: normal; } #vyplnit-left { width:auto; max-width: 800px; min-height: 80px; } #vyplnit-left label { padding:5px 7px 5px 2px; display:inline-block; vertical-align: middle; margin-bottom:0; width:90%;} #vyplnit-left label.battery { padding: 2px 5px; width:90%; cursor: pointer; } #vyplnit-left input[type="radio"], #vyplnit-left input[type="checkbox"] {margin-top:0;padding:4px;} #vyplnit-left input[type="radio"] {min-height:10px;min-width:13px;;} #vyplnit-left textarea {width:94%;} #vyplnit-left .td-center {vertical-align:middle;} #vyplnit form div.wrapper { min-height: 95px; } #vyplnit form .form-actions { margin-right:22%; background-color: rgba(220,220,220,0.3); } #vyplnit form .form-actions .btn-primary, #vyplnit form .form-actions .btn-info { float: right; font-size: 18px;margin-bottom:13px;} #vyplnit form .form-actions .btn { } #vyplnit form .form-actions .btn-info [class^="icon-"], #vyplnit form .form-actions .btn-primary [class^="icon-"] {margin-top:5px;} #vyplnit form label {} #vyplnit input[type="radio"], #vyplnit input[type="checkbox"] { -webkit-box-shadow:none !important; -moz-box-shadow:none !important; box-shadow: none !important; } #souhrn .span6.left, #souhrn .span6 {font-family: 'Noto Sans', sans-serif;color:#0b2361;font-weight:bold;font-size:18px;} #souhrn .span6 { padding-right: 10px; } #souhrn .span6.left {margin-left: 0;margin-top: -2px;} #souhrn .span6 p, #souhrn .span6.left p {margin:3px 0;padding:3px 0;border-top: 1px solid #B4DCEE;} #souhrn .span6 p.first {border: 0;margin-top:0;} #souhrn .span6.left p {border:0;} #souhrn .span6.left p span {margin-left:11px;} #souhrn .span6 p.first span/*, #souhrn .span6.left span*/ {font-size:24px;vertical-align:middle;position:relative;top:-2px;} #souhrn .span6.left span.small {font-size: 18px} #souhrn .span6 p span.pull-right {display:inline-block;width:30px;text-align:right;} /*#souhrn .span6 p span.pull-right span.info { text-indent: 999999px; }*/ #souhrn .span6 p.text { color: #333; font-size: 14px; line-height: 20px; font-weight: normal; } #souhrn .span6.left p span.pull-right {width:auto;display:inline;} #souhrn .span6.left p span.pull-right.tar {text-align:right;} #souhrn .span6.left span.info {height:14px;margin-left: 3px;} .odsazeni {display:inline-block;width:67px} input.loading-small { background: url(../ajax-loader-small.gif) 75px center no-repeat; } input.loading-medium { background: url(../ajax-loader-small.gif) 135px center no-repeat; } .box .price { height: 40px; line-height: 40px; font-size: 30px; font-weight: bold; margin-bottom: 10px; text-align: left; } .box .price + p { text-align: left; font-size: 14px; } .box .price span.price { color: #0b2361; font-size: 30px; margin-left: 10px; float: right; } .box .line { text-align: right; line-height: 28px; height: 28px; margin-bottom: 10px; } .box .line label { float: left; margin-bottom: 0; line-height: 28px; height: 28px; } .box .line select { margin-bottom: 0; width: 70px; } .box-orange .btn-continue { padding: 15px 25px; border: 0; border-radius: 5px; font-size: 18px; cursor: pointer !important; color: white; font-weight: bold; /*text-rendering: optimizeLegibility;*/ } .box-orange .btn-continue.disabled {opacity: 0.5; filter: alpha(opacity=50); cursor: default; } .box-orange .btn { /*width: 205px !important;*/ /*letter-spacing: -0.1em;*/ /*text-rendering: optimizeLegibility;*/ } .box-orange .btn-gray { text-shadow: none; } .box-orange a.btn { } .well-blue { background: #deeef6; } .well button.del, .well button.edit, .well button.anshide, .well button.subhide, .well button.image { background: #ebf1f4; border: none; color: #0b2361; font-size: 16px; width: 32px; height: 30px; line-height: 30px; float: right; padding: 0; margin: -9px -13px 0 15px; } .well button.move { background: #ebf1f4; border: none; color: #999; font-size: 11px; width: 20px; height: 20px; line-height: 20px; padding: 0; position: absolute; margin: 0; } .well button.moveup { top: 0; left: 0; } .well button.movedn { bottom: 0; left: 0; } .well button.move:hover, .well button.edit:hover { background: #ebf1f4; color: #a72b00; } .well button.del-first { margin-top: 1px; } .well .head-expanded button.del-first, .well .head-collapsed button.del-first { margin-top: -9px; } .well .control-group button.del.btn-danger, .well .control-group button.undel.btn-danger { /*background:none;*/ margin:0 !important; border:0; box-shadow: none; text-shadow: none !important; } .well .control-group button.anshide.btn-danger, .well .control-group button.subhide.btn-danger, .well .control-group button.image.btn-danger { margin: 0 2px 0 0 !important; border:0; box-shadow: none; text-shadow: none !important; } .well button.set { background: #cce3ec !important; } .well button.edit.hid-error { background: #eccccc !important; } .btn-toolbar-add.collapse {} .input-big-font {font-size:21px;} .label-columns {margin-left: 35px;} .label-columns .radio, .label-columns .checkbox {line-height: 17px; margin-bottom: 9px !important; margin-right: 12px; font-size:13px;} .label-columns .radio input, .label-columns .checkbox input {margin-right: 7px !important;} /* fieldset button.expand { background: transparent; border: none; height: 28px; float: left; width: 16px; padding: 0 23px 0 0; opacity:0.5;filter:alpha(opacity=50) } fieldset button.expand:hover { opacity:1;filter:alpha(opacity=100) } */ fieldset h2 span { float: left; margin-right: 8px; } fieldset .que-move, fieldset .ans-move, fieldset .sub-move { margin: 6px 8px 0 0; width: 16px; height: 16px; background: url(../img/move.png); display: block; float: left; text-decoration: none; cursor: move; } fieldset .que-move { margin-left: 3px; position: absolute; left: 0; top: 50%; margin-top: -8px; } fieldset.expanded .que-move { position: static; margin-top: 7px; } fieldset .move-empty { width: 24px; height: 1px; display: block; float: left; } fieldset .input-full { width: 555px; } #que-sortable .well {position:relative;width:100%;min-height: 50px; } #que-sortable h2 {font-size:18px;width: 100%;padding-top: 3px; line-height: 1.3;} #que-sortable h2 span {float:none;} #que-sortable h2 .name {display:inline;} #que-sortable h2 .que-info {font-size:15px;font-weight:normal;} #que-sortable h2 .btn-clean {position:absolute; right:40px; top:5px; border:0;background:none;font-size:12px;margin-left:25px;opacity:0.6;filter:alpha(opacity=60);cursor:pointer;} #que-sortable h2 .btn-clean:hover {opacity:1;filter:alpha(opacity=100)} #que-sortable h2 button.expand {float:none;padding: 3px; width: auto; height: auto;} fieldset div.control-group-checkboxes label.checkbox { float: left; margin-right: 15px; font-size:13px; } fieldset div.control-group .control-group-float { float: left; } .form-horizontal .control-group-float .control-label { width: auto; } .form-horizontal .control-group-float .controls { margin: 0 25px 0 15px; float: left; } .form-horizontal .control-group-big label { float: none; width: auto; text-align: left; } .form-horizontal textarea { width: 555px; height: 150px; } .form-horizontal .controls-wo-label { margin-left: 0; } .form-horizontal-wide .control-label { width: 180px; } .form-horizontal-wide .controls { margin-left: 190px; } td.td-center { text-align: center; } table.coef th { background: #f5f5f5; vertical-align: middle; } table.coef td input { width: 34px; margin: 0; font-size: 0.8em; padding: 2px; } table.coef td { font-size: 0.8em; padding: 4px; } table.data-input th { background: #f5f5f5; vertical-align: middle; } table.data-input td input { width: 50px; margin-bottom: 0; font-size: 0.9em; padding: 4px; } table.data-input td { vertical-align: middle; line-height: 47px; font-size: 0.9em; } div.label-columns input { vertical-align: baseline; margin-top: 1px; } .btn-toolbar-add {margin:10px 0 20px 0;} .btn-toolbar-add .add { padding: 4px 10px; } /*.btn-toolbar-add .copy { margin-left: 10px; }*/ textarea.wysiwyg-tiny, textarea.wysiwyg-small { height: 40px; } #quecreate fieldset.danger, #quecreate-simple fieldset.danger { background: #F2DEDE; } #quecreate hr, #quecreate-simple hr { margin: 12px 0 10px 0; height: 1px; background:#dfeef5; border-top:1px solid #cbe0ea; } #quecreate .form-horizontal .control-group, #quecreate-simple .form-horizontal .control-group { margin: 5px 0;} .label-small { padding: 3px 5px 4px 5px; width: 50%; } .table td.align-right, .table th.align-right { text-align: right; } .table td.align-center, .table th.align-center { text-align: center; } .table-smaller td { font-size: 0.9em; } .table-smaller thead a { white-space: nowrap; } div.control-group-wanted label { font-weight: bold; } div.control-group-wanted label span, div.control-group span.required { color: #C93A38; } .tooltip {line-height: 1.4 !important; z-index: 99999; } .tooltip-inner {text-align:left !important;padding:7px 10px 9px 10px !important;font-size:12px;} .btn-info.disabled, .btn-info[disabled] {background-color: #d0d0d0;} .flowplayer { display: block; width: 565px; height: 400px; } .flowplayer-title { display: block; width: 400px; height: 225px; overflow: hidden; } .tab-video { padding: 0; width: 400px; height: 225px; overflow: hidden; } .videos { margin-top: 10px; } .videos li { float: left; cursor: pointer; margin-bottom: 40px; } .videos li:first-child { margin-right: 10px; } html.ie8 #header #menu ul li a { padding: 9px 12px; } .input-phone { width: 110px; } #article .kontakt { width: 49%; margin-right: 1%; float: left; margin-bottom: 40px; } #article .kontakt img { float: left; margin-right: 10px; height: 240px; } #help { width: 700px; } #help .kontakt { width: 49%; margin-right: 1%; float: left; margin-bottom: 40px; } #help .kontakt img { float: left; margin-right: 10px; height: 90px; } p.platba-loga { width: 106px; height: 70px; } p.platba-loga img { float: left; margin: 0 5px 5px 0; } span.inline-alert { color: red; font-weight: bold; } table.prehled { width: auto; float: left; margin-right: 10px; } table.faze th, table.prehled th { background: #eee; } .ww-big .wysihtml5-toolbar li:nth-child(1) a.btn { padding: 2px 10px; } .ww-big .wysihtml5-toolbar li:nth-child(4) a.btn { padding: 2px 10px; } .ww-big .wysihtml5-toolbar li:nth-child(5) a.btn { padding: 2px 10px; } .ww-big .wysihtml5-toolbar li:nth-child(6) a.btn { padding: 2px 10px; } .ww-small .wysihtml5-toolbar li:nth-child(2) a.btn { padding: 2px 10px; } @media (max-width: 639px) { #vyplnit {padding:0;} #vyplnit-logo {margin-left:15px;} #vyplnit-page h1 {font-size:20px;} #vyplnit-left table {font-size:85%;background:#fff;} #vyplnit-left .table th, #vyplnit-left .table td {line-height:1.2;} #vyplnit form .form-actions { margin-right:0;} #vyplnit-left {overflow-x:scroll;overflow-y:scroll;-webkit-overflow-scrolling: touch;} #vyplnit-left::-webkit-scrollbar-button { /*background: blue;*/ } #vyplnit-left::-webkit-scrollbar { width: 12px; } #vyplnit-left::-webkit-scrollbar-track { background-color: #ddd; border: 1px solid #aaa; } #vyplnit-left::-webkit-scrollbar-thumb { background-color: #888; } #vyplnit-left::-webkit-scrollbar-thumb:hover { /*background-color: green;*/ } } table tr.me td, table tr.fr td { background: #fbdbdb !important; } table tr.data td { background: #dceafb !important; } table tr.fr td span.fr, table tr.me td span.me { width: 18px; height: 18px; float: left; background: url(../img/icons/icon-clock.svg) no-repeat; background-size: contain; border: 0; margin-right: 5px; text-indent: -999px; overflow: hidden; } .me-banner { width: 420px; } .me-banner h3 { color: #f62626; line-height: 21px; } .me-banner .modal-body { padding-bottom: 90px; background: url(../img/me-banner-foot.png?2) left bottom no-repeat; } .me-banner p.banner { height: 92px; background: url(../img/me-banner-clock.png) 32px center no-repeat; margin: 0 0 10px 0; padding: 25px 0 0 144px; color: #0fafa9; } .me-banner p.banner strong { line-height: 1.5em; font-weight: bold; font-size: 28px; color: #f62626; } .me-banner p.banner span { color: #f62626; font-weight: bold; } .fr-banner { width: 502px; } .fr-banner .modal-header h3 { color: #f62626; font-size: 14px; text-align: center; text-transform: uppercase; } .fr-banner .modal-header p { color: #0fafa9; font-size: 19px; text-align: center; font-weight: bold; margin-bottom: 5px; } .fr-banner .modal-body { height: 277px; background: url(../img/fr-banner.png?2) left top no-repeat; padding: 0; } .fr-banner .modal-body div.banner { height: 277px; position: relative; background: url(../img/me-banner-foot.png?2) left bottom no-repeat; } .fr-banner .modal-body div.banner span { position: absolute; font-weight: bold; } .fr-banner .modal-body div.banner span.d3 { top: 30px; left: 70px; font-size: 18px; color: #0fafa9; } .fr-banner .modal-body div.banner span.h24 { top: 80px; left: 205px; font-size: 21px; color: #f16a28; } .fr-banner .modal-body div.banner span.h5 { top: 140px; left: 375px; font-size: 30px; color: #f62626; } .fr-banner .modal-body div.banner p { position: absolute; bottom: 0; left: 0; width: 100%; line-height: 40px; font-weight: bold; margin-bottom: 0; font-size: 14px; text-align: center; color: #c1c1c1; text-transform: uppercase; } body.me h1 span { width: 36px; height: 37px; margin-right: 14px; display: block; float: left; background: url(../img/h1-me.png) left no-repeat; } body.fr h1 span { display: none; /*width: 36px; height: 37px; margin-right: 14px; display: block; float: left; background: url(../img/h1-me.png) left no-repeat; */ } h1.me, h2.me, h1.fr, h2.fr { color: #e70f0f; } .right .type_me, .right .type_fr { height: 23px;background: url(../img/me-logo-23.png) left no-repeat; padding-left: 30px; line-height: 23px; font-size: 16px; font-weight: bold; text-transform: uppercase; } .right .type_fr { padding-left: 0; background: none; } /* #type { height: 52px; text-align: center; } #type label { height: 52px; float: left; margin-top: -23px; font-size: 17px; line-height: 49px; text-transform: uppercase; color: #5399c3; cursor: pointer; font-weight: bold; } #type label.ir { width: 80px; background: url(../img/vyber-ir.png?20150423) 0 -53px; margin-right: 3px; text-align: center; } #type label.fr { width: 62px; background: url(../img/vyber-fr.png?20150427) center -53px; padding-left: 0; margin-right: 3px; text-align: center; } #type label.me { width: 70px; background: url(../img/vyber-me.png?20150423) 3px -53px; padding-left: 36px; } #type label:hover {opacity:0.7 !important;} #type label.act:hover {opacity:1 !important;} #type label.act { background-position: center 0; } #type label.act.ir {color:#f68d26; } #type label.act.me { color:#ef4e1b; } #type label.act.fr { color:#e70f0f; } #type label input { display: none; } #type label.disabled { cursor: not-allowed; } */ #exporty .control-group { margin-bottom: 5px; } #exporty .control-label { width: 150px; margin-right: 10px; padding-top: 10px; } #exporty .controls { margin-top: 5px; } #exporty input[type="file"] { line-height: 1.3; } #obj .control-group { margin-bottom: 5px; } #obj .control-label { width: 150px; margin-right: 10px; padding-top: 10px; } #obj .controls { margin-top: 5px; } #obj input[type="file"] { line-height: 1.3; } .copy-que-list .well { padding: 5px 10px; } .copy-que-list div.control-group { margin: 10px 0 0 0; width: 100%; height: 30px; } .copy-que-list div.control-group input { width: 560px; } .copy-que-list label { margin-bottom: 5px; } .copy-que-list label input { float: left; margin-right: 5px; } .copy-que-list label span.flag-right { float: right; color: red; margin-left: 5px; font-size: 0.8em; font-weight: bold; } .copy-que-list ul { margin: 10px 0 10px 0; } .copy-que-list ul li { list-style: none; background: #deeef6; border-radius: 5px; margin-bottom: 0; padding: 3px 5px; } .copy-que-list ul li label { margin-bottom: 0; cursor: pointer; } .copy-que-list ul li:hover { background: #a9d5e7; } .copy-que-list ul li.submit { text-align: right; background: none; padding: 3px 0; } /*.copy-que-list ul li.target { background: red !important; height: 2px; width: 100%; padding: 0; border-radius: 0; }*/ .copy-que-list ul li.target { background: transparent; height: 3px; padding: 3px 0; } .copy-que-list ul li.dnd { cursor: pointer; } .copy-que-list ul li.dnd span { background: transparent; display: block; height: 3px; } .copy-que-list ul li.dnd:hover span, .copy-que-list ul li.dnd-active span { background: red; } .btn-toolbar-copy-other ul li { margin-bottom: 9px; } .btn-toolbar-add-show { font-size: 13px; padding: 4px 6px; } .ui-autocomplete { max-height: 240px; overflow-y: scroll; padding-right: 20px; } form#metadata .control-group { margin: 12px 0 0 0; } form#metadata .form-horizontal .control-label { width: 160px; } form#metadata .form-horizontal .controls { margin-left: 170px; } form#metadata .form-horizontal textarea { width: 380px; } form#metadata .btn-group-preview { padding: 10px 0 0 170px; } form#metadata .help { font-size: 0.8em; /*margin-top: -5px;*/ } #que-sortable .modal-body h2 { padding-top: 20px; } #que-sortable .modal-body h2.first { padding-top: 0; margin-top: -5px;} #que-sortable .modal-body fieldset, #quecreate-simple .modal-body fieldset { margin: 10px 0; background: #deeef6 !important; padding: 5px 0 5px 10px; } .modal-hide, .modal-hideans, .modal-hidesub {width: 800px; margin-left: -400px;} #que-sortable .modal-image .modal-body .progressbar, #quecreate-simple .modal-image .modal-body .progressbar { width: 100%; margin-bottom: 5px; } #que-sortable .modal-image .image-size, #quecreate-simple .modal-image .image-size { margin-bottom: 10px; height: 24px; } #que-sortable .modal-image .image-size button, #quecreate-simple .modal-image .image-size button { padding: 1px 6px; } #que-sortable .modal-image .image-size div, #quecreate-simple .modal-image .image-size div { text-align: center; height: 24px; line-height: 24px; } .rekrutace { margin: 0 0 10px 25px ; } .rekrutace label { font-size: 0.8em; } .ans-header h3 { display: inline; } .ans-header label { margin-left: 15px; margin-top: -5px;} #quecreate .rotate-head, #quecreate-simple .rotate-head { width: 100px; float: right; margin-right: 100px; font-size: 0.7em; text-align: center; } #quecreate .ans-header .rotate-head, #quecreate-simple .ans-header .rotate-head { margin-right: 100px; } #quecreate .rotate-block, #quecreate-simple .rotate-block { width: 100px; float: right; height: 30px; line-height: 30px; } #quecreate .rotate-block input, #quecreate-simple .rotate-block input { margin: 0 4px; } .radio.inline, .checkbox.inline { padding-top: 0; } button.smaller .fa { font-size: 13px !important; } button.anshide { margin-right: 5px; } button.subhide { margin-right: 5px; } #modal-rotate table td { padding: 3px 4px; vertical-align: middle; } #modal-rotate table thead td { font-size: 11px; padding: 2px 4px; background: #f5f5f5; } #modal-rotate table td input { margin: 0; } #modal-rotate table tr.prev_info td { border-top: none; } #modal-sfile label { line-height: 30px; float: left; margin-right: 5px; width: 100px; } #modal-sfile textarea { width: 380px; } fieldset .add-group { display: inline-block; } fieldset .add-group input { font-size: 11px; height: 16px; width: 20px; float: left; border-radius: 4px 0 0 4px; border-right: none; } fieldset .add-group button { margin-left: 0; border-radius: 0 4px 4px 0; } input[type=radio] { border: none; background: none; box-shadow: none; } #quecreate-simple fieldset.fieldset-hide select { width: 98%; max-width: 100%; } .need-translation { background: #fdeeed !important } #table-survey-list b { color: #0fafa9; } /* #body.cs .index-right ul { margin-bottom: 10px; } #body.en #header #logo span.moto { padding-top: 24px; text-align: center; } #body.hu #header #menu ul li a { font-size: 14px; padding: 10px 7px !important; } #body.hu #header #user input.passwd { width: 90px; } #body.hu #header #user input.submit { width: 98px; font-size: 13px; } #body.hu #kalkulacka .type label { line-height: 20px; font-size: 15px; padding-top: 10px; height: 53px; } #body.hu #kalkulacka .type label.ir { } #body.hu #type label { line-height: 20px; font-size: 15px; padding-top: 5px; height: 48px; } #body.hu #type label.fr, #body.hu #type label.me { padding-top: 15px; height: 38px; } #body.hu select.filter_state { width: 130px; } #body.hu select.filter_type { width: 80px; } #body.hu select.filter_country { width: 80px; } #body.hu label.chk { font-size: 13px; } #body.hu #kalkulacka .price div.value { font-size: 30px; width: 190px; } #body.hu form#vcs .nav-pills li input { font-size: 16px; } #body.hu form .nav-pills li input { font-size: 22px; } #body.hu .box-orange .btn-continue { font-size: 18px; white-space: normal; padding: 0 20px 5px 20px; } #body.hu .btn-toolbar-add .add { padding: 4px 7px; } #body.en #header #logo span.moto { padding-top: 20px; text-align: left; line-height: 1em; } */ #provyzkum { display: block; background: url(../img/logo-provyzkum.png) center center no-repeat; background-size: contain; width: 133px; height: 70px; text-indent: -99999px; } video { max-width: 100%; } #menu_toggle { display: none; } .form-horizontal .input-prepend input { width: 178px; } .form-horizontal .input-prepend input.input-mini { width: 58px; } .form-horizontal .input-append input { width: 129px; } .hu .form-horizontal .input-append input { width: 89px; } .form-horizontal .input-append input.input-mini { width: 109px; } #non_eu { margin-top: -14px; } #article.uzivatel .article-in.article-in-first, #article.info .article-in.article-in-first { width: 450px; border-radius: 15px; padding: 40px; margin: 7vh auto; } #article.uzivatel.registrace-prihlaseni .article-in.article-in-first, #article.uzivatel.muj-profil .article-in.article-in-first, #article.uzivatel.moje-pruzkumy .article-in.article-in-first, #article.info .article-in.article-in-first { width: 100%; text-align: center; } #article.uzivatel .article-in.article-in-first.wider { width: 560px; } #article.uzivatel > .bg-white, #article.uzivatel > form, #article > .bg-white { background: rgba(255,255,255,0.7); } #article.uzivatel > .bg-white > img { max-width: 100px; } #article.uzivatel h1, #article.info h1 { font-weight: normal; text-transform: uppercase; } .uzivatel fieldset select { width: 206px; } #user_email, #user_passwd { padding: 10px 15px 10px 50px; font-size: 125%; background-repeat: no-repeat; background-position: 12px 50%; background-size: 22px; border-radius: 10px; height: auto; display: block; width: 100%; box-sizing: border-box; line-height: 1.5; margin-bottom: 0.7em; } #user { margin-bottom: 0.7em; } #user_email { background-image: url(../img/icons/icon-user.svg); } #user_passwd { background-image: url(../img/icons/icon-password.svg); background-size: 18px; background-position: 14px 50%; } a.forgot, a.reg { color: #0b2361; } a.forgot:hover, a.reg:hover { color: #e65600; } .mobile-only { display: none; } .alert.mobile-only { margin: 0; position: relative; } #hide_mobile_alert { background: rgba(158, 51, 49, 0.2); color: #b94a48; border: 0; font-size: 125%; line-height: 1; height: auto; padding: 3px 7px 4px 7px; position: absolute; right: 10px; top: 10px; border-radius: 3px; } .alert.alert-danger.mobile-only .actions { display: none; margin-top: 30px; } .form-horizontal .help-block { max-width: 330px; font-size: 85%; } .ui-slider-handle { outline: none !important; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; } .modal.fade { -webkit-transition: opacity .15s linear,top .15s ease-out; -moz-transition: opacity .15s linear,top .15s ease-out; -o-transition: opacity .15s linear,top .15s ease-out; transition: opacity .15s linear,top .15s ease-out; } .pruzkum { font-size: 15px; } #pricebar { display: none; position: fixed; bottom: 0; left: 0; z-index: 999; width: 100%; background: rgba(9,24,66,1); /*display: none;*/ } #kalkulacka #pricebar { margin: 0; padding: 10px 20px; } #kalkulacka #pricebar div.value { font-size: 22px; display: inline-block; vertical-align: middle; } #kalkulacka #pricebar label.big { font-size: 15px; margin-right: 10px; display: inline-block; vertical-align: middle; } @media only screen and (max-width: 1366px) { #header #menu ul li a { padding: 26px 15px; } #header #menu { font-size: 18px; } .index h1, .index h2 { font-size: 28px; } body, input, button { font-size: 15px; } #header #menu, .container, .article-in, form > .inner, #article > form > .clearfix, .pagination { width: 1200px; } .moto + br { display: none; } #kalkulacka .container { padding-top: 4px; } #kalkulacka .container h1 { margin-bottom: 10px; } #kalkulacka .ui-widget-content { width: 82%; } #kalkulacka .survey-cnt input, #kalkulacka .survey-pen input { width: 18%; } #kalkulacka .survey-cnt .values span.value-last, #kalkulacka .survey-pen .values span.value-last { right: 18%; } #kalkulacka .que-type label { width: 33%; } #kalkulacka .que-type div.slider { width: 61%; } .hu #kalkulacka .survey-cnt .values span.value-last, .hu #kalkulacka .survey-pen .values span.value-last { right: 18%; } .hu #kalkulacka .que-type label { width: 38%; } .hu #kalkulacka .que-type div.slider { width: 56%; } #type input:checked + .btn.btn-outline-primary, #type .btn.btn-outline-primary { padding-left: 1.3em; padding-right: 1.3em; } #footer .row .span3:first-child { padding-left: 50px; width: 33%; } #footer .row .span3:last-child { width: 12%; } } @media only screen and (max-width: 1300px) { .container, .article-in, form > .inner, #article > form > .clearfix, .pagination { padding-left: 20px; padding-right: 20px; } #type .btn.btn-outline-primary, #type input:checked + .btn.btn-outline-primary { padding-left: 1em; padding-right: 1em; } } @media only screen and (max-width: 1280px) { .container, .article-in, form > .inner, #article.uzivatel.registrace-prihlaseni .bg-white .container, #article.uzivatel.muj-profil .bg-white .container, #article.uzivatel.moje-pruzkumy .bg-white .container, #article.info .bg-white .container { padding-left: 20px; padding-right: 20px; } .navbar .brand { margin-left: 0; } #header #menu ul li a { padding-left: 8px; padding-right: 8px; } } @media only screen and (max-width: 1200px) { .index h1, .index h2 { font-size: 35px; } .card { font-size: 13px; } .card h3 { font-size: 18px; } #kalkulacka fieldset { max-width: 100%; } #type .btn.btn-outline-primary, #type input:checked + .btn.btn-outline-primary { padding-left: 0.6em; padding-right: 0.6em; } } @media only screen and (max-width: 1199px) { #header #menu { font-size: 16px; } } @media only screen and (max-width: 1100px) { .md-hide { display: none; } #article .left-70 { width: 65%; } #article .right-30 { width: 35%; } #article .right-boxes.affix { position: static !important; width: 100% !important; margin-top: 82px; } } @media only screen and (min-width: 1001px) { #header #menu ul { display: block !important; } #kalkulacka label.inline.pull-left { margin-right: -74px; } .en #kalkulacka label.inline.pull-left { margin-right: -63px; } .hu #kalkulacka label.inline.pull-left { margin-right: -81px; } } @media only screen and (max-width: 1000px) { #header #logo { margin-top: 16px; } #header #menu { min-height: 77px; } #header #menu ul { display: none; position: absolute; top: 70px; left: 0; width: 100%; padding: 15px 0; margin: 0; background: rgba(255,255,255,0.99); z-index: 999; box-shadow: 0 20px 45px rgba(0,0,0,0.3); } #header #menu ul li { float: none; display: block; width: 100%; margin-right: 0; } #header #menu ul li a { padding: 15px 15px; text-align: center; } #menu_toggle { display: inline-block; float: right; font-weight: bold; margin-top: 23px; background: none; border: 0; } #menu_toggle > i, #menu_toggle > i::before, #menu_toggle > i::after { display: inline-block; vertical-align: middle; width: 24px; height: 5px; border-radius: 3px; position: relative; background: #0b2361; } #menu_toggle > i::before, #menu_toggle > i::after { content: ""; position: absolute; left: 0; } #menu_toggle > i::before { top: -8px; } #menu_toggle > i::after { top: 8px; } #article.pruzkum { min-width: 1000px; } #article.pruzkum.souhrn { min-width: 1px; } form > .inner { padding-top: 0; padding-bottom: 0; } .mobile-only { display: block; } .md-hide { display: block; } .pruzkum.vyber-cilove-skupiny { } .pruzkum.vyber-cilove-skupiny .alert.alert-danger.mobile-only { padding: 100px 20px; } .pruzkum.vyber-cilove-skupiny .alert.alert-danger.mobile-only .actions { display: block; } .pruzkum.vyber-cilove-skupiny #nav, .pruzkum.vyber-cilove-skupiny #article { display: none; } .hide_mobile_alert.pruzkum.vyber-cilove-skupiny #nav, .hide_mobile_alert.pruzkum.vyber-cilove-skupiny #article { display: block; } .data.search { } .data.search .alert.alert-danger.mobile-only { padding: 100px 20px; } .data.search .alert.alert-danger.mobile-only .actions { display: block; } .data.search #nav, .data.search #article { display: none; } .hide_mobile_alert.data.search #nav, .hide_mobile_alert.data.search #article { display: block; } } @media only screen and (max-width: 960px) { #kalkulacka .que-type label { width: 45%; } #kalkulacka .que-type div.slider { width: 45%; } #kalkulacka .que-type input, #kalkulacka .que-cnt div.value { width: 9%; } #kalkulacka .ui-widget-content { width: 78%; } #kalkulacka .survey-cnt input, #kalkulacka .survey-pen input { width: 21%; } #kalkulacka .survey-cnt .values span.value-last, #kalkulacka .survey-pen .values span.value-last { right: 22%; } .hu #kalkulacka .que-type input, .hu #kalkulacka .que-cnt div.value { right: 10%; } .hu #kalkulacka .que-type label { width: 50%; } .hu #kalkulacka .que-type div.slider { width: 40%; } #kalkulacka .right { padding: 30px; } .index h1, .index h2 { font-size: 30px; letter-spacing: -1px; } .btn.btn-large { font-size: 125%; } #footer .row .span3:first-child { width: 42%; } #footer .row .span3:nth-child(2) { width: 27%; } #footer .row .span3:nth-child(3) { width: 18%; } #footer .row .span3:nth-child(4) { width: 13%; } #provyzkum { width: 93px; } body { background-size: 200%; background-position: center top; } #kalkulacka fieldset { background-size: 37.5% 100%; } #kalkulacka .type .btn.btn-outline-primary { padding-left: 1.3em; padding-right: 1.3em; } #article .kontakt img { height: 160px; } } @media only screen and (max-width: 767px) { body { padding: 0; } .span3 { width: 50%; float: left; } #article.index .row.clearfix .card.span3 { display: block; width: 50%; float: left; } .modal.fade.in { top: 50%; } .modal, .modal.fade { width: 90%; } .modal-footer .btn { margin-bottom: 15px; } .bg-white .container > img.pull-right { width: 200px; margin: 0 0 20px 20px; } .container, .article-in, form > .inner { padding-left: 0; padding-right: 0; } #article .article-in-first { padding-left: 20px; padding-right: 20px; } .pruzkum .input-large { width: 210px; height: 20px; } .span3 { padding-bottom: 0; } .span3.card { min-height: 290px; } .card h3 { font-size: 16px; } #footer .row .span3:first-child { width: 60%; } #footer .row .span3:nth-child(2) { width: 40%; } #footer .row .span3:nth-child(3) { width: 60%; padding-left: 50px; } #footer .row .span3:nth-child(4) { width: 40%; } #footer .row .span3 { min-height: 200px; } #kalkulacka label.big { font-size: 20px; } .btn.btn-large { font-size: 120%; } #kalkulacka .type input:checked + .btn.btn-outline-primary, #kalkulacka .type .btn.btn-outline-primary, #type input:checked + .btn.btn-outline-primary, #type .btn.btn-outline-primary { padding: 0.8em 1em; } #kalkulacka .left, #kalkulacka .right { width: 100%; float: none; } #kalkulacka fieldset { background: #fff; } #kalkulacka .right { background: linear-gradient(0deg, rgba(9,24,66,1) 0%, rgba(48,70,156,1) 100%); } #kalkulacka .right ol { margin: 0; } #kalkulacka .right ol li { width: 20%; float: left; font-size: 75%; } #kalkulacka .right { min-height: 1px; } #kalkulacka > .container > .text-center { padding: 0 20px; } #kalkulacka label.inline.pull-left { float: none; display: block; } #article .left-50, #article .right-50, #article .left-70, #article .right-30 { width: 100%; float: none; } #article .left-70, #article .right-30 { padding-left: 20px; padding-right: 20px; } #article .right-boxes.affix { position: static !important; width: 100% !important; } .operator, .operator thead, .operator tbody, .operator tr, .operator th, .operator td, .uzivatel, .uzivatel thead, .uzivatel tbody, .uzivatel tr, .uzivatel th, .uzivatel td { display: block; border: 0; padding: 0; } .operator tr, .uzivatel tr { margin-bottom: 20px; padding: 5px 10px; } .operator tr td:nth-child(1), .operator tr td:nth-child(2) { display: inline-block; padding: 4px 5px !important; } .operator tr td:nth-child(3), .uzivatel tr td:nth-child(2) { font-size: 125%; } .operator tr td a, .uzivatel tr td a { padding: 5px 0; display: inline-block; vertical-align: top; } .uzivatel tr td.align-right a { padding: 5px; } .operator tr.fr td span.fr, .operator tr.me td span.me, .uzivatel tr.fr td span.fr, .uzivatel tr.me td span.me { margin-top: 5px; } .operator td.align-right, .uzivatel td.align-right { text-align: left; } .operator .table-striped tbody tr:nth-child(2n+1), .uzivatel .table-striped tbody tr:nth-child(2n+1) { background: #f9f9f9; } .sm-hide, .operator td.sm-hide, .uzivatel td.sm-hide { display: none; } #article .kontakt { float: none; width: 100%; clear: both; padding-top: 20px; } #help { width: 90%; } #help .kontakt { width: 100%; margin-right: 0; float: none; margin-bottom: 40px; } } @media only screen and (max-width: 480px) { .span3, #article.index .row.clearfix .card.span3 { width: 100%; float: none; } h3 br { display: none; } h3 img { display: block; position: relative; margin: 0 auto 10px auto; } .span3.card, #article.index .row.clearfix .card.span3 { min-height: 1px; padding-bottom: 30px; } #article.index .row.clearfix .card.span3 { margin-bottom: 60px; } #footer .row .span3:first-child, #footer .row .span3:nth-child(2), #footer .row .span3:nth-child(3), #footer .row .span3:nth-child(4) { width: 100%; padding-left: 50px; } #footer .row .span3 { min-height: 1px; } .modal { right: auto; left: 50%; } body { background-size: cover; background-position: center top; } small { font-size: 75%; } #article.uzivatel .article-in.article-in-first { padding: 30px; } .span6.text-left { float: left; } .span6.text-right { float: right; } .form-horizontal .controls { margin-left: 0; } #article .kontakt { width: 100%; float: none; margin: 0 0 40px 0; } fieldset .input-prepend select { max-width: 72vw; } h2 { font-size: 21px; } #pricebar { display: block; } #article .kontakt img { height: 80px; } } @media only screen and (max-width: 440px) { .span3 { padding-bottom: 10px; } #kalkulacka .que-type label { width: 50%; } #kalkulacka .que-type div.slider { width: 40%; } .hu #kalkulacka .que-type input, .hu #kalkulacka .que-cnt div.value { right: 10%; } .hu #kalkulacka .que-type label { width: 60%; } .hu #kalkulacka .que-type div.slider { width: 30%; } #kalkulacka .left { padding: 20px; } .btn { padding: 0.5em 0.8em; } #flags { margin-left: 5px; } #kalkulacka .right ol li { list-style-type: none; } #kalkulacka .right { padding: 20px 15px 30px 15px; } .index h1, .index h2 { font-size: 25px; } } @media only screen and (max-width: 370px) { #kalkulacka .que-type label { width: 60%; } #kalkulacka .que-type div.slider { width: 30%; } #kalkulacka .type input:checked + .btn.btn-outline-primary, #kalkulacka .type .btn.btn-outline-primary, #type input:checked + .btn.btn-outline-primary, #type .btn.btn-outline-primary { padding: 0.8em; } } .vcs-red { color: #b80b23 !important; } .vcs-green { color: #0b9c23 !important; } .video-js { display: block; margin: 30px 0; max-width: 100%; } #vyplnit #article .in { padding-bottom: 35px; padding-top: 10px; } #vyplnit .form-actions { padding: 10px 20px; } #vyplnit form .form-actions .btn-info { margin-bottom: 5px; } #vyplnit #vyplnit-page h1 { font-size: 20px; margin-bottom: 0; } #vyplnit .info { margin-bottom: 25px; } #vyplnit .img-popup { cursor: zoom-in; position: relative; display: block; padding-right: 25px; } #vyplnit .img-popup::after { content: ''; position: absolute; right: 0; top: 0; width: 20px; height: 25px; background: url(../img/zoom-in.png?1) center center no-repeat; background-size: contain; } #vyplnit h1 span.wysiwyg-font-size-small, #vyplnit h1 span.wysiwyg-font-size-large { color: #0b2361; } #vyplnit span.wysiwyg-font-size-small { font-size: 0.8em; } #vyplnit span.wysiwyg-font-size-large { font-size: 1.2em; } #vyplnit form .form-actions { margin-right: 0; } .length-info { font-size: 11px; text-align: justify; line-height: 1.3em; margin-bottom: 10px; } .length-info p { margin-bottom: 10px; } #invoicing_details { width: 32%; float: left; padding: 0 0 20px 0; margin-left: 3% } #invoicing_details h2 { font-size: 17px; margin-top: 0; } #invoicing_details .form-horizontal .control-label { width: 102px; } #invoicing_details .form-horizontal .controls { margin-left: 110px; } #data_search .control-group { margin: 12px 0 0 0; } #data_search .control-group .control-label { width: 150px; } #data_search .control-group .controls { margin-left: 158px; } #data_search label.inline { float: left; width: 33%; line-height: 20px; } #data_search #sexes label.inline { width: 25%; } #data_search #region_hu label.inline { width: 100%; } #data_search label.inline input { vertical-align: baseline; margin-right: 3px; } #data_search #survey_list .well-small { padding: 14px; } #data_search #survey_list .well-small .heading { font-weight: bold; font-size: 1.1em; color: #0b2361; } #data_search #survey_list .well-small .filters { font-size: 0.8em; } #data_search #survey_list .well-small ul { margin-top: 5px; } .control-group-topics .controls { padding-top: 5px; } .control-group-topics label.inline { font-size: 13px; margin-bottom: 5px; display: inline-block; margin-right: 10px; } .control-group-topics label.inline span.name { padding-left: 18px; display: block; } .control-group-topics input { float: left; } #data_questions .well-small { padding: 14px; } #data_questions .well-small .heading { font-weight: bold; font-size: 1.1em; color: #0b2361; } #data_questions .well-small .heading input { margin-top: 0; margin-right: 3px; } #data_questions .well-small .heading small { font-weight: normal; } #data_questions .well-small ul.answers { list-style: none; margin: 0; } #data_questions .well-small ul.answers input { margin-top: 0; } #data_questions .well-small .btn-collapse { width: 22px; margin-right: 10px; padding: 0; } #data_questions .well-small .btn-collapse .plus { display: none; } #data_questions .well-small .btn-collapse .minus { display: inline; } #data_questions .well-small .btn-collapse.collapsed .plus { display: inline; } #data_questions .well-small .btn-collapse.collapsed .minus { display: none; } #home_tabs { margin: 0; position: absolute; top: -40px; left: 0; list-style: none; display: flex; } #home_tabs li { padding: 0 20px; height: 40px; background: #0b2361; line-height: 40px; } #home_tabs li.active { background: #f88e21; } #home_tabs li a { width: 100%; height: 40px; display: inline-block; text-align: center; color: white; text-decoration: none; } .home-tab { display: none; } .home-tab.home-tab-active { display: block; } #tab-data ul li { margin-bottom: 1em; } #modal-demography .check-group { margin-bottom: 10px; } #modal-demography label { display: block; margin: 4px 0; } #modal-demography label.all { font-weight: bold; } #modal-demography label input { margin: 3px 5px 0 0; float: left; } /* end */