@charset "UTF-8"; /* moved by compressor */ /* default styles for extension "tx_cellentbannerteaser" */ textarea.f3-form-error { background-color:#FF9F9F; border: 1px #FF0000 solid; } input.f3-form-error { background-color:#FF9F9F; border: 1px #FF0000 solid; } .tx-cellent-bannerteaser table { border-collapse:separate; border-spacing:10px; } .tx-cellent-bannerteaser table th { font-weight:bold; } .tx-cellent-bannerteaser table td { vertical-align:top; } .typo3-messages .message-error { color:red; } .typo3-messages .message-ok { color:green; } /* default styles for extension "tx_cellentmycontacts" */ textarea.f3-form-error { background-color:#FF9F9F; border: 1px #FF0000 solid; } input.f3-form-error { background-color:#FF9F9F; border: 1px #FF0000 solid; } .tx-cellent-mycontacts table { border-collapse:separate; border-spacing:10px; } .tx-cellent-mycontacts table th { font-weight:bold; } .tx-cellent-mycontacts table td { vertical-align:top; } .typo3-messages .message-error { color:red; } .typo3-messages .message-ok { color:green; } /*reset: vordefinierte Browserstyles - nicht bearbeiten !!! */ body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{vertical-align:text-top;} sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;} /*****************************************************************************/ /*** Allgemeine Definitionen ***/ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } .clear {clear: both;font-size: 1px;line-height:1px;height:0;display:block;} .hidden{ display: none } .invisible{ visibility: hidden } .float-left{ float: left } .float-right{ float: right } .fix-it{ position: fixed !important } input:focus { outline:0; } h2{ font-size: 55px; line-height: 66px; font-family: CentraleSansLight, Arial; letter-spacing: -1px } h3{ font-family: CentraleSansXBold, Arial } strong{ font-family: CentraleSansXBold, Arial } .orange{ color: #e98300 } .red{ color: #983222 } .white{ color: #fff } .darkred{ color: #96172e } .very-dark-orange{ color: #772432 } .green{ color: #b6bf00 } .darkblue{ color: #0f204b } .blue{ color: #003478 } .lightblue{ color: #7ba4d9 } .middle-blue { color: #b3c8e6; } .petrol{ color: #0066a2; } .dark-grey { color: #252525; } .bg-red{ background-color: #772432 !important } a.button{ height: 35px; text-align: center; display: inline-block; font-size: 14px; text-decoration: none; padding-right: 10px; background: url('../../../fileadmin/templates/img/landingpage/buttons/button_red_right.png') no-repeat right 0; } a.button:hover{ background-position: right -35px} a.button span{ line-height: 35px; background: url('../../../fileadmin/templates/img/landingpage/buttons/button_red_left.png') no-repeat left 0; height: 35px; padding-left: 10px; display: block; } a.button span span, a span span.arrow{ background: none; font-family: CentraleSansXBold; width: auto !important; display: inline; padding-left: 5px } a.button:hover span{ background-position: left -35px } a.button:active, a.button.mousedown{ background-position: right -70px } a.button:active span, a.button.mousedown span{ background-position: left -70px } a.btn_darkred{ background-image: url('../../../fileadmin/templates/img/landingpage/buttons/button_darkred_right.png'); color: white; } a.btn_darkred span{ background-image: url('../../../fileadmin/templates/img/landingpage/buttons/button_darkred_left.png'); } a.btn_red{ background: url('../../../fileadmin/templates/img/landingpage/buttons/button_red_right.png') no-repeat right 0; color: white } a.btn_red span{ background: url('../../../fileadmin/templates/img/landingpage/buttons/button_red_left.png') no-repeat left 0; } a.btn_green{ background: url('../../../fileadmin/templates/img/landingpage/buttons/button_green_right.png') no-repeat right 0; color: white } a.btn_green span{ background: url('../../../fileadmin/templates/img/landingpage/buttons/button_green_left.png') no-repeat left 0; } a.btn_transparent{ color: white; background-image: url('../../../fileadmin/templates/img/landingpage/buttons/button_transparent_right.png'); padding-right: 25px; position: relative; } a.btn_transparent span{ background-image: url('../../../fileadmin/templates/img/landingpage/buttons/button_transparent_left.png'); padding-left: 25px } a.btn_transparent span span{ background: none } a.btn_secondary_green{ background: url('../../../fileadmin/templates/img/landingpage/buttons/button_secondary_green_right.png') no-repeat right 0; color: #b6bf00 } a.btn_secondary_green span{ background: url('../../../fileadmin/templates/img/landingpage/buttons/button_secondary_green_left.png') no-repeat left 0; } a.btn_secondary:hover{ background: #fbfcf2 } a.btn_white{ background: url('../../../fileadmin/templates/img/landingpage/buttons/button_white_right.png') no-repeat right 0; color: #0089c4; padding-right: 25px } a.btn_white span{ background: url('../../../fileadmin/templates/img/landingpage/buttons/button_white_left.png') no-repeat left 0; padding-left: 25px } a.btn_blue{ background: url('../../../fileadmin/templates/img/landingpage/buttons/button_blue_right.png') no-repeat right 0; color: white } a.btn_blue span{ background: url('../../../fileadmin/templates/img/landingpage/buttons/button_blue_left.png') no-repeat left 0; } a.button_new{ height: 35px; padding: 0 20px; display: inline-block; line-height: 35px; text-align: center } a.btn_petrol{ background: #0089c4; border-radius: 2px; color: white } a.close, .fancybox-close{ background: url('../../../fileadmin/templates/img/close_button.png') no-repeat right center !important; right:14px !important; top:12px !important; } .content{ width: 960px; margin: 0 auto } #tiptip_arrow, #tiptip_arrow_inner{ border: none !important } #tiptip_content{ box-shadow: none !important; font-size: 14px !important; padding: 19px 15px !important; opacity: 0.8; line-height: 22px !important; } #tiptip_content ul li{ background: url('../../../fileadmin/templates/img/landingpage/list-point.png') no-repeat left 11px; padding-left: 10px } body{ background: white; font-family: "CentraleSansBook", Arial; color: #252525; font-size: 17px; line-height: 25px; overflow-y: scroll; } #wrapper{ position: relative; } /*****************************************************************************/ /*** HEADER ***/ header{ min-height: 159px; height: 160px; position: fixed; width: 100%; top: 0; background: url('../../../fileadmin/templates/img/landingpage/nav.png') repeat-x; background: linear-gradient(to bottom,rgba(0,0,0,0.25) 0% ,rgba(0,0,0,0.25) 20%, rgba(0,0,0,0) 100% ); z-index: 500; position: absolute } #logo{ background: url('../../../fileadmin/templates/img/landingpage/holdings/orange.png') no-repeat; width: 140px; height: 140px; float: left; margin: 19px 7px 0 2px; box-shadow: 0px 3px 8px rgba(0,0,0,0.4); position: relative;} .bc_blue #logo{ background-image: url('../../../fileadmin/templates/img/landingpage/holdings/blue.png'); display: table; } #logo a{ color: white; text-decoration: none; position: absolute; bottom: 0; left: 13px } #logo a.small{ font-size: 14px; line-height: 18px } #logo a span{ display: table-cell; height: 54px; vertical-align: middle } .holding-device-link{ display: none; background: #062f88; } .holding-device-link a{ color: white; font-size: 21px; line-height: 29px; text-decoration: none; display: block; padding: 20px 15px } nav{ /* overflow: hidden; */ } div.space-left{ /* position: relative; height: 63px */ } ul#navi_level1{ /*position: absolute; */ float: left; height: 49px; display: table; border-bottom: 1px solid rgba(255, 255, 255, 0.2); margin-left: 26px; width: 785px; } ul#navi_level1 li{ list-style-type: none; position: relative; float: left; } ul#navi_level1.shade li{ opacity: 0.2; } ul#navi_level1 li a{ color: white; text-decoration: none; font-size: 13px; line-height: 49px; height: 49px; padding: 0 24px 0 16px; } ul#navi_level1 li.first a{ padding-left: 16px; } ul#navi_level1 li a:hover{ /* text-decoration: underline */} ul#navi_level1 li.active a{ /* font-family: CentraleSansXBold, Arial */} ul#navi_level1 li.partner-portal a{ background: url('../../../fileadmin/templates/img/landingpage/icons/partner-portal-login.png') no-repeat center center; } ul#navi_level1 li.suche a{ background: url('../../../fileadmin/templates/img/landingpage/icons/suche-sprite.png') no-repeat left center; margin-right: 1px } ul#navi_level1 li.suche.opened{ opacity: 1; } ul#navi_level1 li.suche.opened a{ background-position: -18px center; position: relative; z-index: 10; } ul#navi_level1 li.icon{ float: right; } ul#navi_level1 li.icon a{ opacity: 0.8; display: block; padding:0; width: 18px; margin-left: 15px } ul#navi_level1 li.icon a:hover{ opacity: 1 } ul#navi_level1 li.icon a span{ display: none } ul#navi_level1 li .downloadbasketcounter{ display: none } ul#navi_level1 li ul{ display: none } ul#navi_level1 li div.arrow-top{ position: absolute; top: 45px; left: 0; right: 0; display: none; } ul#navi_level1 li:hover ul{ display: block; position: absolute; left: 0 } ul#navi_level1 li:hover div.arrow-top, ul#navi_level1 li.active div.arrow-top{ display: block; } ul#navi_level1 li.active div.arrow-top{ opacity: 0.4 } ul#navi_level1 li ul{ max-height: 367px; background: #fff; background: -ms-linear-gradient(center top , rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.9) 100%) repeat scroll 0 0; background: linear-gradient(to bottom,rgba(255,255,255,1) 0% ,rgba(255,255,255,0.9) 100%); width: 250px; padding-top: 13px; box-shadow: 0 3px 5px rgba(0,0,0,0.3); } ul#navi_level1 li ul li{ max-width: 262px; float: none; display: block; margin: 0 16px 18px } ul#navi_level1 li ul li.last{ margin-bottom: 16px } ul#navi_level1 li.first ul li{ margin-left: 16px } ul#navi_level1 li.first ul li a{ padding-left: 0; } ul#navi_level1 li ul li a{ color: #3c3c3c; font-size: 12px; line-height: normal; padding: 0; height: auto; display: block } ul#navi_level1 li ul li a:hover{ color: #000 } div.arrow-top{ width: 0; height: 0; margin: 0 auto; border: 5px solid transparent; border-bottom: 5px solid #fff; border-color: -moz-use-text-color transparent #fff; border-style: solid; border-width: 0 5px 5px } /* small nav */ div#nav-icon{ border-top: 5px solid #fff; cursor: pointer; height: 5px; width: 25px; display: none; position: absolute; top: 19px; right:10px; z-index: 550 } div#nav-icon:after, div#nav-icon:before{content:''; display:block; position:absolute; top:-14px; right:0; left:0; height:5px; border-top:5px solid #fff } div#nav-icon:after{ top:4px } div#nav-icon.left{ border-top: 5px solid #252525; } div#nav-icon.left:after, div#nav-icon.left:before{ border-top: 5px solid #252525 } div.search-form{ float: right; } div.search-form form{ position: relative; } div.search-form input#ke_search_sword{ right: 0; margin: 8px 0 0 0; position: absolute; display: none; width: 215px; height: 31px; font-size: 12px; padding: 0 25px 0 10px; border-sizing: border-box; border: 1px solid #cccedb; border-radius: 3px; line-height: 31px; } div.search-form input::-webkit-input-placeholder{ color: #b9bbc7 } div.search-form input::-moz-placeholder{ color: #b9bbc7 } div.search-form input:-ms-input-placeholder{ color: #b9bbc7 } div.search-form input[type='submit']{ display: none; background: url('../../../fileadmin/templates/img/landingpage/icons/suche-sprite.png'); background-position: -36px center; height: 18px; width: 18px; border: none; position: absolute; right: 5px; top: 7px; cursor: pointer; } /*****************************************************************************/ /*** FOOTER ***/ .bc_blue footer{ background: rgb(0,52,120); background: linear-gradient(125deg,rgba(8,16,38,1) 0%, rgba(0,52,120,1) 60%, rgba(0,102,161,1) 100%); } .bc_blue footer h4{ color: #b3c8e6 } .bc_blue footer .copyright{ color: #b3c8e6 } .bc_blue footer .footer-nav ul li{ border-color: white } .bc_blue.dark footer{ background: rgb(15,32,75); background: linear-gradient(125deg,rgba(15,32,75,1) 0%, rgba(0,102,161,1) 60%, rgba(83,167,217,1) 100%); } footer{ padding: 70px 0 30px; background: rgb(152,52,34); background: linear-gradient(125deg,rgba(152,52,34,1) 0%, rgba(233,131,0,1) 100%); } footer .content{ width: 843px } footer h4{ color: #fbd476; font-size: 14px; line-height: 24px; margin-bottom: 8px } footer .socialmedia ul li { background: url('../../../fileadmin/templates/img/landingpage/icons/chp_footer_youtube.png') no-repeat 0 0; display: inline-block; margin-right: 4px; background-size: 100% 100% } footer .socialmedia ul li.youtube { background-image: url('../../../fileadmin/templates/img/landingpage/icons/chp_footer_youtube.png');} footer .socialmedia ul li.googlePlus { background-image: url('../../../fileadmin/templates/img/landingpage/icons/chp_footer_googleplus.png');} footer .socialmedia ul li.facebook { background-image: url('../../../fileadmin/templates/img/landingpage/icons/chp_footer_facebook.png');} footer .socialmedia ul li.twitter { background-image: url('../../../fileadmin/templates/img/landingpage/icons/chp_footer_twitter.png');} footer .socialmedia ul li a { display: block; width: 20px; height: 20px } footer .socialmedia ul li a span{ display: none } footer .socialmedia, footer .philips-watermark, footer .country-selector{ float: left; width: 33.3%; } footer .philips-watermark{ text-align: center } footer .socialmedia{ margin-top: 45px } footer .country-selector{ margin-top: 45px; text-align: right } footer .country-selector h4{ display: inline } footer .country-selector a{ font-family: "CentraleSansBook", Arial; font-weight: bold; color: white; text-decoration: none; font-size: 14px; line-height: 22px; } footer .country-selector a span{ font-size: 17px; } footer .footer-nav{ text-align: center; margin-top: 55px } footer .footer-nav ul li{ display: inline-block; padding: 0 10px; border-right: 1px solid #fbd476; line-height: 12px } footer .footer-nav ul li.last{ border: none } footer .footer-nav ul li a{ color: white; text-decoration: none; font-size: 14px; } footer a:hover{ } footer .copyright{ color: #fbd476; text-align: center; font-size: 14px; line-height: 22px } .firstPanel{ padding: 104px 0 0 0;} .backgroundImage{ background: no-repeat center top white; } span.arrow{ font-family: CentraleSansXBold, Arial; } /*****************************************************************************/ /* Flexslider */ #wrapper .flexslider { background: none; border: none; box-shadow: none } #wrapper .flexslider ul.slides { margin-bottom: 15px } #wrapper .flex-direction-nav a { background-image: url('../../../fileadmin/templates/img/landingpage/icons/flexslider_bg_direction_nav.png'); opacity: 1; height: 26px; width: 26px; margin: -13px 0 0; -webkit-transition: none } #wrapper .flex-direction-nav a:hover { background-position: 0 -26px } #wrapper .flex-direction-nav a.flex-next:hover{ background-position: right -26px } #wrapper .flex-direction-nav a.flex-prev { left: 10px } #wrapper .flex-direction-nav a.flex-next { right: 10px } #wrapper ol.flex-control-paging{ margin: 0 auto; left: 0; right: 0; width: auto; bottom: -50px } .fr #wrapper ol.flex-control-paging{ bottom: -85px } #wrapper ol.flex-control-paging li{ vertical-align: middle; padding: 0 8px; margin: 0; width: 13px } #wrapper .flex-control-paging li a {background: #fff; box-shadow: none; opacity: 0.5; height: 10px; width: 10px; } #wrapper .flex-control-paging li a:hover, #wrapper .flex-control-paging li a.flex-active { opacity: 1 } #wrapper .flex-control-paging li a.flex-active{ height: 13px; width: 13px; background: white } /* Process Circle */ /* #wrapper .flex-control-paging li a.flex-active{ text-indent: 0; display: inline; background: none; } #wrapper .flex-control-paging li a svg{ display: none } #wrapper .flex-control-paging li a.flex-active svg{ margin-top: 0; display: block; } #wrapper .flex-control-paging li a svg.circle{ position: absolute; top: 0; left: 0 } */ .p-video-popup{ position: fixed; height: 100%; width: 100%; top: 0; left: 0; display: none; z-index: 2000} .p-video-popup div.p-video-close{ background: url('../../../fileadmin/templates/img/landingpage/icons/video-close.png') no-repeat 0 0; width: 26px; height: 26px; position: absolute; top: 5px; right: 10px; cursor: pointer; z-index: 999; display: block } .p-video-popup .p-video-close:hover{ background-color: #0089c4; border-radius: 2px } .demoTimer{ position: relative; border-radius: 20px; background: #80c4e2; padding: 0.5px 0 0 0.5px } iframe[name='google_conversion_frame']{ display: none } /*****************************************************************************/ /*** PANEL 1 ***/ .panel1 p{ margin-bottom: 20px; color: #252525 } .panel1 ul li{ background: url('../../../fileadmin/templates/img/landingpage/list-panel1.png') no-repeat 0 3px; padding-left: 30px; margin-bottom: 10px } .panel1 ul li{ font-family: CentraleSansXBold, Arial; text-decoration: none; color: #e98300 } .panel1 ul li a:hover{ text-decoration: underline; } .panel1 .backgroundImage{ height: 590px; background-color: #fcfcfc } .panel1.blue ul li{ color: #0089c4; background-image: url('../../../fileadmin/templates/img/landingpage/list-panel1-blue.png') } /* Panel 1: How can we help you */ .hcwhy{ /*margin: 0;*/ } .hcwhy h2{ margin: 0 0 50px 195px } .hcwhy h2 strong{ margin-left: 55px; font-size: 66px; line-height: 55px } .hcwhy ul li a{ color: #e98300; } .hcwhy .box p{ width: 525px; } /* Panel 1: 100 € Rabatt für Österreichs Anwälte */ .anwalt h2{ margin: 75px 0 25px } .anwalt .content{ padding-left: 72px; min-height: 575px; box-sizing: border-box; } .anwalt .box p{ width: 530px; } /* Panel 1: Philips macht Sie zum Diktierprofi */ .anwalt-de .box p{ width: 575px } .anwalt-de .box ul{ width: 575px } /* Panel 1: Sprachversionen */ .anwalt-fr .firstPanel{ padding-top: 120px } .anwalt-fr ul{ width: 440px } .anwalt-nl .firstPanel{ padding-top: 140px } .anwalt-nl h2{ margin-bottom: 30px } .anwalt-nl ul{ width: 460px; margin-top: 35px } .anwalt-nl .box p{ width: 580px } /* Panel 1: Get a free transcription set */ .panel1.blue.get-a-free-ts-set.anwalt p { width: 600px; } /* .panel1.blue.get-a-free-ts-set.anwalt ul { width: 480px; } */ .panel1.blue.get-a-free-ts-set.anwalt ul { width: 550px; } .panel1.blue.get-a-free-ts-set.anwalt ul li { color: #0066a1; } .panel1.blue.get-a-free-ts-set.anwalt ul li.last { width: 600px; } /* Panel 1: Unsere Diktier- und Spracherkennungssets */ .panel1.anwalt.spracherkennungssets .content { margin-left: 0 } .panel1.anwalt-es.spracherkennungssets h2 { margin-bottom: 5px; } .panel1.anwalt-fr.spracherkennungssets .firstPanel { padding-top: 104px; } .panel1.anwalt-fr.spracherkennungssets h2 { margin-bottom: 15px; } .panel1.anwalt-nl.spracherkennungssets .firstPanel { padding-top: 104px; } .panel1.anwalt-nl.spracherkennungssets h2 { margin-bottom: 15px; } .panel1.anwalt-nl.spracherkennungssets ul { margin-top: 0; } /* Panel 1: Roadshow */ .roadshow .box { padding-top: 270px; padding-left: 64px;} .roadshow h2{ color: #0089c4; font-size: 34px; line-height: 40px; margin-bottom: 15px;} .roadshow h2 strong{ } .roadshow .box p{ font-size:21px; width: 415px } .roadshow .box p.soundOn { font-size:12px; line-height:18px; padding-top:10px; } .roadshow .box p.soundOn strong{ font-family: 'CentraleSansBold';} .roadshow .backgroundImage {height: 590px;} .smartphone.backgroundImage {height: 498px;} .roadshow .roadshow-text {padding-top: 45px; width: 572px;} .roadshow-text p { padding: 8px 0 23px; } .roadshow .tab ul { margin-bottom: 52px; } .roadshow .tab ul li{ display: block; background: url('../../../fileadmin/templates/img/landingpage/roadshow/misc_textlist.png') no-repeat 0 6px; padding-left: 20px; font-size: 14px; line-height: 22px; margin-bottom: 10px } .roadshow .button-wrapper a span.google{ background: url('../../../fileadmin/templates/img/landingpage/roadshow/btn_google.png') no-repeat left center; } .roadshow .button-wrapper a span.apple{ background: url('../../../fileadmin/templates/img/landingpage/roadshow/btn_apple.png') no-repeat left center; } .roadshow .button-wrapper a span.blackberry{ background: url('../../../fileadmin/templates/img/landingpage/roadshow/btn_blackberry.png') no-repeat left center; } .roadshow .button-wrapper a.btn_green{margin-right:15px;} .roadshow .button-wrapper a.btn_green span { font-size: 12px; text-align: left; vertical-align: middle; } .roadshow .button-wrapper a.btn_green span span { display: inline-block; height: 100%; margin-left: -5px; vertical-align: top; width: 26px !important; } /*****************************************************************************/ /*** PANEL 2 ***/ .panel2 h2{ float: left;} .panel2.anwaltsaktion h2 { min-width: 260px; } .panel2 .formcol{ float: left; width: 297px; z-index: 5; position: relative; } .panel2 .formcol.col1{ margin-left: 65px } .panel2 .formcol.col2{ float: right; } .panel2 form{ font-size: 14px; line-height: 22px; position: relative; } .panel2 fieldset{ margin-bottom: 12px } .panel2 fieldset label{ display: block; margin-bottom: 5px; line-height: 18px; padding-left: 2px; color: #252525 } .panel2 fieldset label span{ color: #983222 } .panel2 fieldset input{ border: 1px solid #cccccc; border-radius: 2px; height: 33px; padding: 0 10px; width: 275px; /*-webkit-appearance: caret;*/ } .panel2 fieldset input[type="checkbox"]{ display: none } .panel2 fieldset input[type="checkbox"] + label { padding-left: 25px; background:url('../../../fileadmin/templates/img/landingpage/icons/checkbox.png') 1px 4px no-repeat; cursor:pointer; vertical-align:middle; background-position: 0px 0px;} .panel2 fieldset input[type="checkbox"]:checked + label { background:url('../../../fileadmin/templates/img/landingpage/icons/checkbox_active.png') no-repeat; background-position: 0px 0px;} .panel2 fieldset.checkbox{ margin-top: 31px} .panel2 fieldset.checkbox a{color: #0089c4; border-bottom: 1px dotted; text-decoration: none} .panel2 fieldset select::-ms-expand { display: none; } .panel2 fieldset select { border: 1px solid #ccc; background: url('../../../fileadmin/templates/img/landingpage/icons/misc_selectbox_red.png') no-repeat 272px center white; height: 35px; line-height: 35px; width: 297px; padding: 0 7px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 2px; padding-right: 27px; } .panel2 fieldset select.error { background: rgb(250, 232, 233) url('../../../fileadmin/templates/img/landingpage/icons/misc_selectbox_red.png') no-repeat 272px center; border: 1px solid #983222; -webkit-appearance: none; color: #983222} .panel2 fieldset .placeholder{ color: #b9b9b9 } .panel2 fieldset select.selectPlaceholder, .panel2 fieldset select option:first-child { color: #b9b9b9 } .panel2 fieldset select option { color: #252525 } .panel2 a.button span{ width: 277px } /*.panel2 .error{ color: #983222; }*/ .panel2 label.error{ color: #983222; } .panel2 fieldset input.error{ background: rgb(250, 232, 233); border: 1px solid #983222; -webkit-appearance: none; } .panel2 .ask-time-limited{ background: url('../../../fileadmin/templates/img/landingpage/ask-time-limited.png') no-repeat 0 0; width: 478px; height: 178px; position: absolute; bottom: 29px; left: 26px } .panel2 fieldset.fieldset-for-checkbox label.error{ margin-bottom: -18px } .panel2 fieldset input.error::-webkit-input-placeholder{ color: #983222 } .panel2 fieldset input.error::-moz-placeholder{ color: #983222 } .panel2 fieldset input.error:-ms-input-placeholder{ color: #983222 } .panel2.getContacted input.error::-webkit-input-placeholder{ color: #983222; } .panel2.getContacted input.error::-moz-placeholder{ color: #983222; } .panel2.getContacted input.error::-ms-input-placeholder{ color: #983222; } .panel2.getContacted.pocket_memo a.btn_red{margin-top: 12px;} .panel2.getContacted.pocket_memo fieldset input{ width: 250px;} .panel2.getContacted.pocket_memo h2{ float: left; margin-bottom: 30px;} .panel2.getContacted.pocket_memo h2{ float: left; margin-bottom: 30px;} .panel2.getContacted.pocket_memo a.button span{ width: 250px } .panel2 .content{ padding-top: 35px; min-height: 400px } .panel2 form{ margin: 45px 0 0; padding-bottom: 50px } .panel2 .backgroundImage{ background: rgb(238,175,0); background: linear-gradient(to right,rgba(238,175,0,0.5) 0% ,rgba(251,212,118,0.5) 100%) !important; background-color: rgb(251,212,118); } .panel2 div#confirmation-wrapper{ display: none } .panel2 .confirmation{ margin: 40px auto 0; text-align: center } .panel2 .confirmation p{ color: #252525 } .panel2.blue .backgroundImage{ background: rgb(123,164,217); background: rgb(123,164,217) linear-gradient(to right,rgba(123,164,217,1) 0% ,rgba(179,200,230,1) 100%) !important;} .panel2.blue h2{ float: none; margin-bottom: 5px } .panel2.blue a{ color: white; font-family: "CentraleSansBook"; text-decoration: none; font-size: 14px } /*.panel2.blue a:hover{ text-decoration: underline; }*/ .panel2.blue form#getcontacted{ float: right; width: 100%; padding-bottom: 50px; margin-top: 10px } .panel2.blue form#getcontacted.margin-top{ margin-top: -71px } .panel2.blue .formcol.col1{ margin-left: 345px } .panel2.blue .ask-time-limited{ background: url('../../../fileadmin/templates/img/landingpage/panels/enter_your_details.png') no-repeat 0 0; left: 5px; bottom: 2px } .panel2.blue fieldset label span{ color: #003478 } .panel2.blue fieldset input[type="checkbox"] + label { background-image:url('../../../fileadmin/templates/img/landingpage/icons/checkbox_blue.png') } .panel2.blue fieldset input[type="checkbox"]:checked + label { background-image:url('../../../fileadmin/templates/img/landingpage/icons/checkbox_active_blue.png') } .panel2.blue a#getcontactSubmit { margin-top: 10px } /* Panel 2: anwaltsaktion */ .anwaltsaktion .content{ position: relative; } .anwaltsaktion form{ margin-top: 13px; padding-bottom: 10px } .anwaltsaktion.panel2 .backgroundImage{ background: linear-gradient(125deg, rgba(251, 212,118,1) 0%, rgba(255, 250, 237, 1) 100%) !important } .anwaltsaktion.panel2 fieldset.checkbox{ margin-top: 19px } .anwaltsaktion.panel2 .formcol{ width: auto; margin-left: 85px } .anwaltsaktion .ask-time-limited{ background: url('../../../fileadmin/templates/img/landingpage/panels/unverbindliches_angebot_60eur.png') no-repeat 0 0; left: 16px; bottom: 23px } .anwaltsaktion.panel2 fieldset input[type="checkbox"] + label{ background-position: 1px 1px } .anwaltsaktion form .checkbox a, .anwaltsaktion .confirmation a{ color: #0089c4; border-bottom: 1px dotted; text-decoration: none } .anwaltsaktion form .checkbox label{ display: block !important } .anwaltsaktion img { position: absolute; right: 0; bottom: 40px; } .anwaltsaktion #confirmation-wrapper{ position: relative; } .anwaltsaktion .confirmation{ font-size: 14px; line-height: 18px; margin: 90px 0 0 90px; width: 300px; text-align: left } .anwaltsaktion .confirmation.new{ margin: 40px 0 50px 90px; width: 300px; } .anwaltsaktion .confirmation h3{ margin-bottom: 17px } .anwaltsaktion .confirmation p{ margin-bottom: 18px } /* .anwaltsaktion .product{ background: url('../../../fileadmin/templates/img/landingpage/panels/product_angebot_anfordern.png'); background-color: rgb(251, 212,118); background-blend-mode: multiply; height: 395px; width: 225px } */ /* Panel 2: anwaltsaktion DE */ .anwaltsaktion.de-2 .ask-time-limited{ background: url('../../../fileadmin/templates/img/landingpage/panels/angebot_anfordern_new_de.png') no-repeat 0 0; height: 192px } .anwaltsaktion.de-2 form{ padding-bottom: 25px } .anwaltsaktion.de-2 img{ position: absolute; right: -250px; margin: 0; top: 75px } .anwaltsaktion.de-2 #confirmation-wrapper{ position: relative; } /* Panel 2: anwaltsaktion FR */ .panel2.anwaltsaktion-fr .backgroundImage{ background: linear-gradient(180deg, rgba(251, 212,118,1) 0%, rgba(255, 250, 237, 1) 50%) !important } .anwaltsaktion-fr form{ margin: 0; padding-bottom: 25px } .anwaltsaktion-fr .ask-time-limited{ background: url('../../../fileadmin/templates/img/landingpage/panels/demandez_une_offre.png') no-repeat 0 0; height: 170px; width: 319px; left: -15px } .anwaltsaktion-fr img{ bottom: 10px } .panel2.anwaltsaktion-nl .backgroundImage{ background: linear-gradient(180deg, rgba(251, 212,118,1) 0%, rgba(255, 250, 237, 1) 50%) !important } .anwaltsaktion-nl .ask-time-limited{ background: url('../../../fileadmin/templates/img/landingpage/panels/vraag_en_vrijblijvende.png') no-repeat 0 0; height: 182px; width: 321px; left: -15px } .anwaltsaktion-nl form{ margin: 0; padding-bottom: 25px } /* Panel 2: angebot anfordern AU */ .anwaltsaktion.au .ask-time-limited{ background: url('../../../fileadmin/templates/img/landingpage/panels/angebot_anfordern_au.png') no-repeat 0 0; height: 164px } .anwaltsaktion.au form{ padding-bottom: 25px } .anwaltsaktion.au img{ position: absolute; right: -80px; margin: 0; top: 35px } .anwaltsaktion.au img.center { top: 100px } .anwaltsaktion.au #confirmation-wrapper{ position: relative; } /* Panel 2: Claim this offer */ .panel2.claim-this-offer .backgroundImage{ background: linear-gradient(125deg, rgba(123, 164,217,1) 0%, rgba(179, 200, 230, 1) 100%) !important } .panel2.claim-this-offer.anwaltsaktion form{ background: url('../../../fileadmin/templates/img/landingpage/panels/leave-us-your-details.png') no-repeat 0 222px; margin-top: 13px; padding-bottom: 10px } /* Panel 2: Unsere Diktier- und Spracherkennungssets */ .anwaltsaktion.en-2 .ask-time-limited, div#contacted .ask-time-limited.form-en { background: url('../../../fileadmin/templates/img/landingpage/panels/angebot_anfordern_en.png') no-repeat 0 0; height: 192px } .anwaltsaktion.es-2 .ask-time-limited, div#contacted .ask-time-limited.form-es { background: url('../../../fileadmin/templates/img/landingpage/panels/angebot_anfordern_es.png') no-repeat 0 0; height: 192px } .anwaltsaktion.fr-2 .ask-time-limited, div#contacted .ask-time-limited.form-fr { background: url('../../../fileadmin/templates/img/landingpage/panels/angebot_anfordern_fr.png') no-repeat 0 0; height: 192px } .anwaltsaktion.nl-2 .ask-time-limited, div#contacted .ask-time-limited.form-nl { background: url('../../../fileadmin/templates/img/landingpage/panels/angebot_anfordern_nl.png') no-repeat 0 0; height: 192px } .anwaltsaktion.it-2 .ask-time-limited, div#contacted .ask-time-limited.form-it { background: url('../../../fileadmin/templates/img/landingpage/panels/angebot_anfordern_it.png') no-repeat 0 0; height: 192px } div#contacted div.content div.ask-time-limited.form-de{ background: url('../../../fileadmin/templates/img/landingpage/panels/angebot_anfordern_new_de.png') no-repeat 0 0; height: 192px } /*****************************************************************************/ /*** PANEL 3 ***/ .panel3 h2{ margin: 35px 0 45px } .panel3 a.all-references{ font-size: 21px; line-height: 38px; float: right; background: url('../../../fileadmin/templates/img/landingpage/all-references.png') no-repeat right 2px; padding-right: 45px; margin-top: 50px; text-decoration: none; font-family: CentraleSansXBold, Arial } .panel3 a.all-references:hover{ text-decoration: underline } .customer-reference{ width: 300px; float: left; background: url('../../../fileadmin/templates/img/landingpage/quotes.png') no-repeat left top; padding-top: 45px; margin-bottom: 10px } .customer-reference.customer-right{ float: right; background-position: right top; text-align: right; margin-top: -75px; width: 330px } .customer-reference p{ font-size: 21px; line-height: 29px; margin-bottom: 10px } .customer-reference p span.komma{ display: none } .customer-reference p.customer-info{ font-size: 14px; line-height: 22px} /* Customer references */ .customer-references .backgroundImage{ background-attachment: scroll; } .customer-references.de-1 .customer-reference{ width: 325px; } .customer-references.de-1 .customer-reference.customer-right{ margin-top: -87px } .customer-references.fr-1 .backgroundImage{ background-position: center bottom } .customer-references.fr-1 .customer-reference.customer-right{ margin-top: -87px } .customer-references.nl-1 .backgroundImage{ background-position: center bottom } .customer-references.nl-1 .customer-reference.customer-right{ margin-top: -58px; width: 335px } .customer-references.blue a.all-references{ background-image: url('../../../fileadmin/templates/img/landingpage/all-references_blue.png') } .customer-references.blue .customer-reference{ background-image: url('../../../fileadmin/templates/img/landingpage/quotes_lightblue.png') } .customer-references.blue .customer-reference.customer-right{ width: 300px } .customer-references.blue .customer-reference.customer-right.wide{ width: 310px; margin-top: -29px;} /*****************************************************************************/ /*** PANEL 4 ***/ .panel4{ position: relative; overflow: hidden } .panel4 h2{ padding-top: 35px } .panel4 .map{ width: 580px; float: right; margin: 40px 0 5px; position: relative; z-index: 5 } .panel4 .map ul li{ width: 250px; float: left; margin: 0 0 40px 40px } .panel4 .map ul li.clearlist{ clear: both } .panel4 .map h3{ color: #fbd476;} .panel4 .map p{ border-bottom: 1px solid white; padding-bottom: 5px; margin-bottom: 5px } .panel4 .map a{ text-decoration: none; } .panel4 .map a:hover{ text-decoration: underline; } .panel4 .map.white a{ color: white; } .panel4 #mapPoints{ position: absolute; margin-top: -55px } .panel4 #mapPoints div{ width: 41px; height: 55px; background: url('../../../fileadmin/templates/img/landingpage/icons/mapPoint.png') no-repeat left top; position: absolute; } .panel4 #mapPoints div.winnipeg{ left: 80px; top: 260px } .panel4 #mapPoints div.new-york{ left: 170px; top: 260px; } /* Mit image */ .panel4 .content{ position: relative; } .panel4 img{ position: absolute; left: -140px; z-index: 1 } .panel4 #mapPoints div{ width: 41px; height: 55px; background: url('../../../fileadmin/templates/img/landingpage/icons/mapPoint.png') no-repeat left top; position: absolute; z-index: 2 } .panel4 .backgroundImage{ background: none !important; } /* Map mit orangen Hintergrundverlauf */ .panel4.map-panel{ background: rgb(119,36,50); background: linear-gradient(130deg,rgba(26,8,1,1) 0% ,rgba(119,36,50,1) 60%, rgba(233,131,0,1) 100%); } .panel4.map-panel .backgroundImage{ background-color: transparent; background-position: bottom center; background-repeat: no-repeat; } .panel4.map-panel.blue{ background: rgb(0, 102, 161); background: linear-gradient(130deg, rgba(15, 32, 75, 1) 0%, rgba(0, 102, 161, 1) 60%, rgba(83, 167, 217, 1) 100%) repeat scroll 0 0} .panel4.map-panel.blue #mapPoints{ display: none !important; } .panel4.map-panel.blue ul li h3{ color: #7ba4d9 } /*****************************************************************************/ /*** PANEL 5 ***/ .panel5.products{ position: relative; } .panel5.products.effects .backgroundImage{ background-image: none !important } /* bg ausblenden */ .panel5 .content{ padding-top: 40px; position: relative; min-height: 400px; } .panel5 h2{ font-family: CentraleSansXBold, Arial; font-size: 34px; line-height: 44px; margin-bottom: 20px } .panel5 .product{ width: 250px; height: 215px; position: relative; z-index: 50 } .panel5 .product.float-right{ text-align: right } .panel5 .product.float-right a{ right: 0 } .panel5 .product p{ margin-bottom: 20px } .panel5 .product a{ /* position: absolute; bottom: 0 */ } .panel5 .product a span{ width: 180px } /* vorrübergehend effekte ausblenden */ .products .products-image{ /* display: none */ } /* images ausblenden */ .products.au .backgroundImage{ background-color: #772432 } .products.withoutGradiant.blue .backgroundImage{ background-color: #0089c4 } .de .panel5.products .backgroundImage{ background-position: center 15px; min-height: 490px } .fr .panel5.products .backgroundImage{ background-position: center 25px; min-height: 510px } .es .panel5.products .backgroundImage{ background-position: center 25px; min-height: 510px } .nl .panel5.products .backgroundImage{ background-position: center 25px; min-height: 510px } .de .panel5 .product{ width: 300px } .es .panel5 .product{ width: 300px } .nl .panel5 .product{ width: 300px } .panel5.au.products.blue-bg { background-color: #003478; } .panel5.au.products.blue-bg .backgroundImage { background-color: #003478; } /* effekte */ .products .products-image{ position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 335px; margin: 0 auto } .products .products-image img{ position: absolute; left: 0; right: 0; bottom: 0; } .products .products-image img#product-image-1{ bottom: 15px; left: 20px; } .products .products-image img#product-image-2{ bottom: 22px; left: 285px;} .products .products-image img#product-image-3{ margin: 0 auto; z-index: 20;} .products .products-image img#product-image-4{ left: auto; z-index: 10; bottom: 15px; right: 325px;} .products .products-image img#product-image-5{ left: auto; bottom: 48px; right: 170px } .products .products-image-small{ display: none } .products .products-image-small img{ width: 100% } /*****************************************************************************/ /*** PANEL 6 ***/ .panel6 a span span.arrow{ display: inline; padding-left: 5px } .centered h2{ font-size: 34px; text-align: center } .centered .content{ padding-top: 30px; text-align: center } .centered .content h2{ margin-bottom: 10px } .centered .content p{ width: 90%; margin-left: auto; margin-right: auto } .centered .content.wide p{ width: 100%; margin-left: auto; margin-right: auto } /* Aufnahmequalität */ .aufnahmequalitaet .backgroundImage{ background: linear-gradient(125deg,rgba(238,175,0,1) 0% ,rgba(251,212,118,1) 100%) !important; background-color: rgb(238,175,0); background-size: 100% auto; } .aufnahmequalitaet.darkblue .backgroundImage{ background: linear-gradient(125deg,rgba(15,32,75,1) 0% ,rgba(0,102,161,1) 60%, rgba(83,167,217,1) 100%) !important; background-color: rgb(15,32,75); background-size: 100% auto; } .aufnahmequalitaet .content img.float-right{ margin-right: 17px } .aufnahmequalitaet .content-text { width: 520px; padding: 65px 0 50px; box-sizing: border-box; } .aufnahmequalitaet .content-text h2 { margin-bottom: 20px } .aufnahmequalitaet .content-text p { margin-bottom: 45px } .aufnahmequalitaet .content-text a { color: white; } .aufnahmequalitaet .content-text a span { width: 145px } .aufnahmequalitaet .product { margin: -30px 0 -15px } /* Sprachversionen */ .aufnahmequalitaet.fr-1 h2{ width: 750px } /* Tonqualität */ .tonqualitaet .backgroundImage{ background-position: center bottom } .tonqualitaet .content{ text-align: center } .tonqualitaet .content p{ margin-bottom: 30px } .tonqualitaet .content img{ vertical-align: bottom } /* Profis */ /* .profis .backgroundImage{ background: linear-gradient(130deg,rgba(238,175,0,1) 0% ,rgba(251,212,118,1) 100%) no-repeat !important } */ .profis { background: linear-gradient(125deg,rgba(238,175,0,1) 0% ,rgba(251,212,118,1) 100%) no-repeat !important; background-color: rgb(238,175,0); padding-bottom: 25px } .profis .backgroundImage{ background-position: center bottom; background-color: transparent; } .profis .content{ } .profis p{ margin-bottom: 60px } .profis.blue { background: linear-gradient(125deg,rgba(15,32,75,1) 0% ,rgba(0,102,161,1) 60%, rgba(83,167,217,1) 100%) !important; background-color: rgb(15,32,75); padding-bottom: 25px } .profis .backgroundImage .content img.image { margin-top: -35px; } /* Extras */ .extras .content{ padding-top: 250px } .extras .content p{ margin-bottom: 50px } /* speechlive */ .speechlive { background: linear-gradient(125deg,rgba(238,175,0,1) 0% ,rgba(251,212,118,1) 100%) !important; background-color: rgb(238,175,0); } .speechlive .backgroundImage{ background-color: transparent; background-position: center bottom; min-height: 450px} .speechlive .content p{ width: 95%; margin-bottom: 20px } .speechlive .content img{ margin-top: -35px; vertical-align: bottom } .speechlive .content a{ position: relative } .speechlive .content a span{ width: 145px } .speechlive.fr-1 img{ margin: 0 0 -10px } .speechlive.nl-1 img{ margin: 0 0 -10px } /*********************RESPONSIVE DESGIN*********************/ @media only screen and (min-device-width: 0px) and (max-device-width: 700px){ /* Image zu breit, dadurch wird die gesamte Webseite (ohne responsive design) nicht schön dargestellt */ .anwaltsaktion.au img{ display: none } #free_trial_wrapper img{ display: none } .software img{ display: none } } /*main color*/ /*main color*/ /*main color*/ /*main color*/ /*main color*/ /*main color*/ /*main color*/ /*main color*/ /*main color*/ /*main color*/ /*main color*/ /*Philips-Buttons*/ /*! * Bootstrap v3.3.6 (http://getbootstrap.com) * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto; } input[type=search] { -webkit-appearance: textfield; box-sizing: content-box; } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } @font-face { font-family: "Glyphicons Halflings"; src: url('../../../typo3conf/ext/speech_sitepackage/Resources/Public/fonts/bootstrap/glyphicons-halflings-regular.eot'); src: url('../../../typo3conf/ext/speech_sitepackage/Resources/Public/fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix') format("embedded-opentype"), url('../../../typo3conf/ext/speech_sitepackage/Resources/Public/fonts/bootstrap/glyphicons-halflings-regular.woff2') format("woff2"), url('../../../typo3conf/ext/speech_sitepackage/Resources/Public/fonts/bootstrap/glyphicons-halflings-regular.woff') format("woff"), url('../../../typo3conf/ext/speech_sitepackage/Resources/Public/fonts/bootstrap/glyphicons-halflings-regular.ttf') format("truetype"), url('../../../typo3conf/ext/speech_sitepackage/Resources/Public/fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format("svg"); } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: "Glyphicons Halflings"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-asterisk:before { content: "*"; } .glyphicon-plus:before { content: "+"; } .glyphicon-euro:before, .glyphicon-eur:before { content: "€"; } .glyphicon-minus:before { content: "−"; } .glyphicon-cloud:before { content: "☁"; } .glyphicon-envelope:before { content: "✉"; } .glyphicon-pencil:before { content: "✏"; } .glyphicon-glass:before { content: "\e001"; } .glyphicon-music:before { content: "\e002"; } .glyphicon-search:before { content: "\e003"; } .glyphicon-heart:before { content: "\e005"; } .glyphicon-star:before { content: "\e006"; } .glyphicon-star-empty:before { content: "\e007"; } .glyphicon-user:before { content: "\e008"; } .glyphicon-film:before { content: "\e009"; } .glyphicon-th-large:before { content: "\e010"; } .glyphicon-th:before { content: "\e011"; } .glyphicon-th-list:before { content: "\e012"; } .glyphicon-ok:before { content: "\e013"; } .glyphicon-remove:before { content: "\e014"; } .glyphicon-zoom-in:before { content: "\e015"; } .glyphicon-zoom-out:before { content: "\e016"; } .glyphicon-off:before { content: "\e017"; } .glyphicon-signal:before { content: "\e018"; } .glyphicon-cog:before { content: "\e019"; } .glyphicon-trash:before { content: "\e020"; } .glyphicon-home:before { content: "\e021"; } .glyphicon-file:before { content: "\e022"; } .glyphicon-time:before { content: "\e023"; } .glyphicon-road:before { content: "\e024"; } .glyphicon-download-alt:before { content: "\e025"; } .glyphicon-download:before { content: "\e026"; } .glyphicon-upload:before { content: "\e027"; } .glyphicon-inbox:before { content: "\e028"; } .glyphicon-play-circle:before { content: "\e029"; } .glyphicon-repeat:before { content: "\e030"; } .glyphicon-refresh:before { content: "\e031"; } .glyphicon-list-alt:before { content: "\e032"; } .glyphicon-lock:before { content: "\e033"; } .glyphicon-flag:before { content: "\e034"; } .glyphicon-headphones:before { content: "\e035"; } .glyphicon-volume-off:before { content: "\e036"; } .glyphicon-volume-down:before { content: "\e037"; } .glyphicon-volume-up:before { content: "\e038"; } .glyphicon-qrcode:before { content: "\e039"; } .glyphicon-barcode:before { content: "\e040"; } .glyphicon-tag:before { content: "\e041"; } .glyphicon-tags:before { content: "\e042"; } .glyphicon-book:before { content: "\e043"; } .glyphicon-bookmark:before { content: "\e044"; } .glyphicon-print:before { content: "\e045"; } .glyphicon-camera:before { content: "\e046"; } .glyphicon-font:before { content: "\e047"; } .glyphicon-bold:before { content: "\e048"; } .glyphicon-italic:before { content: "\e049"; } .glyphicon-text-height:before { content: "\e050"; } .glyphicon-text-width:before { content: "\e051"; } .glyphicon-align-left:before { content: "\e052"; } .glyphicon-align-center:before { content: "\e053"; } .glyphicon-align-right:before { content: "\e054"; } .glyphicon-align-justify:before { content: "\e055"; } .glyphicon-list:before { content: "\e056"; } .glyphicon-indent-left:before { content: "\e057"; } .glyphicon-indent-right:before { content: "\e058"; } .glyphicon-facetime-video:before { content: "\e059"; } .glyphicon-picture:before { content: "\e060"; } .glyphicon-map-marker:before { content: "\e062"; } .glyphicon-adjust:before { content: "\e063"; } .glyphicon-tint:before { content: "\e064"; } .glyphicon-edit:before { content: "\e065"; } .glyphicon-share:before { content: "\e066"; } .glyphicon-check:before { content: "\e067"; } .glyphicon-move:before { content: "\e068"; } .glyphicon-step-backward:before { content: "\e069"; } .glyphicon-fast-backward:before { content: "\e070"; } .glyphicon-backward:before { content: "\e071"; } .glyphicon-play:before { content: "\e072"; } .glyphicon-pause:before { content: "\e073"; } .glyphicon-stop:before { content: "\e074"; } .glyphicon-forward:before { content: "\e075"; } .glyphicon-fast-forward:before { content: "\e076"; } .glyphicon-step-forward:before { content: "\e077"; } .glyphicon-eject:before { content: "\e078"; } .glyphicon-chevron-left:before { content: "\e079"; } .glyphicon-chevron-right:before { content: "\e080"; } .glyphicon-plus-sign:before { content: "\e081"; } .glyphicon-minus-sign:before { content: "\e082"; } .glyphicon-remove-sign:before { content: "\e083"; } .glyphicon-ok-sign:before { content: "\e084"; } .glyphicon-question-sign:before { content: "\e085"; } .glyphicon-info-sign:before { content: "\e086"; } .glyphicon-screenshot:before { content: "\e087"; } .glyphicon-remove-circle:before { content: "\e088"; } .glyphicon-ok-circle:before { content: "\e089"; } .glyphicon-ban-circle:before { content: "\e090"; } .glyphicon-arrow-left:before { content: "\e091"; } .glyphicon-arrow-right:before { content: "\e092"; } .glyphicon-arrow-up:before { content: "\e093"; } .glyphicon-arrow-down:before { content: "\e094"; } .glyphicon-share-alt:before { content: "\e095"; } .glyphicon-resize-full:before { content: "\e096"; } .glyphicon-resize-small:before { content: "\e097"; } .glyphicon-exclamation-sign:before { content: "\e101"; } .glyphicon-gift:before { content: "\e102"; } .glyphicon-leaf:before { content: "\e103"; } .glyphicon-fire:before { content: "\e104"; } .glyphicon-eye-open:before { content: "\e105"; } .glyphicon-eye-close:before { content: "\e106"; } .glyphicon-warning-sign:before { content: "\e107"; } .glyphicon-plane:before { content: "\e108"; } .glyphicon-calendar:before { content: "\e109"; } .glyphicon-random:before { content: "\e110"; } .glyphicon-comment:before { content: "\e111"; } .glyphicon-magnet:before { content: "\e112"; } .glyphicon-chevron-up:before { content: "\e113"; } .glyphicon-chevron-down:before { content: "\e114"; } .glyphicon-retweet:before { content: "\e115"; } .glyphicon-shopping-cart:before { content: "\e116"; } .glyphicon-folder-close:before { content: "\e117"; } .glyphicon-folder-open:before { content: "\e118"; } .glyphicon-resize-vertical:before { content: "\e119"; } .glyphicon-resize-horizontal:before { content: "\e120"; } .glyphicon-hdd:before { content: "\e121"; } .glyphicon-bullhorn:before { content: "\e122"; } .glyphicon-bell:before { content: "\e123"; } .glyphicon-certificate:before { content: "\e124"; } .glyphicon-thumbs-up:before { content: "\e125"; } .glyphicon-thumbs-down:before { content: "\e126"; } .glyphicon-hand-right:before { content: "\e127"; } .glyphicon-hand-left:before { content: "\e128"; } .glyphicon-hand-up:before { content: "\e129"; } .glyphicon-hand-down:before { content: "\e130"; } .glyphicon-circle-arrow-right:before { content: "\e131"; } .glyphicon-circle-arrow-left:before { content: "\e132"; } .glyphicon-circle-arrow-up:before { content: "\e133"; } .glyphicon-circle-arrow-down:before { content: "\e134"; } .glyphicon-globe:before { content: "\e135"; } .glyphicon-wrench:before { content: "\e136"; } .glyphicon-tasks:before { content: "\e137"; } .glyphicon-filter:before { content: "\e138"; } .glyphicon-briefcase:before { content: "\e139"; } .glyphicon-fullscreen:before { content: "\e140"; } .glyphicon-dashboard:before { content: "\e141"; } .glyphicon-paperclip:before { content: "\e142"; } .glyphicon-heart-empty:before { content: "\e143"; } .glyphicon-link:before { content: "\e144"; } .glyphicon-phone:before { content: "\e145"; } .glyphicon-pushpin:before { content: "\e146"; } .glyphicon-usd:before { content: "\e148"; } .glyphicon-gbp:before { content: "\e149"; } .glyphicon-sort:before { content: "\e150"; } .glyphicon-sort-by-alphabet:before { content: "\e151"; } .glyphicon-sort-by-alphabet-alt:before { content: "\e152"; } .glyphicon-sort-by-order:before { content: "\e153"; } .glyphicon-sort-by-order-alt:before { content: "\e154"; } .glyphicon-sort-by-attributes:before { content: "\e155"; } .glyphicon-sort-by-attributes-alt:before { content: "\e156"; } .glyphicon-unchecked:before { content: "\e157"; } .glyphicon-expand:before { content: "\e158"; } .glyphicon-collapse-down:before { content: "\e159"; } .glyphicon-collapse-up:before { content: "\e160"; } .glyphicon-log-in:before { content: "\e161"; } .glyphicon-flash:before { content: "\e162"; } .glyphicon-log-out:before { content: "\e163"; } .glyphicon-new-window:before { content: "\e164"; } .glyphicon-record:before { content: "\e165"; } .glyphicon-save:before { content: "\e166"; } .glyphicon-open:before { content: "\e167"; } .glyphicon-saved:before { content: "\e168"; } .glyphicon-import:before { content: "\e169"; } .glyphicon-export:before { content: "\e170"; } .glyphicon-send:before { content: "\e171"; } .glyphicon-floppy-disk:before { content: "\e172"; } .glyphicon-floppy-saved:before { content: "\e173"; } .glyphicon-floppy-remove:before { content: "\e174"; } .glyphicon-floppy-save:before { content: "\e175"; } .glyphicon-floppy-open:before { content: "\e176"; } .glyphicon-credit-card:before { content: "\e177"; } .glyphicon-transfer:before { content: "\e178"; } .glyphicon-cutlery:before { content: "\e179"; } .glyphicon-header:before { content: "\e180"; } .glyphicon-compressed:before { content: "\e181"; } .glyphicon-earphone:before { content: "\e182"; } .glyphicon-phone-alt:before { content: "\e183"; } .glyphicon-tower:before { content: "\e184"; } .glyphicon-stats:before { content: "\e185"; } .glyphicon-sd-video:before { content: "\e186"; } .glyphicon-hd-video:before { content: "\e187"; } .glyphicon-subtitles:before { content: "\e188"; } .glyphicon-sound-stereo:before { content: "\e189"; } .glyphicon-sound-dolby:before { content: "\e190"; } .glyphicon-sound-5-1:before { content: "\e191"; } .glyphicon-sound-6-1:before { content: "\e192"; } .glyphicon-sound-7-1:before { content: "\e193"; } .glyphicon-copyright-mark:before { content: "\e194"; } .glyphicon-registration-mark:before { content: "\e195"; } .glyphicon-cloud-download:before { content: "\e197"; } .glyphicon-cloud-upload:before { content: "\e198"; } .glyphicon-tree-conifer:before { content: "\e199"; } .glyphicon-tree-deciduous:before { content: "\e200"; } .glyphicon-cd:before { content: "\e201"; } .glyphicon-save-file:before { content: "\e202"; } .glyphicon-open-file:before { content: "\e203"; } .glyphicon-level-up:before { content: "\e204"; } .glyphicon-copy:before { content: "\e205"; } .glyphicon-paste:before { content: "\e206"; } .glyphicon-alert:before { content: "\e209"; } .glyphicon-equalizer:before { content: "\e210"; } .glyphicon-king:before { content: "\e211"; } .glyphicon-queen:before { content: "\e212"; } .glyphicon-pawn:before { content: "\e213"; } .glyphicon-bishop:before { content: "\e214"; } .glyphicon-knight:before { content: "\e215"; } .glyphicon-baby-formula:before { content: "\e216"; } .glyphicon-tent:before { content: "⛺"; } .glyphicon-blackboard:before { content: "\e218"; } .glyphicon-bed:before { content: "\e219"; } .glyphicon-apple:before { content: "\f8ff"; } .glyphicon-erase:before { content: "\e221"; } .glyphicon-hourglass:before { content: "⌛"; } .glyphicon-lamp:before { content: "\e223"; } .glyphicon-duplicate:before { content: "\e224"; } .glyphicon-piggy-bank:before { content: "\e225"; } .glyphicon-scissors:before { content: "\e226"; } .glyphicon-bitcoin:before { content: "\e227"; } .glyphicon-btc:before { content: "\e227"; } .glyphicon-xbt:before { content: "\e227"; } .glyphicon-yen:before { content: "¥"; } .glyphicon-jpy:before { content: "¥"; } .glyphicon-ruble:before { content: "₽"; } .glyphicon-rub:before { content: "₽"; } .glyphicon-scale:before { content: "\e230"; } .glyphicon-ice-lolly:before { content: "\e231"; } .glyphicon-ice-lolly-tasted:before { content: "\e232"; } .glyphicon-education:before { content: "\e233"; } .glyphicon-option-horizontal:before { content: "\e234"; } .glyphicon-option-vertical:before { content: "\e235"; } .glyphicon-menu-hamburger:before { content: "\e236"; } .glyphicon-modal-window:before { content: "\e237"; } .glyphicon-oil:before { content: "\e238"; } .glyphicon-grain:before { content: "\e239"; } .glyphicon-sunglasses:before { content: "\e240"; } .glyphicon-text-size:before { content: "\e241"; } .glyphicon-text-color:before { content: "\e242"; } .glyphicon-text-background:before { content: "\e243"; } .glyphicon-object-align-top:before { content: "\e244"; } .glyphicon-object-align-bottom:before { content: "\e245"; } .glyphicon-object-align-horizontal:before { content: "\e246"; } .glyphicon-object-align-left:before { content: "\e247"; } .glyphicon-object-align-vertical:before { content: "\e248"; } .glyphicon-object-align-right:before { content: "\e249"; } .glyphicon-triangle-right:before { content: "\e250"; } .glyphicon-triangle-left:before { content: "\e251"; } .glyphicon-triangle-bottom:before { content: "\e252"; } .glyphicon-triangle-top:before { content: "\e253"; } .glyphicon-console:before { content: "\e254"; } .glyphicon-superscript:before { content: "\e255"; } .glyphicon-subscript:before { content: "\e256"; } .glyphicon-menu-left:before { content: "\e257"; } .glyphicon-menu-right:before { content: "\e258"; } .glyphicon-menu-down:before { content: "\e259"; } .glyphicon-menu-up:before { content: "\e260"; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: "CentraleSans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.470588; color: #171717; background-color: #fff; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { text-decoration: none; color: inherit; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 2px; } .img-thumbnail { padding: 4px; line-height: 1.470588; background-color: #fff; border: 1px solid #ddd; border-radius: 2px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid rgb(238.425, 238.425, 238.425); } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } [role=button] { cursor: pointer; } .container { margin-right: auto; margin-left: auto; padding-left: 11px; padding-right: 11px; } .container:before, .container:after { content: " "; display: table; } .container:after { clear: both; } @media (min-width: 450px) { .container { width: 742px; } } @media (min-width: 700px) { .container { width: 962px; } } @media (min-width: 961px) { .container { width: 1162px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 6px; padding-right: 6px; } .container-fluid:before, .container-fluid:after { content: " "; display: table; } .container-fluid:after { clear: both; } @media (min-width: 450px) { .container-fluid { margin-right: auto; margin-left: auto; padding-left: 9px; padding-right: 9px; } .container-fluid:before, .container-fluid:after { content: " "; display: table; } .container-fluid:after { clear: both; } } @media (min-width: 700px) { .container-fluid { margin-right: auto; margin-left: auto; padding-left: 11px; padding-right: 11px; } .container-fluid:before, .container-fluid:after { content: " "; display: table; } .container-fluid:after { clear: both; } } @media (min-width: 961px) { .container-fluid { margin-right: auto; margin-left: auto; padding-left: 0px; padding-right: 0px; } .container-fluid:before, .container-fluid:after { content: " "; display: table; } .container-fluid:after { clear: both; } } .row { margin-left: -8px; margin-right: -8px; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } @media (min-width: 450px) { .row { margin-left: -8px; margin-right: -8px; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } } @media (min-width: 700px) { .row { margin-left: -12px; margin-right: -12px; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } } @media (min-width: 961px) { .row { margin-left: -12px; margin-right: -12px; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { position: relative; min-height: 1px; padding-left: 8px; padding-right: 8px; } @media (min-width: 450px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { position: relative; min-height: 1px; padding-left: 8px; padding-right: 8px; } } @media (min-width: 700px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { position: relative; min-height: 1px; padding-left: 12px; padding-right: 12px; } } @media (min-width: 961px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { position: relative; min-height: 1px; padding-left: 12px; padding-right: 12px; } } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-1 { width: 8.3333333333%; } .col-xs-2 { width: 16.6666666667%; } .col-xs-3 { width: 25%; } .col-xs-4 { width: 33.3333333333%; } .col-xs-5 { width: 41.6666666667%; } .col-xs-6 { width: 50%; } .col-xs-7 { width: 58.3333333333%; } .col-xs-8 { width: 66.6666666667%; } .col-xs-9 { width: 75%; } .col-xs-10 { width: 83.3333333333%; } .col-xs-11 { width: 91.6666666667%; } .col-xs-12 { width: 100%; } .col-xs-pull-0 { right: auto; } .col-xs-pull-1 { right: 8.3333333333%; } .col-xs-pull-2 { right: 16.6666666667%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-4 { right: 33.3333333333%; } .col-xs-pull-5 { right: 41.6666666667%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-7 { right: 58.3333333333%; } .col-xs-pull-8 { right: 66.6666666667%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-10 { right: 83.3333333333%; } .col-xs-pull-11 { right: 91.6666666667%; } .col-xs-pull-12 { right: 100%; } .col-xs-push-0 { left: auto; } .col-xs-push-1 { left: 8.3333333333%; } .col-xs-push-2 { left: 16.6666666667%; } .col-xs-push-3 { left: 25%; } .col-xs-push-4 { left: 33.3333333333%; } .col-xs-push-5 { left: 41.6666666667%; } .col-xs-push-6 { left: 50%; } .col-xs-push-7 { left: 58.3333333333%; } .col-xs-push-8 { left: 66.6666666667%; } .col-xs-push-9 { left: 75%; } .col-xs-push-10 { left: 83.3333333333%; } .col-xs-push-11 { left: 91.6666666667%; } .col-xs-push-12 { left: 100%; } .col-xs-offset-0 { margin-left: 0%; } .col-xs-offset-1 { margin-left: 8.3333333333%; } .col-xs-offset-2 { margin-left: 16.6666666667%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-4 { margin-left: 33.3333333333%; } .col-xs-offset-5 { margin-left: 41.6666666667%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-7 { margin-left: 58.3333333333%; } .col-xs-offset-8 { margin-left: 66.6666666667%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-10 { margin-left: 83.3333333333%; } .col-xs-offset-11 { margin-left: 91.6666666667%; } .col-xs-offset-12 { margin-left: 100%; } @media (min-width: 450px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-1 { width: 8.3333333333%; } .col-sm-2 { width: 16.6666666667%; } .col-sm-3 { width: 25%; } .col-sm-4 { width: 33.3333333333%; } .col-sm-5 { width: 41.6666666667%; } .col-sm-6 { width: 50%; } .col-sm-7 { width: 58.3333333333%; } .col-sm-8 { width: 66.6666666667%; } .col-sm-9 { width: 75%; } .col-sm-10 { width: 83.3333333333%; } .col-sm-11 { width: 91.6666666667%; } .col-sm-12 { width: 100%; } .col-sm-pull-0 { right: auto; } .col-sm-pull-1 { right: 8.3333333333%; } .col-sm-pull-2 { right: 16.6666666667%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-4 { right: 33.3333333333%; } .col-sm-pull-5 { right: 41.6666666667%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-7 { right: 58.3333333333%; } .col-sm-pull-8 { right: 66.6666666667%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-10 { right: 83.3333333333%; } .col-sm-pull-11 { right: 91.6666666667%; } .col-sm-pull-12 { right: 100%; } .col-sm-push-0 { left: auto; } .col-sm-push-1 { left: 8.3333333333%; } .col-sm-push-2 { left: 16.6666666667%; } .col-sm-push-3 { left: 25%; } .col-sm-push-4 { left: 33.3333333333%; } .col-sm-push-5 { left: 41.6666666667%; } .col-sm-push-6 { left: 50%; } .col-sm-push-7 { left: 58.3333333333%; } .col-sm-push-8 { left: 66.6666666667%; } .col-sm-push-9 { left: 75%; } .col-sm-push-10 { left: 83.3333333333%; } .col-sm-push-11 { left: 91.6666666667%; } .col-sm-push-12 { left: 100%; } .col-sm-offset-0 { margin-left: 0%; } .col-sm-offset-1 { margin-left: 8.3333333333%; } .col-sm-offset-2 { margin-left: 16.6666666667%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.3333333333%; } .col-sm-offset-5 { margin-left: 41.6666666667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.3333333333%; } .col-sm-offset-8 { margin-left: 66.6666666667%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.3333333333%; } .col-sm-offset-11 { margin-left: 91.6666666667%; } .col-sm-offset-12 { margin-left: 100%; } } @media (min-width: 700px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-1 { width: 8.3333333333%; } .col-md-2 { width: 16.6666666667%; } .col-md-3 { width: 25%; } .col-md-4 { width: 33.3333333333%; } .col-md-5 { width: 41.6666666667%; } .col-md-6 { width: 50%; } .col-md-7 { width: 58.3333333333%; } .col-md-8 { width: 66.6666666667%; } .col-md-9 { width: 75%; } .col-md-10 { width: 83.3333333333%; } .col-md-11 { width: 91.6666666667%; } .col-md-12 { width: 100%; } .col-md-pull-0 { right: auto; } .col-md-pull-1 { right: 8.3333333333%; } .col-md-pull-2 { right: 16.6666666667%; } .col-md-pull-3 { right: 25%; } .col-md-pull-4 { right: 33.3333333333%; } .col-md-pull-5 { right: 41.6666666667%; } .col-md-pull-6 { right: 50%; } .col-md-pull-7 { right: 58.3333333333%; } .col-md-pull-8 { right: 66.6666666667%; } .col-md-pull-9 { right: 75%; } .col-md-pull-10 { right: 83.3333333333%; } .col-md-pull-11 { right: 91.6666666667%; } .col-md-pull-12 { right: 100%; } .col-md-push-0 { left: auto; } .col-md-push-1 { left: 8.3333333333%; } .col-md-push-2 { left: 16.6666666667%; } .col-md-push-3 { left: 25%; } .col-md-push-4 { left: 33.3333333333%; } .col-md-push-5 { left: 41.6666666667%; } .col-md-push-6 { left: 50%; } .col-md-push-7 { left: 58.3333333333%; } .col-md-push-8 { left: 66.6666666667%; } .col-md-push-9 { left: 75%; } .col-md-push-10 { left: 83.3333333333%; } .col-md-push-11 { left: 91.6666666667%; } .col-md-push-12 { left: 100%; } .col-md-offset-0 { margin-left: 0%; } .col-md-offset-1 { margin-left: 8.3333333333%; } .col-md-offset-2 { margin-left: 16.6666666667%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4 { margin-left: 33.3333333333%; } .col-md-offset-5 { margin-left: 41.6666666667%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.3333333333%; } .col-md-offset-8 { margin-left: 66.6666666667%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.3333333333%; } .col-md-offset-11 { margin-left: 91.6666666667%; } .col-md-offset-12 { margin-left: 100%; } } @media (min-width: 961px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-1 { width: 8.3333333333%; } .col-lg-2 { width: 16.6666666667%; } .col-lg-3 { width: 25%; } .col-lg-4 { width: 33.3333333333%; } .col-lg-5 { width: 41.6666666667%; } .col-lg-6 { width: 50%; } .col-lg-7 { width: 58.3333333333%; } .col-lg-8 { width: 66.6666666667%; } .col-lg-9 { width: 75%; } .col-lg-10 { width: 83.3333333333%; } .col-lg-11 { width: 91.6666666667%; } .col-lg-12 { width: 100%; } .col-lg-pull-0 { right: auto; } .col-lg-pull-1 { right: 8.3333333333%; } .col-lg-pull-2 { right: 16.6666666667%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-4 { right: 33.3333333333%; } .col-lg-pull-5 { right: 41.6666666667%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-7 { right: 58.3333333333%; } .col-lg-pull-8 { right: 66.6666666667%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-10 { right: 83.3333333333%; } .col-lg-pull-11 { right: 91.6666666667%; } .col-lg-pull-12 { right: 100%; } .col-lg-push-0 { left: auto; } .col-lg-push-1 { left: 8.3333333333%; } .col-lg-push-2 { left: 16.6666666667%; } .col-lg-push-3 { left: 25%; } .col-lg-push-4 { left: 33.3333333333%; } .col-lg-push-5 { left: 41.6666666667%; } .col-lg-push-6 { left: 50%; } .col-lg-push-7 { left: 58.3333333333%; } .col-lg-push-8 { left: 66.6666666667%; } .col-lg-push-9 { left: 75%; } .col-lg-push-10 { left: 83.3333333333%; } .col-lg-push-11 { left: 91.6666666667%; } .col-lg-push-12 { left: 100%; } .col-lg-offset-0 { margin-left: 0%; } .col-lg-offset-1 { margin-left: 8.3333333333%; } .col-lg-offset-2 { margin-left: 16.6666666667%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.3333333333%; } .col-lg-offset-5 { margin-left: 41.6666666667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.3333333333%; } .col-lg-offset-8 { margin-left: 66.6666666667%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.3333333333%; } .col-lg-offset-11 { margin-left: 91.6666666667%; } .col-lg-offset-12 { margin-left: 100%; } } table { background-color: transparent; } caption { padding-top: 8px; padding-bottom: 8px; color: #ececec; text-align: left; } th { text-align: left; } .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td { padding: 8px; line-height: 1.470588; vertical-align: top; border-top: 1px solid #ddd; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table > caption + thead > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #ddd; } .table .table { background-color: #fff; } .table-condensed > thead > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; } .table-hover > tbody > tr:hover { background-color: #f5f5f5; } table col[class*=col-] { position: static; float: none; display: table-column; } table td[class*=col-], table th[class*=col-] { position: static; float: none; display: table-cell; } .table > thead > tr > td.active, .table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th { background-color: #f5f5f5; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: rgb(232.25, 232.25, 232.25); } .table > thead > tr > td.success, .table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: rgb(207.8888888889, 232.9166666667, 197.5833333333); } .table > thead > tr > td.info, .table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th { background-color: #d9edf7; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: rgb(195.9347826087, 227.0217391304, 242.5652173913); } .table > thead > tr > td.warning, .table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th { background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: rgb(249.5322580645, 242.2419354839, 203.9677419355); } .table > thead > tr > td.danger, .table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th { background-color: #f2dede; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: rgb(234.7934782609, 203.7065217391, 203.7065217391); } .table-responsive { overflow-x: auto; min-height: 0.01%; } @media screen and (max-width: 449px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } fieldset { padding: 0; margin: 0; border: 0; min-width: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #3c3c3c; border: 0; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; } input[type=search] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type=radio], input[type=checkbox] { margin: 4px 0 0; margin-top: 1px \9 ; line-height: normal; } input[type=file] { display: block; } input[type=range] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } input[type=file]:focus, input[type=radio]:focus, input[type=checkbox]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } output { display: block; padding-top: 5px; font-size: 14px; line-height: 1.470588; color: rgb(85.425, 85.425, 85.425); } .form-control { display: block; width: 100%; height: 30px; padding: 4px 20px; font-size: 14px; line-height: 1.470588; color: rgb(85.425, 85.425, 85.425); background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 2px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder { color: #999; } .form-control::-ms-expand { border: 0; background-color: transparent; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: rgb(238.425, 238.425, 238.425); opacity: 1; } .form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; } textarea.form-control { height: auto; } input[type=search] { -webkit-appearance: none; } @media screen and (-webkit-min-device-pixel-ratio: 0) { input[type=date].form-control, input[type=time].form-control, input[type=datetime-local].form-control, input[type=month].form-control { line-height: 30px; } input[type=date].input-sm, .input-group-sm input[type=date], input[type=time].input-sm, .input-group-sm input[type=time], input[type=datetime-local].input-sm, .input-group-sm input[type=datetime-local], input[type=month].input-sm, .input-group-sm input[type=month] { line-height: 25px; } input[type=date].input-lg, .input-group-lg input[type=date], input[type=time].input-lg, .input-group-lg input[type=time], input[type=datetime-local].input-lg, .input-group-lg input[type=datetime-local], input[type=month].input-lg, .input-group-lg input[type=month] { line-height: 36px; } } .form-group { margin-bottom: 15px; } .radio, .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .radio label, .checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; } .radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] { position: absolute; margin-left: -20px; margin-top: 4px \9 ; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } input[type=radio][disabled], input[type=radio].disabled, fieldset[disabled] input[type=radio], input[type=checkbox][disabled], input[type=checkbox].disabled, fieldset[disabled] input[type=checkbox] { cursor: not-allowed; } .radio-inline.disabled, fieldset[disabled] .radio-inline, .checkbox-inline.disabled, fieldset[disabled] .checkbox-inline { cursor: not-allowed; } .radio.disabled label, fieldset[disabled] .radio label, .checkbox.disabled label, fieldset[disabled] .checkbox label { cursor: not-allowed; } .form-control-static { padding-top: 5px; padding-bottom: 5px; margin-bottom: 0; min-height: 34px; } .form-control-static.input-lg, .form-control-static.input-sm { padding-left: 0; padding-right: 0; } .input-sm { height: 25px; padding: 1px 20px; font-size: 14px; line-height: 1.5; border-radius: 3px; } select.input-sm { height: 25px; line-height: 25px; } textarea.input-sm, select[multiple].input-sm { height: auto; } .form-group-sm .form-control { height: 25px; padding: 1px 20px; font-size: 14px; line-height: 1.5; border-radius: 3px; } .form-group-sm select.form-control { height: 25px; line-height: 25px; } .form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control { height: auto; } .form-group-sm .form-control-static { height: 25px; min-height: 34px; padding: 2px 20px; font-size: 14px; line-height: 1.5; } .input-lg { height: 36px; padding: 6px 24px; font-size: 16px; line-height: 1.3333333; border-radius: 2px; } select.input-lg { height: 36px; line-height: 36px; } textarea.input-lg, select[multiple].input-lg { height: auto; } .form-group-lg .form-control { height: 36px; padding: 6px 24px; font-size: 16px; line-height: 1.3333333; border-radius: 2px; } .form-group-lg select.form-control { height: 36px; line-height: 36px; } .form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control { height: auto; } .form-group-lg .form-control-static { height: 36px; min-height: 36px; padding: 7px 24px; font-size: 16px; line-height: 1.3333333; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 37.5px; } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; pointer-events: none; } .input-lg + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback { width: 36px; height: 36px; line-height: 36px; } .input-sm + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback { width: 25px; height: 25px; line-height: 25px; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #3c763d; } .has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-success .form-control:focus { border-color: rgb(42.808988764, 84.191011236, 43.5224719101); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgb(102.5280898876, 177.4719101124, 103.8202247191); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgb(102.5280898876, 177.4719101124, 103.8202247191); } .has-success .input-group-addon { color: #3c763d; border-color: #3c763d; background-color: #dff0d8; } .has-success .form-control-feedback { color: #3c763d; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color: #8a6d3b; } .has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-warning .form-control:focus { border-color: rgb(102.2741116751, 80.7817258883, 43.7258883249); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgb(191.807106599, 160.7461928934, 107.192893401); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgb(191.807106599, 160.7461928934, 107.192893401); } .has-warning .input-group-addon { color: #8a6d3b; border-color: #8a6d3b; background-color: #fcf8e3; } .has-warning .form-control-feedback { color: #8a6d3b; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #a94442; } .has-error .form-control { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-error .form-control:focus { border-color: rgb(132.3234042553, 53.2425531915, 51.6765957447); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgb(206.4127659574, 132.0595744681, 130.5872340426); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgb(206.4127659574, 132.0595744681, 130.5872340426); } .has-error .input-group-addon { color: #a94442; border-color: #a94442; background-color: #f2dede; } .has-error .form-control-feedback { color: #a94442; } .has-feedback label ~ .form-control-feedback { top: 25px; } .has-feedback label.sr-only ~ .form-control-feedback { top: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: rgb(86.75, 86.75, 86.75); } @media (min-width: 450px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-static { display: inline-block; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; } .form-inline .input-group > .form-control { width: 100%; } .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .radio label, .form-inline .checkbox label { padding-left: 0; } .form-inline .radio input[type=radio], .form-inline .checkbox input[type=checkbox] { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 5px; } .form-horizontal .radio, .form-horizontal .checkbox { min-height: 25px; } .form-horizontal .form-group { margin-left: -11px; margin-right: -11px; } .form-horizontal .form-group:before, .form-horizontal .form-group:after { content: " "; display: table; } .form-horizontal .form-group:after { clear: both; } @media (min-width: 450px) { .form-horizontal .control-label { text-align: right; margin-bottom: 0; padding-top: 5px; } } .form-horizontal .has-feedback .form-control-feedback { right: 11px; } @media (min-width: 450px) { .form-horizontal .form-group-lg .control-label { padding-top: 7px; font-size: 16px; } } @media (min-width: 450px) { .form-horizontal .form-group-sm .control-label { padding-top: 2px; font-size: 14px; } } .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; touch-action: manipulation; outline: 0 !important; cursor: pointer; background-image: none; border: 2px solid transparent; white-space: nowrap; /*@include button-size($padding-base-vertical, $padding-base-horizontal, $font-size-base, $line-height-base, $btn-border-radius-base);*/ padding: 10px 24px; font-size: 16px; line-height: 1.5; border-radius: 24px; min-width: 86px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn:not(.btn-sm) { margin-top: 24px; } .btn:hover, .btn:focus, .btn.focus { text-decoration: none; } .btn.active, .btn:active { transform: scale(0.95); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-default { color: #333; background-color: #fff; border-color: #ccc; } .btn-default:focus, .btn-default.focus { color: #333; background-color: rgb(229.5, 229.5, 229.5); box-shadow: none; border-color: #ccc; } .btn-default:hover { color: #333; background-color: rgb(229.5, 229.5, 229.5); border-color: #ccc; } .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { color: #333; background-color: rgb(229.5, 229.5, 229.5); border-color: #ccc; } .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus { color: #333; background-color: rgb(229.5, 229.5, 229.5); border-color: #ccc; } .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus { background-color: #fff; border-color: #ccc; } .btn-default .badge { color: #fff; background-color: #333; } .btn-default.btn-transparent { background-color: transparent; } .btn-default.btn-transparent:hover, .btn-default.btn-transparent:focus, .btn-default.btn-transparent.focus { background-color: rgb(229.5, 229.5, 229.5); } .btn-primary { color: #FFF; background-color: #0074E0; border-color: transparent; } .btn-primary:focus, .btn-primary.focus { color: #FFF; background-color: #0059B3; box-shadow: none; border-color: transparent; } .btn-primary:hover { color: #FFF; background-color: #0059B3; border-color: transparent; } .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { color: #FFF; background-color: #0059B3; border-color: transparent; } .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus { color: #FFF; background-color: #0059B3; border-color: transparent; } .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus { background-color: #0074E0; border-color: transparent; } .btn-primary .badge { color: #0074E0; background-color: #FFF; } .btn-primary.btn-transparent { background-color: transparent; } .btn-primary.btn-transparent:hover, .btn-primary.btn-transparent:focus, .btn-primary.btn-transparent.focus { background-color: #0059B3; } .btn-primary-secondary { color: #0074E0; background-color: #FFF; border-color: #0074E0; } .btn-primary-secondary:focus, .btn-primary-secondary.focus { color: #0074E0; background-color: #e5f3f9; box-shadow: none; border-color: #0074E0; } .btn-primary-secondary:hover { color: #0074E0; background-color: #f2f9fc; border-color: #0074E0; } .btn-primary-secondary:active, .btn-primary-secondary.active, .open > .btn-primary-secondary.dropdown-toggle { color: #0074E0; background-color: #f2f9fc; border-color: #0074E0; } .btn-primary-secondary:active:hover, .btn-primary-secondary:active:focus, .btn-primary-secondary:active.focus, .btn-primary-secondary.active:hover, .btn-primary-secondary.active:focus, .btn-primary-secondary.active.focus, .open > .btn-primary-secondary.dropdown-toggle:hover, .open > .btn-primary-secondary.dropdown-toggle:focus, .open > .btn-primary-secondary.dropdown-toggle.focus { color: #0074E0; background-color: #f2f9fc; border-color: #0074E0; } .btn-primary-secondary.disabled:hover, .btn-primary-secondary.disabled:focus, .btn-primary-secondary.disabled.focus, .btn-primary-secondary[disabled]:hover, .btn-primary-secondary[disabled]:focus, .btn-primary-secondary[disabled].focus, fieldset[disabled] .btn-primary-secondary:hover, fieldset[disabled] .btn-primary-secondary:focus, fieldset[disabled] .btn-primary-secondary.focus { background-color: #FFF; border-color: #0074E0; } .btn-primary-secondary .badge { color: #FFF; background-color: #0074E0; } .btn-primary-secondary.btn-transparent { background-color: transparent; } .btn-primary-secondary.btn-transparent:hover, .btn-primary-secondary.btn-transparent:focus, .btn-primary-secondary.btn-transparent.focus { background-color: #e5f3f9; } /* // Success appears as green .btn-success { @include button-variant($btn-success-color, $btn-success-bg, $btn-success-border, $btn-success-bg-active); } // Info appears as blue-green .btn-info { @include button-variant($btn-info-color, $btn-info-bg, $btn-info-border, $btn-info-bg-active); } // Warning appears as orange .btn-warning { @include button-variant($btn-warning-color, $btn-warning-bg, $btn-warning-border, $btn-warning-bg-active); } // Danger and error appear as red .btn-danger { @include button-variant($btn-danger-color, $btn-danger-bg, $btn-danger-border, $btn-danger-bg-active); } */ /*Philips Colors*/ .btn-link { color: #0074E0; font-weight: normal; border-radius: 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: rgb(0, 76.3839285714, 147.5); text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus { color: #ececec; text-decoration: none; } .btn-xlg { padding: 10px 24px; font-size: 16px; line-height: 1.3333333; border-radius: 2px; min-width: 94px; } .btn-sm { padding: 1px 20px; font-size: 16px; line-height: 1.5; border-radius: 3px; min-width: 78px; } .btn-block { display: block; width: 100%; } .btn-opaque { opacity: 0.8; } .btn-block + .btn-block { margin-top: 5px; } input[type=submit].btn-block, input[type=reset].btn-block, input[type=button].btn-block { width: 100%; } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9 ; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropup, .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 14px; text-align: left; background-color: rgba(255, 255, 255, 0.9); border: 1px solid transparent; border: 1px solid transparent; border-radius: 2px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.470588; color: #3c3c3c; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; color: #000; background-color: transparent; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #000; text-decoration: none; outline: 0; background-color: transparent; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #ececec; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed; } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { left: auto; right: 0; } .dropdown-menu-left { left: 0; right: auto; } .dropdown-header { display: block; padding: 3px 20px; font-size: 14px; line-height: 1.470588; color: #ececec; white-space: nowrap; } .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid \9 ; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } @media (min-width: 961px) { .navbar-right .dropdown-menu { right: 0; left: auto; } .navbar-right .dropdown-menu-left { left: 0; right: auto; } } .nav { margin-bottom: 0; padding-left: 0; list-style: none; } .nav:before, .nav:after { content: " "; display: table; } .nav:after { clear: both; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 20px 20px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: transparent; } .nav > li.disabled > a { color: #ececec; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #ececec; text-decoration: none; background-color: transparent; cursor: not-allowed; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: transparent; border-color: #0074E0; } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .nav-tabs { border-bottom: 1px solid transparent; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.470588; border: 1px solid transparent; border-radius: 2px 2px 0 0; } .nav-tabs > li > a:hover { border-color: transparent transparent transparent; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #0074E0; background-color: white; border: 1px solid transparent; border-bottom-color: transparent; cursor: default; } .nav-pills > li { float: left; } .nav-pills > li > a { border-radius: 2px; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #fff; background-color: #0074E0; } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } .nav-justified, .nav-tabs.nav-justified { width: 100%; } .nav-justified > li, .nav-tabs.nav-justified > li { float: none; } .nav-justified > li > a, .nav-tabs.nav-justified > li > a { text-align: center; margin-bottom: 5px; } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 450px) { .nav-justified > li, .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-justified > li > a, .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } .nav-tabs-justified, .nav-tabs.nav-justified { border-bottom: 0; } .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 2px; } .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border: 1px solid transparent; } @media (min-width: 450px) { .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { border-bottom: 1px solid transparent; border-radius: 2px 2px 0 0; } .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border-bottom-color: transparent; } } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; } .navbar:before, .navbar:after { content: " "; display: table; } .navbar:after { clear: both; } @media (min-width: 961px) { .navbar { border-radius: 2px; } } .navbar-header:before, .navbar-header:after { content: " "; display: table; } .navbar-header:after { clear: both; } @media (min-width: 961px) { .navbar-header { float: left; } } .navbar-collapse { overflow-x: visible; padding-right: 0; padding-left: 0; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch; } .navbar-collapse:before, .navbar-collapse:after { content: " "; display: table; } .navbar-collapse:after { clear: both; } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 961px) { .navbar-collapse { width: auto; border-top: 0; box-shadow: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-collapse.in { overflow-y: visible; } .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-left: 0; padding-right: 0; } } .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 340px; } @media (max-device-width: 320px) and (orientation: landscape) { .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 200px; } } .container > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse { margin-right: 0; margin-left: 0; } @media (min-width: 961px) { .container > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse { margin-right: 0; margin-left: 0; } } .navbar-static-top { z-index: 1000; border-width: 0 0 1px; } @media (min-width: 961px) { .navbar-static-top { border-radius: 0; } } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; } @media (min-width: 961px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; } } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; } .navbar-brand { float: left; padding: 15px 0; font-size: 16px; line-height: 20px; height: 50px; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-brand > img { display: block; } @media (min-width: 961px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: 0; } } .navbar-toggle { position: relative; float: right; margin-right: 0; padding: 9px 10px; margin-top: 8px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 2px; } .navbar-toggle:focus { outline: 0; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 961px) { .navbar-toggle { display: none; } } .navbar-nav { margin: 7.5px 0; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } @media (max-width: 960px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } } @media (min-width: 961px) { .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } } .navbar-form { margin-left: 0; margin-right: 0; padding: 10px 0; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); margin-top: 10px; margin-bottom: 10px; } @media (min-width: 450px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; } .navbar-form .form-control-static { display: inline-block; } .navbar-form .input-group { display: inline-table; vertical-align: middle; } .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control { width: auto; } .navbar-form .input-group > .form-control { width: 100%; } .navbar-form .control-label { margin-bottom: 0; vertical-align: middle; } .navbar-form .radio, .navbar-form .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .navbar-form .radio label, .navbar-form .checkbox label { padding-left: 0; } .navbar-form .radio input[type=radio], .navbar-form .checkbox input[type=checkbox] { position: relative; margin-left: 0; } .navbar-form .has-feedback .form-control-feedback { top: 0; } } @media (max-width: 960px) { .navbar-form .form-group { margin-bottom: 5px; } .navbar-form .form-group:last-child { margin-bottom: 0; } } @media (min-width: 961px) { .navbar-form { width: auto; border: 0; margin-left: 0; margin-right: 0; padding-top: 0; padding-bottom: 0; -webkit-box-shadow: none; box-shadow: none; } } .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { margin-bottom: 0; border-top-right-radius: 2px; border-top-left-radius: 2px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .navbar-btn { margin-top: 10px; margin-bottom: 10px; } .navbar-btn.btn-sm { margin-top: 12.5px; margin-bottom: 12.5px; } .navbar-btn.btn-xs { margin-top: 14px; margin-bottom: 14px; } .navbar-text { margin-top: 15px; margin-bottom: 15px; } @media (min-width: 961px) { .navbar-text { float: left; margin-left: 0; margin-right: 0; } } @media (min-width: 961px) { .navbar-left { float: left !important; } .navbar-right { float: right !important; margin-right: 0; } .navbar-right ~ .navbar-right { margin-right: 0; } } .navbar-default { background-color: #f8f8f8; border-color: rgb(231.425, 231.425, 231.425); } .navbar-default .navbar-brand { color: #777; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: rgb(93.5, 93.5, 93.5); background-color: transparent; } .navbar-default .navbar-text { color: #777; } .navbar-default .navbar-nav > li > a { color: #777; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #555; background-color: rgb(231.425, 231.425, 231.425); } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: #ccc; background-color: transparent; } .navbar-default .navbar-toggle { border-color: #ddd; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #ddd; } .navbar-default .navbar-toggle .icon-bar { background-color: #888; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: rgb(231.425, 231.425, 231.425); } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: rgb(231.425, 231.425, 231.425); color: #555; } @media (max-width: 960px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #555; background-color: rgb(231.425, 231.425, 231.425); } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #ccc; background-color: transparent; } } .navbar-default .navbar-link { color: #777; } .navbar-default .navbar-link:hover { color: #333; } .navbar-default .btn-link { color: #777; } .navbar-default .btn-link:hover, .navbar-default .btn-link:focus { color: #333; } .navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus { color: #ccc; } .navbar-inverse { background-color: #222; border-color: rgb(8.5, 8.5, 8.5); } .navbar-inverse .navbar-brand { color: white; } .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-text { color: white; } .navbar-inverse .navbar-nav > li > a { color: white; } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #fff; background-color: rgb(8.5, 8.5, 8.5); } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { color: #444; background-color: transparent; } .navbar-inverse .navbar-toggle { border-color: #333; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #333; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: rgb(16.15, 16.15, 16.15); } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { background-color: rgb(8.5, 8.5, 8.5); color: #fff; } @media (max-width: 960px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: rgb(8.5, 8.5, 8.5); } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: rgb(8.5, 8.5, 8.5); } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: white; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: #fff; background-color: rgb(8.5, 8.5, 8.5); } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #444; background-color: transparent; } } .navbar-inverse .navbar-link { color: white; } .navbar-inverse .navbar-link:hover { color: #fff; } .navbar-inverse .btn-link { color: white; } .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus { color: #fff; } .navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus { color: #444; } .breadcrumb { padding: 8px 5px; margin-bottom: 20px; list-style: none; background-color: transparent; border-radius: 2px; } .breadcrumb > li { display: inline-block; } .breadcrumb > li + li:before { content: "› "; padding: 0 5px; color: #FFF; } .breadcrumb > .active { color: #FFF; } /* * Row with equal height columns * -------------------------------------------------- */ .row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .row-eq-height > [class*=col-] { flex-shrink: 0; position: relative; } @media (min-width: 961px) { .row-eq-height-lg { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .row-eq-height-lg > [class*=col-] { flex-shrink: 0; position: relative; } } @media (min-width: 700px) and (max-width: 960px) { .row-eq-height-md { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .row-eq-height-md > [class*=col-] { flex-shrink: 0; position: relative; } } @media (min-width: 450px) and (max-width: 699px) { .row-eq-height-sm { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .row-eq-height-sm > [class*=col-] { flex-shrink: 0; position: relative; } } @media (max-width: 449px) { .row-eq-height-xs { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .row-eq-height-xs > [class*=col-] { flex-shrink: 0; position: relative; } } /* mit table cell */ @media (min-width: 961px) { .row-eq-height-tc-lg { height: 100%; display: table; } .row-eq-height-tc-lg > [class*=col-] { display: table-cell; float: none; height: 100%; } } @media (min-width: 700px) { .row-eq-height-tc-md { height: 100%; display: table; } .row-eq-height-tc-md > [class*=col-] { display: table-cell; float: none; height: 100%; } } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 2px; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: bold; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-dismissable, .alert-dismissible { padding-right: 35px; } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { background-color: #dff0d8; border-color: rgb(213.7777777778, 232.9166666667, 197.5833333333); color: #3c763d; } .alert-success hr { border-top-color: rgb(200.5555555556, 225.8333333333, 179.1666666667); } .alert-success .alert-link { color: rgb(42.808988764, 84.191011236, 43.5224719101); } .alert-info { background-color: #d9edf7; border-color: rgb(187.5086956522, 231.9108695652, 240.7913043478); color: #31708f; } .alert-info hr { border-top-color: rgb(166.4434782609, 224.7043478261, 236.3565217391); } .alert-info .alert-link { color: rgb(35.984375, 82.25, 105.015625); } .alert-warning { background-color: #fcf8e3; border-color: rgb(249.5322580645, 234.6478494624, 203.9677419355); color: #8a6d3b; } .alert-warning hr { border-top-color: rgb(247.064516129, 225.4623655914, 180.935483871); } .alert-warning .alert-link { color: rgb(102.2741116751, 80.7817258883, 43.7258883249); } .alert-danger { background-color: #f2dede; border-color: rgb(234.7934782609, 203.7065217391, 208.8876811594); color: #a94442; } .alert-danger hr { border-top-color: rgb(227.5869565217, 185.4130434783, 192.4420289855); } .alert-danger .alert-link { color: rgb(132.3234042553, 53.2425531915, 51.6765957447); } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-xs { display: none !important; } .visible-sm { display: none !important; } .visible-md { display: none !important; } .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 449px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 449px) { .visible-xs-block { display: block !important; } } @media (max-width: 449px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 449px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 450px) and (max-width: 699px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 450px) and (max-width: 699px) { .visible-sm-block { display: block !important; } } @media (min-width: 450px) and (max-width: 699px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 450px) and (max-width: 699px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 700px) and (max-width: 960px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 700px) and (max-width: 960px) { .visible-md-block { display: block !important; } } @media (min-width: 700px) and (max-width: 960px) { .visible-md-inline { display: inline !important; } } @media (min-width: 700px) and (max-width: 960px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 961px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 961px) { .visible-lg-block { display: block !important; } } @media (min-width: 961px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 961px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 449px) { .hidden-xs { display: none !important; } } @media (min-width: 450px) and (max-width: 699px) { .hidden-sm { display: none !important; } } @media (min-width: 700px) and (max-width: 960px) { .hidden-md { display: none !important; } } @media (min-width: 961px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } /*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */ /* Styles for basic PhotoSwipe functionality (sliding area, open/close transitions) */ /* pswp = photoswipe */ .pswp { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; -ms-touch-action: none; touch-action: none; z-index: 1500; -webkit-text-size-adjust: 100%; /* create separate layer, to avoid paint on window.onscroll in webkit/blink */ -webkit-backface-visibility: hidden; outline: none; } .pswp * { box-sizing: border-box; } .pswp img { max-width: none; } /* style is added when JS option showHideOpacity is set to true */ .pswp--animate_opacity { /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */ opacity: 0.001; will-change: opacity; /* for open/close transition */ transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--open { display: block; } .pswp--zoom-allowed .pswp__img { /* autoprefixer: off */ cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .pswp--zoomed-in .pswp__img { /* autoprefixer: off */ cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .pswp--dragging .pswp__img { /* autoprefixer: off */ cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } /* Background is added as a separate element. As animating opacity is much faster than animating rgba() background-color. */ .pswp__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #FFF; opacity: 0; -webkit-backface-visibility: hidden; will-change: opacity; } .pswp__scroll-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .pswp__container, .pswp__zoom-wrap { -ms-touch-action: none; touch-action: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } /* Prevent selection and tap highlights */ .pswp__container, .pswp__img { -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; } .pswp__zoom-wrap { position: absolute; width: 100%; -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; /* for open/close transition */ transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp__bg { will-change: opacity; /* for open/close transition */ transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap { -webkit-transition: none; transition: none; } .pswp__container, .pswp__zoom-wrap { -webkit-backface-visibility: hidden; } .pswp__item { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } .pswp__img { position: absolute; width: auto; height: auto; top: 0; left: 0; } /* stretched thumbnail or div placeholder element (see below) style is added to avoid flickering in webkit/blink when layers overlap */ .pswp__img--placeholder { -webkit-backface-visibility: hidden; } /* div element that matches size of large image large image loads on top of it */ .pswp__img--placeholder--blank { background: #222; } .pswp--ie .pswp__img { width: 100% !important; height: auto !important; left: 0; top: 0; } /* Error message appears when image is not loaded (JS option errorMsg controls markup) */ .pswp__error-msg { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; font-size: 14px; line-height: 16px; margin-top: -8px; color: #CCC; } .pswp__error-msg a { color: #CCC; text-decoration: underline; } /*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */ /* Contents: 1. Buttons 2. Share modal and links 3. Index indicator ("1 of X" counter) 4. Caption 5. Loading indicator 6. Additional styles (root element, top bar, idle state, hidden state, etc.) */ .pswp .container-fluid { position: relative; } /* 1. Buttons */ /*