html,body{ margin: 0px; padding: 0px; background-color: #fff; } img{ display: inline; font-size: 0; border: 0; } table{ border-collapse: collapse; margin: 0px; padding: 0px; } td{ margin: 0px; padding: 0px; } th{ margin: 0px; padding: 0px; text-align: left; } textarea { overflow: auto; } ol,ul{ margin: 0; padding: 0 0 0 3em; } button::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="reset"]::-moz-focus-inner { padding: 0 !important; border: 0 none !important; } @font-face { font-family: 'Inter'; src: url(https://www.factuurdesk.nl/css/../fonts/inter-regular-webfont.woff2) format('woff2'); font-weight: 400; font-display: swap; font-style: normal; } @font-face { font-family: 'Inter'; src: url(https://www.factuurdesk.nl/css/../fonts/inter-bold-webfont.woff2) format('woff2'); font-weight: 700; font-display: swap; font-style: normal; } @font-face { font-family: 'Inter'; src: url(https://www.factuurdesk.nl/css/../fonts/inter-medium-webfont.woff2) format('woff2'); font-weight: 500; font-display: swap; font-style: normal; } html,body { height: 100%; color: rgb(8,17,58); font-family: 'Inter',Arial,sans-serif; font-size: 16px; line-height: 23px; } h1 { font-family: 'Inter',Arial,sans-serif; font-weight: 700; line-height: 46px; font-size: 20px; margin: 0 0 10px 0; } div.statictop h1 { text-align: center; color: #fff; margin-top: 0px; font-size: 26px; padding-top: 20px; } h2 { font-family: 'Inter',Arial,sans-serif; font-weight: 700; font-size: 18px; line-height: 23px; margin: 0 0 10px 0; } h1.landing,h2.landing { text-align: center; margin-top: 40px; } div.info_block h2 { margin: 0px 0 20px 0px; color: rgb(8,17,58); font-size: 20px; } h3 { font-family: 'Inter',Arial,sans-serif; font-size: 16px; color: rgb(8,17,58); margin: 0 0 10px 0; line-height: 23px; } p { font-family: 'Inter',Arial,sans-serif; line-height: 26px; margin: 0 0 23px 0; } p.center,div.center { text-align: center; } hr { border: 0; height: 0; border-top: 1px solid rgba(0,0,0,0.1); border-bottom: 1px solid rgba(255,255,255,0.3); margin: 40px 0px; } table { font-family: 'Inter',Arial,sans-serif; line-height: 23px; } li { font-family: 'Inter',Arial,sans-serif; line-height: 18px; } ol,ul { padding: 0 0 0 2.8em; } a{ font-family: 'Inter',Arial,sans-serif; line-height: 22px; text-decoration: none; color: rgb(0,153,204); cursor: pointer; } a:hover{ text-decoration: underline; } p,ul{ margin-bottom: 20px; } div#header{ border-bottom: 1px solid #eee; background: none; height: auto; padding-top: 26px; } div#wrapper_voor_footer{ min-height: 100%; } div#menu_resolution_container{ width: 100%; max-width: 1260px; height: 45px; margin: 0 auto; } img.logo { float: left; margin: -8px 10px 0 0; } ol#mainmenu{ padding-left: 0px; position: relative; bottom: 3px; } ol#mainmenu > li{ display: inline-block; position: relative; float: left; height: 30px; padding: 0px 5px; margin-right: 4px; list-style-type: none; text-align: center; } ol#mainmenu > li > a { padding: 4px 8px 4px 8px; border-radius: 8px; color: rgb(8,17,58); } ol#mainmenu > li:first-child { padding-left: 0px; } ol#mainmenu > li > a:hover { color: rgb(0,153,204); text-decoration: none; } ol#mainmenu > li.selected > a{ color: rgb(0,153,204); font-weight: 500; } ol#mainmenu > li.has_dropdown:after { font-family: 'FontAwesome'; content: "\f078"; } ol#mainmenu > li.selected.has_dropdown:after { color: rgb(8,17,58); } ol#mainmenu > li.has_dropdown:hover div.dropdown { display: block; } ol#mainmenu > li div.dropdown { position: absolute; top: 30px; border-width: 2px; border-style: solid; border-color: #cbcbcb; border-radius: 5px; background-color: #fff; z-index: 5000; display: none; width: 755px; height: 230px; padding: 20px 0 0 0; text-align: left; box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 15%); -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 15%); } ol#mainmenu > li div.dropdown div { float: left; width: 250px; padding: 0; } ol#mainmenu > li div.dropdown div a { display: inline-block; padding: 22px 10px 20px 20px; width: 225px; height: 25px; color: rgb(8,17,58); } ol#mainmenu > li div.dropdown div a:hover{ background: #f6f6f6; text-decoration: none; } ol#mainmenu > li div.dropdown div i { margin-right: 10px; } div#menu_resolution_container ol#mainmenu li,div#menu_resolution_container ol#mainmenu li.selected { margin-right: 1px; } div#login { float: right; position: relative; bottom: 9px; } div#countries { float: right; padding-left: 20px; position: relative; bottom: 2px; } div#publiccontent { width: 100%; max-width: 1260px; margin: 0 auto; } div#publiccontent.rondleiding { max-width: 990px; }  div#submenu { height: 40px; background: #3a9bd5; border-top: 1px solid #ededed; border-right: 1px solid #ededed; border-left: 1px solid #ededed; } div#submenu_inner { width: 100%; max-width: 1260px; margin: 0 auto; } div#submenu a { color: #ffffff; display: block; position: relative; top: 1px; float: left; height: 28px; text-align: center; background: url(https://www.factuurdesk.nl/css/../images/layout/submenu_seperator.gif) no-repeat left; padding: 7px 13px 0px 13px; } div#submenu a:hover{ text-decoration: none; color: #fafafa; } div#submenu a:first-child { background: none; padding-left: 0px; } div#submenu a.selected { height: 28px; text-decoration: none; font-weight: bold; } div#submenu a.selected:hover { text-decoration: none; } div#resolution_container{ overflow: hidden; padding-bottom: 340px; } div#home_features_wrapper { background: #f6f6f6; border-top: 1px solid #bbbbbb; border-bottom: 1px solid #bbbbbb; } div#home_features { padding: 40px; width: 100%; max-width: 1260px; height: 390px; margin: 0 auto; } div.publictop { width: 100%; max-width: 1260px; margin: 5px 0 15px; padding: 10px 0 0; height: 60px; background: #3a9bd5; } div.statictop { width: 100%; max-width: 1260px; height: 119px; margin-bottom: 20px; background: #3a9bd5; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; } div.statictop p { text-align: center; color: #fff; margin-top: 0px; font-size: 16px; } .belons { float: right; } div.feature_images { width: 300px; float: left; height: 285px; text-align: center; } div.feature_images p { text-align: center; color: #fff; padding: 0 15px; font-size: 13px; } div.feature_images.right p { text-align: right; margin-right: 28px; } div.feature_images.left p { text-align: left; margin-left: 20px; } div.rondleiding_wrapper { margin: 40px 0; height: auto; overflow: hidden; padding: 0 60px; } img#rondleiding_topimage { margin-top: 20px; } div.rondleiding_text{ width: 600px; float: left; height: auto; padding: 15px 0px; } div.rondleiding_text_small{ width: 268px; float: left; height: 250px; margin: 0 20px 20px 0px; padding: 20px; background: #fafafa; border: 1px solid #EDEDED; border-radius: 10px; } div.rondleiding_text_small h2 { color: rgb(8,17,58); margin-bottom: 5px; } div.rondleiding_image { float: right; width: 458px; height: 361px; margin: 20px 0 0; } div#punch { color: #FFFFFF; float: left; font-size: 16px; height: 24px; padding: 30px 0 30px 20px; margin-left: 101px; } div.probeernu { text-align: center; padding: 40px 0px 60px 0px; float: left; width: 100%; max-width: 1260px; }  div.probeergratis_design1 { width: 500px; float: left; height: 330px; padding-left: 40px; } div.probeergratis_design1 div { float: left; } div.probeergratis_design1 p { clear: both; margin: 40px 0; font-size: 20px; line-height: 26px; } div.probeergratis_design1 h1 { margin-bottom: 40px; margin-top: 10px; width: 492px; font-size: 38px; line-height: 48px; } #iphone { position: relative; z-index: 50; right: -420px; top: 150px; } input#email_signupform { width: 230px; font-size: 18px; } input.submit.submit-emailsignup { position: relative; bottom: 2px; padding: 4px 10px 6px 10px; min-width: 104px; height: 42px; text-align: center; font-size: 16px; line-height: 1.5; display: inline-block; border: 1px solid #dfdfdf; color: #fff; text-decoration: none; cursor: pointer; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: #75bd3d; } div.homeslide { margin: 10px 60px 0 0; float: right; width: 420px; height: 360px; } div#slideshow1 a { opacity: 0; } div.homeslide img { border-radius: 20px; } @media only screen and (max-width: 1050px){ div.homeslide,div#login a.btn:first-child { display: none; } } @media only screen and (min-width: 1050px) and (max-width: 1240px){ div.homeslide img { width: 80%; height: 80%; } } div#punch_design1 { float: left; font-size: 18px; height: 10px; padding: 20px 0 30px 0; margin-left: 40px; text-align: left; }  div.probeergratis { float: left; margin: 14px 0 0 40px; } div.probeergratis p { clear: both; } div.probeergratis a img { margin: 5px 0 0 0; } div.info_block_wrapper { width: 100%; max-width: 1260px; margin: 0 auto; } div.info_block { height: 260px; box-sizing: border-box; width: 100%; margin: 0 auto; padding: 60px 0 10px 0; clear: both; } div.info_block.subabo { margin-bottom: 40px; background: #FAFAFA; border: 1px solid #D8D8D8; border-radius: 15px; padding: 40px; } div.info_block i { color: #79ba48; font-size: 26px; position: relative; top: 2px; margin-right: 5px; } div.info_block_small { height: 95px; width: 100%; box-sizing: border-box; background: #FAFAFA; clear: both; margin: 50px 0; padding: 25px 50px 5px 50px; border-radius: 10px; } div.info_block_small form { display: inline-block; } div.info_block_small p { color: #0D83DD; font-size: 20px; float: right; text-align: right; margin: 8px 0 0; padding: 0 0 20px 0; } div.info_block_small a{ float: left; } div.info_block ul li { list-style-type: none; width: 235px; padding-top: 10px; } div.info_block ul { float: left; list-style-type: none; padding-left: 0px; } div#factureren { float: right; } div#factureren i { color: #5bb0e2; font-size: 26px; position: relative; top: 2px; } div#plannen { float: left; } div.testimonials{ width: 70%; height: 535px; float: left; margin-top: 60px; } div#weblog { width: 600px; float:left; height: 175px; } div.info_block_small a.usp { float: right; margin: -10px 50px 0 0; } div.sidebox.home_team { margin-top: -20px; padding-top: 0px; } div.home_team div.probeer2{ width: 245px; } div.testimonial { width: 46%; height: 280px; float: left; margin-right: 30px; } div.testimonial.wide { width: 100%; max-width: 1260px; height: 70px; margin-top: 40px; text-align: center; } div.customer { width: 390px; height: 200px; float: left; margin-right: 30px; } div.testimonial img,div.customer img { margin: 0 20px 20px 0; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } div.testimonial .quote { height: 60px; background: #f6f6f6; border: 1px solid #ededed; border-radius: 5px; padding: 20px; margin-top: 20px; } div.testimonial p { line-height: 26px; } div.testimonial.wide p { margin: 0px; } div#forwhom { width: 270px; border: 1px solid #ededed; float: right; padding: 20px; margin-top: 60px; line-height: 19px; } div#forwhom p { font-size: 13px; margin: 4px 0; line-height: 25px; } div#forwhom a { font-size: 13px; } div#footer { height: 300px; background: #eaeaea; border-top: 3px solid #d4d4d4; width: 100%; margin-top: -303px; clear: both; } div#footer div { margin: 20px auto; width: 100%; max-width: 1260px; } div#footer div ul { float: left; list-style-type: none; width: 25%; box-sizing: border-box; height: 175px; border-left: 1px solid #DD773A; padding: 0 0 0 15px; } div#footer div ul li { line-height: 20px; padding-bottom: 5px; } div#footer div ul.footer_right { border-left: none; } div#footer span { color: #DD773A; font-weight: bold; height: 30px; font-size: 12px; } div#footer ul.weblog a { color: #638AAF; } div#footer div ul a { color: rgb(8,17,58) ; } div.sidebox { float:right; width: 270px; margin: 15px 0 30px; } div#left_content { float: left; width: 760px; padding-top: 15px; } div.sidebox > div { margin: 0 0 30px; border-radius: 8px; } div.sidebox div.probeer p { text-align: left; display:block; color: rgb(8,17,58); } div.sidebox div.probeer img { margin: 10px 0; } div.sidebox div.probeer { background:#fafafa none repeat scroll 0 0; border: 1px solid #EDEDED; width: 248px; clear: right; padding: 10px 10px 0 10px; } div.info_block ul.green li{ width: 315px; } div.info_block.subabo ul.green { width: 31%; float: left; } ul.green li { width: 100%; height: 24px; padding: 4px 0 0 0px; list-style-type: none; } ul.green li:before,ul.blue li:before { font-family: FontAwesome !important; content: "\F00C"; margin-right: 10px; } ul.green li.new { color: #dd773a; font-weight: bold; } ul.blue li { width: 100%; height: 24px; padding: 4px 0 0 0px; list-style-type: none; } div.uitleg p { margin-right: 0px; } div#prijzen { margin-bottom: 30px; margin-top: 30px; width: 100%; max-width: 1260px; } div#prijzen table { width: 100%; max-width: 1260px; margin-bottom: 10px; } div#prijzen table td { border-bottom: 1px solid #D8D8D8; text-align: center; height: 60px; font-weight: bold; } div#prijzen table tr#signupform td { border-bottom: none; } div#prijzen table th { font-size: 26px; font-weight: bold; text-align: center; height: 70px; padding-bottom: 15px; width: 140px; border-bottom: 1px solid #D8D8D8; color: #48A3DA; } div#prijzen table th span { display: block; text-align: center; font-size: 18px; margin-top: 5px; color: rgb(8,17,58); } div#prijzen table th.legend { font-size: 16px; background: #ffffff; } div#prijzen table .legend{ text-align: left; padding: 0 0 0 15px; width:270px; font-weight: normal; } div#prijzen td.zonder_bottom { padding: 10px 0 10px 0; } div#prijzen td i.icon-ok { color: #75bd3d; } div#prijzen td i.icon-remove { color: #dd4b39; } div#prijzen div#probeerbutton { margin: 40px 0px 40px 430px; } div#prijzen .formtooltip span { width: 400px; } div#prijzen .formtooltip span:before,div#prijzen .formtooltip span:after { margin-left: -200px; } div.sidebox div.small_slide { height: 170px; margin: 0; } div.bekijkrondleiding { height: 20px; padding-top: 10px; padding-bottom: 10px; background: #48A3DA; width: 277px; text-align: center; } div.bekijkrondleiding a { color: #fff; font-size: 16px; font-weight: bold; } p#breadcrumbs { margin: 10px 0px 0px 0px; } p#backlink{ display: none; }  div#left_content_small { float: left; width: 440px; padding-bottom: 40px; } div#submenu_left { float: left; width: 200px; height: 575px; } div#submenu_left ol#submenu { padding: 0; margin-top: 10px; } div#submenu_left ol#submenu li { background-color: #48A3DA; display: block; width: 150px; height: 20px; padding: 5px; margin: 5px 0; list-style-type: none; text-align: left; } div#submenu_left ol#submenu li a { color: #fff; font-weight: bold; text-decoration: none; }  div.sidebox div.div-far-right1,div.sidebox div.div-far-right2 { background: none repeat scroll 0 0 #FAFAFA; border: 1px solid #EDEDED; clear: right; padding: 10px; width: 255px; } div.uitleg{ border: 1px solid #ededed; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; padding: 15px 0px 0px 10px; margin: 20px 0px; min-height: 35px; background: #fcfcfc; } div.uitleg h1{ color: rgb(8,17,58); font-size: 18px; display: inline; line-height: 20px; margin: 0 0 0px 10px; } div.uitleg h2{ color: rgb(8,17,58); padding-top: 10px; margin: 0 0 0px 10px; font-size: 16px; } div.uitleg p{ margin: 5px 200px 15px 10px; line-height: 16px; } div.uitleg ul{ margin: 0 200px 10px 10px; } div.uitleg.uitleg_small { width: 772px; float: left; } div.uitleg.form { margin-bottom: 0px; } img.bel_ons_help{ display: block; float: left; margin-left: 11px; margin-top: 20px; }  div#help_search{ margin: 20px 0px; background-color:#F4F4F4; height: 41px; border: 1px solid #BBBBBB; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 12px 5px 10px 10px; } div#help_search input.submit { position: relative; top: -3px; } div#help_search label { color: #000000; font-weight: bold; font-size: 16px; } input#helpsearch { width: 500px; height: 20px; } div#help_content,div#addon_content{ float: left; width: 100%; height: auto; overflow: hidden; } div#help_content p,div#addon_content p,div#help_content li,div#help_content span { font-size: 16px; }  div#resolution_container_single{ width: 100%; overflow: hidden; padding-bottom: 303px; } div.publiccontent_single { width: 100%; max-width: 1260px; height: auto; overflow: hidden; margin: 0 auto; } div.publiccontent_single.first { margin-top: 76px; } div.divider_single { width: 100%; height: 5px; background: #f6f6f6; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; margin: 20px 0; } div#menu_resolution_container.fixedmenu { position: fixed; z-index: 1000; background: #fff; width: 100%; max-width: unset; padding-top: 25px; margin-top: 0px; border-bottom: 1px solid #999; } div#menu_resolution_container.fixedmenu div#menu_resolution_inner { width: 100%; max-width: 1260px; margin: 0 auto; } div#menu_resolution_container.fixedmenu a.current { color: #3a9bd5; } div#menu_resolution_container.fixedmenu a.proberen { color: #75bd3d; } div.testimonials.single { width: 100%; height: 245px; } div.testimonials.single div.testimonial p { margin-top: 0px; } div.uitleg.single { margin-top: 20px; } div#resolution_container_single div#home,div#resolution_container_single div#rondleiding,div#resolution_container_single div#verhaal,div#resolution_container_single div#prijzen { padding-top: 160px; margin-top: -85px; } div#cookienotice { position: fixed; bottom: 0px; padding: 8px 0px; background-color: #eee; width: 100%; text-align: center; border-top: 1px solid #ccc; z-index: 100000; }  @media only screen and (max-width: 1240px){ ol#mainmenu > li > a { padding: 4px 2px 4px 2px; } div#submenu a { padding: 7px 8px 0px 8px; } div#login a.btn { min-width: 40px; } div#left_content { width: 690px; padding-left: 10px; } div.testimonial { margin-right: 20px; } div.info_block ul.green li,div.info_block ul.blue li { width: 246px; font-size: 13px; } } noscript div.warning{ color: #f00; font-weight: bold; display: block; margin-bottom: 15px; } fieldset{ border: 0px none #fff; border-bottom: 1px solid #ededed; margin: 0; padding: 0 0 10px 0; width: 100%; } fieldset#csrf { height: 0; } fieldset#csrf,fieldset#klant_btw,fieldset#betaalgegevens,fieldset#huidig_abonnement,fieldset#timetrack_afronding,fieldset#betaal,fieldset#factuur_informatie,fieldset#factuur_project_settings,fieldset#factuur_fixed_price,fieldset#factuur_uren_kosten,div#affiliate_gegevens fieldset,fieldset#user_information,fieldset#medewerker_taak_ja_nee,fieldset#form,fieldset#client_type,fieldset#bedrijf_informatie,fieldset#abonnement,fieldset#client_delete,fieldset#medewerker_delete,fieldset#taak_delete,fieldset#product_delete,fieldset#quickform,fieldset#gebruik_bestaand_project,fieldset#verificatie,fieldset#verwijderen0 { border: none; } fieldset.submit,fieldset.no-border-bottom { border-bottom: none; } div.rapporten fieldset.submit { border-top: none; } fieldset.simple{ border: none; } legend { font-weight: bold; margin: 0; padding: 20px 0 0px 0; } fieldset legend + * { -webkit-margin-top-collapse : separate; } fieldset:first-child legend { border-top: none; } div.popup_content legend { padding: 0; border: none; } div.popup_content fieldset legend { padding: 0 0 10px 0; } div.popup_content fieldset fieldset legend { padding: 0; } legend span{ position: relative; top: 20px; left: 40px; font-size: 16px; font-weight: 500; } div.popup_content legend span { left: 0px; } div.popup_content form.small > fieldset > legend > span { top: 0px; } fieldset ol{ padding-left: 2em; list-style: none; margin-left:5em; } fieldset > ol{ margin-bottom: 1em; margin-left: 24%; padding-left: 0; } fieldset li{ padding-bottom: 1em; } fieldset li > span:not(.validation-error) { position: relative; top: 7px; font-size: 14px; } fieldset li.static { height: auto; overflow: hidden; } fieldset li.static span { float: left; width: 600px; line-height: 20px; } label{ float: left; width: 14em; padding-right: .3em; margin-right: .3em; margin-top: .5em; text-align: right; font-size: 14px; } label.tariefnaam_label { cursor: pointer; } label.tariefnaam_label:hover:before { font-family: 'FontAwesome'; content: "\f044"; } label.required,fieldset fieldset legend span.required{ background: url(https://www.factuurdesk.nl/css/../images/required.png) top right no-repeat; } form.hiderequired label.required,form.hiderequired fieldset fieldset legend span.required{ background: none; } label input{ width: 120px; text-align: right; margin-right: 0; margin-top: -1em; } fieldset fieldset{ border: 0;  } fieldset fieldset legend{ margin-left: 0; border: none; padding: 0; } fieldset fieldset legend span{ position: relative; left: 0px; top: 3px; width: 14em; padding-right: .5em; text-align: right; display: block; float: left; font-weight: normal; font-size: 14px; } fieldset fieldset ol{ margin-top: -1em; margin-left: 0; margin-bottom: 0; } fieldset fieldset li{ padding-bottom: 1em; } input,textarea,select{ border: 1px solid #ccc; border-top: 1px solid #999; border-left: 1px solid #999; width: 271px; margin-right: .5em; box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset; -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius:3px; background-color: #ffffff; } *:focus { outline: none; } input:not([type=radio]):not([type=checkbox]):not([type=submit]):focus,textarea:focus { box-shadow: #393 0px 0px 5px; -moz-box-shadow: #393 0px 0px 5px; -webkit-box-shadow: #393 0px 0px 5px; } input{ padding: 8px; } input.time{ width: 50px; } input.bedrag{ width: 80px; } input#filter:focus { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } li.right_label { padding-left: 15.7em; } li.right_label input,fieldset fieldset input{ float: left; margin-left: 15em; border: none; } li.right_label label,fieldset fieldset label,label.right_label{ float: none; width: auto; text-align: left; } label.date_right_label { margin-top: 0; } :root input[type=checkbox] { border: 0; clip: rect(0 0 0 0); height: 1px; width: 1px; overflow: hidden; padding: 0; position: absolute; } :root input[type=checkbox] + label:before { font-family: FontAwesome; display: inline-block; content: "\f096"; display: inline-block; font-size: 20px; margin : 0 .3em 0 0; position: relative; top: 2px; cursor: pointer; } :root input[type=checkbox]:checked + label:before { content: "\f14a"; color: #5987b1; } :root input[type=checkbox]:disabled + label:before { content: "\f096"; color: #dfdfdf; cursor: auto; } :root input[type=checkbox]:checked:disabled + label:before { content: "\f14a"; color: #dfdfdf; cursor: auto; } :root input[type=checkbox]:focus + label:before { outline: 1px dotted black; } :root input[type=radio] { border: 0; clip: rect(0 0 0 0); height: 1px; width: 1px; overflow: hidden; padding: 0; position: absolute; } :root input[type=radio] + label:before { background: #fff; background-position: 50% 50%; background-size: 75% 75%; border: 1px solid #747474; -webkit-box-sizing: content-box; box-sizing: content-box; content: ""; display: inline-block; height: 1em; margin: -0.25em 0.3em 0 0; padding: 1px; vertical-align: middle; width: 1em; border-radius: 1.1em; cursor: pointer; } :root input[type=radio]:checked + label:before { background: #fff; -webkit-box-shadow: inset 0 0 0 0.325em #5987b1,inset 0 0 0 1px #5987b1; box-shadow: inset 0 0 0 0.325em #5987b1,inset 0 0 0 1px #5987b1; } :root input[type=radio]:disabled + label:before { border: 1px solid #dfdfdf; cursor: auto; } :root input[type=radio]:checked:disabled + label:before { -webkit-box-shadow: inset 0 0 0 0.325em #dfdfdf,inset 0 0 0 1px #dfdfdf; box-shadow: inset 0 0 0 0.325em #dfdfdf,inset 0 0 0 1px #dfdfdf; cursor: auto; } :root input[type=radio]:focus + label:before { outline: 1px dotted black; } input[type=image] { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; padding: 2px; } li.align_horizontal,fieldset fieldset li{ padding-left: 15.7em; } li.align_horizontal input,fieldset fieldset li input{ margin-left: 0; margin-right: .2em; } li.align_horizontal label,label.right_label{ margin-right: .5em; margin-top: 3px; margin-left: .75em; position: relative; bottom: 1px; } li.align_horizontal *,li.right_label label.yes_medewerker{ float: left; } ol#week_row2 span#week_row2_label{ margin-left: 126px; } select{ padding: 8px; width: 289px; } select.pages{ padding: 5px; width: 50px; } textarea{ width: 172px; padding: 6px; } textarea{ overflow: auto; height: 6em; } textarea#persoon_notitie,fieldset#additional_tags textarea { width: 350px; } iframe.fckeditor{ width: 700px; height: 200px; } div.fcktextfield{ background: #eee url(https://www.factuurdesk.nl/css/../images/icons/edit.png) right bottom no-repeat; cursor: pointer; min-height: 20px; } li hr{ margin-left: 15em; height: 0; border: 0; width: 276px; border-top: 1px solid #EDEDED; } fieldset.submit ol{ margin: 0; padding: 1.5em 0 0 0; margin-left: 41%; } fieldset.submit input,input.submit,form.small fieldset.submit input { min-width: 124px; width: auto; height: 36px; padding: 1px 10px 2px 10px; color: #fff; font-size: 14px; line-height: 1.5; cursor: pointer; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: #2f9fd8; border: 1px solid #1e81b4; } fieldset.submit input:hover,input.submit:hover { filter: alpha(opacity=90); opacity: 0.9; } fieldset.submit input:focus,input.submit:focus { -moz-box-shadow: 0px 0px 0px 1px rgba(255,255,255) inset; -webkit-box-shadow: 0px 0px 0px 1px rgba(255,255,255) inset; box-shadow: 0px 0px 0px 1px rgba(255,255,255) inset; } input.submit.small{ padding: 6px 4px; min-width: 80px; } fieldset.submit input.submit.large { width: auto; padding: 0 10px; } fieldset.submit input.again{ width: 200px; } fieldset.submit input.xlarge{ width: 230px; } fieldset.submit input.spacing{ margin: 4px; } fieldset.submit input:disabled,input.submit:disabled{ filter: alpha(opacity=80); opacity: 0.8; } div#bijlage_wrap_list span.MultiFile-title,div.file_wrapper span{ display: block; width: 495px; padding: 5px; margin-bottom: 2px; background: #fcfcfc; border: 1px solid #ededed; } div.file_wrapper div{ float: right; cursor: pointer; } div#bijlage_wrap_list span.MultiFile-title div { cursor: pointer; } div.file_wrapper,div#bijlage_wrap_list{ margin-left:204px; margin-top: 10px; padding-top: 3px; } input.multi_upload { margin-left:204px; margin-top: 10px; } a.btn { padding: 6px 10px; min-width: 70px; height: 24px; text-align: center; font-size: 14px; line-height: 1.5; display: inline-block; border: 1px solid #65a634; color: #fff; text-decoration: none; cursor: pointer; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: #75bd3d; } a.btn:hover { filter: alpha(opacity=90); opacity: 0.9; } a.btn:active { -moz-box-shadow: 0px 0px 0px 1px rgba(255,255,255) inset; -webkit-box-shadow: 0px 0px 0px 1px rgba(255,255,255) inset; box-shadow: 0px 0px 0px 1px rgba(255,255,255) inset; } a.btn-small { padding: 4px 10px 2px 10px; height: 21px; font-size: 12px; min-width: 64px; margin-right: 4px; } a.btn-xsmall { padding: 2px 6px; font-size: 11px; line-height: 18px; min-width: 64px; margin-right: 4px; } a.btn-xxsmall { padding: 2px 6px; font-size: 11px; font-weight: normal; line-height: 20px; min-width: 25px; margin-right: 4px; } a.btn-bigger { padding: 8px 14px; font-size: 14px; line-height: 20px; min-width: 84px; margin-right: 4px; } a.btn-big { padding: 12px 18px; font-size: 18px; line-height: 20px; min-width: 84px; margin-right: 4px; } a.btn-narrow { min-width: 64px; } a.btn-border { border: 1px solid #ffffff; } a.btn-square { padding: 0px; padding-top: 0px; font-size: 11px; min-width: 0px; line-height: 1.5; width: 18px; height: 18px; margin-right: 4px; } a.btn-square-large { padding: 4px 2px; font-size: 16px; min-width: 0px; line-height: 28px; width: 28px; height: 28px; } a.btn-square-text { padding: 4px 8px; font-size: 14px; min-width: 0px; line-height: 28px; min-width: 28px; height: 28px; } a.btn-grey,fieldset.submit input.btn-grey { background: #f5f5f5; border: 1px solid #bbbbbb; color: #444444; font-weight: normal; text-shadow: none; filter: alpha(opacity=100); opacity: 1; } a.btn-grey:hover { background: #eee; } a.btn-blue { background: #2f9fd8; border: 1px solid #1e81b4; } a.btn-red { background: #dd4b39; border: 1px solid #c94635; } a.btn-orange { background: #ed790a; border: 1px solid #ed790a; } a.btn-disabled { background: #f5f5f5; border: 1px solid #bbbbbb; color: #444444; font-weight: normal; text-shadow: none; filter: alpha(opacity=100); opacity: 1; cursor: default; } a.btn-fb { border: 1px solid #6666cc; background: #3d5aa0; } a.btn-linkedin { font-weight: bold; } a.btn-linkedin i { color: #619cc8; font-size: 16px; } div.btn-group { position: relative; } div.btn-group > a.btn { margin-left: -1px; float: left; border-radius: 0px; } div.btn-group > a.btn:first-of-type { border-radius: 0px; border-bottom-left-radius: 5px; border-top-left-radius: 5px; margin-left: 0px; } div.btn-group > a.btn:last-of-type { border-radius: 0px; border-bottom-right-radius: 5px; border-top-right-radius: 5px; } div.btn-group > a.btn.selected { background: #ddd; color: #000; box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.1); } div.btn-group > a.dropdown-toggle { padding: 6px 0px; min-width: 0px; width: 20px; } div.btn-group > a#more { border-right: 1px solid #bbbbbb; }  div#validation_errors{ border-style: solid; border-width: 0px 1px 0px 1px; border-color: #EDEDED; padding-top: 10px; } div#validation_errors.noborder { border: none; } div#validation_errors_arrow { background: url(https://www.factuurdesk.nl/css/../images/layout/validation_error_bg.gif) no-repeat top center; margin-top: -2px; height: 10px; width: 687px; } div#validation_errors_inner { margin: 0 auto; border: 1px solid #b46476; border-radius: 8px; background: #fef2f2; padding: 10px 10px 20px 446px; } div.popup_window div#validation_errors { border: none; padding: 0; width: auto; } div.popup_window div#validation_errors_inner { width: auto; padding: 10px 10px 10px 30%; } div.popup_window div#validation_errors_arrow { width: auto; } div#validation_errors img{ float: left; margin-top: 20px; color: #ab0712; } div#validation_errors h6{ font-size: 16px; font-weight: 500; margin: 5px 0 10px 1.5em; color: #ab0712; } div#validation_errors ul{ margin-bottom: 10px; } div#validation_errors li { line-height: 18px; color: #ab0712; } div#validation_errors a{ cursor: pointer; color: #ab0712; } div#validation_errors a:hover{ text-decoration: underline; } span.validation-error{ color: #ab0712; margin-left: 5px; font-size: 12px; } div.attention{ width: 515px; margin: auto; background: #FFE7C4; border: 1px solid #ed790a; margin-bottom: 15px; padding: 20px; line-height: 22px; } div.attention h6{ font-size: 14px; font-weight: bold; margin: 5px 0 10px 4em; color: #a82c1d; } div.attention p,div.attention h1,div.attention li,div.attention a:not(.btn){ color: #a82c1d; } div.attention a:not(.btn) { text-decoration: underline; } div.attention ul{ margin-bottom: 10px; padding-left: 6em; } div.attention.wide { width: auto; margin-left: 0px; margin-bottom: 0px; } div.attention.wide p { font-size: 13px; text-align: center; } div.attention.wide h1 { text-align: center; margin-top: 0px; margin-bottom: 5px; } div.attention.wide.left p,div.attention.wide.left h1 { text-align: left; } div.attention.wide ul { width: 400px; margin-bottom: 10px; padding-left: 6em; font-size: 13px; }  div.calendar{ position: absolute; left: 0; top: 0; border: 1px solid #747474; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #fff; display: none; z-index: 10003; } table.calendar{ width: 100%; } table.calendar tr.cal_header{ background-color: #ccc; font-weight: bold; } table.calendar tr.cal_header th,table.calendar tr.cal_header td{ text-align: center; } table.calendar td div{ float: right; margin-right: 7px; display: inline; } table.calendar th.cal_month{ padding: 10px 0 5px 0; } table.calendar th.cal_control_left,table.calendar th.cal_control_right{ width: 14%; height: 15px; padding: 2px 0 2px 0; cursor: pointer; font-size: 16px; } table.calendar td.cal_weekday{ padding: 2px 0 2px 0; } table.calendar td.cal_day{ padding: 4px 10px 4px 0; width: 14.2857%; } table.calendar td.cal_disabled{ color: #ccc; } table.calendar td.cal_common{ cursor: pointer; } table.calendar td.cal_today{ cursor: pointer; font-weight: bold; } table.calendar td.cal_current{ background-color: #ddd; color: #000; border: 1px solid #000; } table.calendar td#calendar_totoday { height: 10px; padding: 5px 0px; border-top: 1px solid #747474; text-align: center; }  div#form_timedropdown{ width: 60px; height: 150px; overflow: auto; } div#form_timedropdown div.dropdownitem{ padding: 2px; cursor: pointer; }  form.small label,label.small{ width: 9em; } label.auto { width: auto; text-align: left; } div.popup_content form.small input:not([type=submit],[type=button]),div.popup_content form.small textarea { width: 240px; padding: 8px; } div.popup_content form.small select { width: 259px; } form.small fieldset.submit ol{ padding-left: 12em; margin-left: 0; } form.small fieldset fieldset legend span{ width: 11em; } form.small li.align_horizontal,form.small fieldset fieldset li{ padding-left: 12em; } form.small fieldset fieldset label{ width: auto; } form.small li.right_label input{ margin-left: 12em; width: auto; } form.small fieldset fieldset input{ margin-left: 0; width: auto; } form.small fieldset li.align_horizontal label { margin-left: 0; margin-right: .2em; } form.small fieldset li.align_horizontal label:before { margin-left: 0; margin-right: .2em; } form.small input.time{ width: 50px; } form.small fieldset ol,fieldset.small ol { margin-left: 0; }  form.inline_form { padding: 0px; border: none; }  form.packed fieldset fieldset{ padding-bottom: 0; } form.packed fieldset ol{ margin-top: 0; margin-bottom: 0; padding-left: 0; } form.packed fieldset fieldset ol{ margin-left: 0; margin-bottom: 0; } form.packed fieldset fieldset legend { height: 0px; } form.packed fieldset li{ padding-bottom: .5em; } form.packed fieldset fieldset li{ padding-bottom: 0.2em; } div.upload_image{ padding: 2px 2px 2px 2px; margin: 15px 15px 5px 203px; } div.upload_image img{ border-radius: 10px; } fieldset div.fileff_block{ font-size: 0px; width: 100px; height: 100px; border: 1px solid grey; } fieldset div.fileff_holder{ margin-left: 170px; } fieldset div.fileff_holder a{ font-size: 10px; } fieldset li.align_horizontal div.fileff_holder{ margin-left: 5px; margin-bottom: 5px; } fieldset div.fileff_block_selected{ border: 2px solid #6bb2d5; } fieldset div.fileff_block input{ margin: 5px; margin-top: 2px; } fieldset div.fileff_block label{ display: block; font-size: 14px; padding-top: 4px; width: 100%; height: 100% } .selectcheckboxes { margin-left: 170px; } .selectcheckboxes label { float: none; } .checkboxes_container { display: none; } .formtooltip { position: relative; display: inline-block; text-decoration: none; outline: none; } ul li .formtooltip { display: inline; } .formtooltip:hover { text-decoration: none; } .formtooltip i { font-size: 14px; } .formtooltip span { visibility: hidden; position: absolute; bottom: 20px; left: 75%; z-index: 999; width: 230px; margin-left: -27px; padding: 15px; border: 1px solid #EDEDED; background: #FAFAFA ; box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.15); font-size: 12px; } .formtooltip.text span { margin-left: -135px; } .formtooltip:hover span { visibility: visible; } fieldset li .formtooltip span{ top: auto; } .formtooltip span:before,.formtooltip span:after { content: ""; position: absolute; z-index: 1000; bottom: -7px; left: 50%; margin-left: -110px; border-top: 8px solid #FAFAFA; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 0; } .formtooltip_left span:before,.formtooltip_left span:after { margin-left: 80px; } .formtooltip_left span{ margin-left: -227px; } .formtooltip span:before { border-top-color: #ccc; bottom: -8px; } .formtooltip_formfield span{ visibility: visible; margin-left: -50px; margin-bottom: 8px; } .rowtooltip { position: relative; display: inline-block; text-decoration: none; outline: none; } .rowtooltip span { visibility: hidden; position: absolute; bottom: 5px; margin-left: 20px; z-index: 999; width: 430px; height: 24px; background: inherit; font-size: 12px; } .rowtooltip:hover span { visibility: visible; } div.rapporten form fieldset ol li label.required,div.rapporten form fieldset ol li span.required { background: none; } div.rapporten form fieldset ol li select,div.rapporten form fieldset ol input:not([type='checkbox']),form.uren_form fieldset ol li input:not([type='checkbox']) { width: 100px; margin: 0 11px 0 0; } div.rapporten form fieldset ol li { float: left; height: 25px; } div.rapporten form fieldset ol li label { display: block; text-align: left; width: auto; font-size: 12px; padding: 0px; margin-right: .3em; margin-top: .6em; } div.rapporten form fieldset li.right_label { position: relative; top: -3px; padding-left: 0px; } div.rapporten form fieldset li.right_label label { width: 7em; } div.rapporten form fieldset li.right_label input { display: inline; margin: 2px 0px 0px 0px; } div.rapporten form fieldset ol { width: 892px; padding: 7px 4px 0px 0px; margin: 0 0 0; } div.rapporten fieldset.submit,div.rapporten fieldset.submit ol { display: inline; padding: 0 0 0 6px; margin-left: 0; } div.rapporten form fieldset.submit{ margin: 10px 0 5px 0; } div.rapporten form fieldset.submit input { background: #f5f5f5; border: 1px solid #bbbbbb; color: #444444; font-weight: normal; text-shadow: none; filter: alpha(opacity=100); opacity: 1; } div.rapporten form fieldset.submit input:hover { background: #eee; } div.rapporten form fieldset ol fieldset { text-align:left; margin-top: 0px; margin-left: 2px; } div.rapporten form fieldset ol fieldset legend { padding: 0; border: none; float: left; width: auto; } div.rapporten form fieldset ol fieldset legend span{ text-align: left; font-size: 12px; font-weight: bold; width: auto; } div.rapporten form fieldset ol fieldset ol { border: 0; background: none; height: auto; width: auto; padding: 0; margin: auto; float: left; } div.rapporten form fieldset fieldset li{ padding-left: 0; } div.rapporten form fieldset ol fieldset li label { width: 20em; display: inline; font-weight: normal; } div#filterform{ display: none; } div.rapporten div#filterform,div.rapporten div#filterdescription { border: 1px solid #ededed; border-top: 0px; background: #fcfcfc; padding: 7px 5px 7px 30px; margin-bottom: 20px; } div.rapporten div#filterdescription { height: 22px; padding-top: 20px; } div.form_explanation_box { float: right; display: inline; margin-right: 20px; margin-top: -20px; width: 210px; padding: 20px 20px 20px 20px; border: 1px solid #EDEDED; background: #FAFAFA; } span.submit_loader i { position: relative; bottom: 5px; } div.upload_image_empty{ height: 0px; margin: 0px; padding: 0px; } div#filterform select#clienten_0,div#filterform select#clienten{ display: none; } .ac_input::-ms-clear { display: none; } div.clearable_input{ position: relative; display: inline-block; } input:disabled{ background-color: #EDEDED; } div.clearable_input_clear{ font-size: 12px; color: #474747; width: 10px; height: 16px; position: absolute; top: 5px; right: 5px; font-weight: bold; background-color: white; padding: 1px 4px; cursor: pointer; } .kvk_search_spinner.icon-spin { display: none; font-size: 18px; position: relative; right: 30px; } .kvk-autocomplete-results { background: #fff; border-radius: 4px; box-shadow: 0 0 4px 0 rgba(0,0,0,.25); display: flex; flex-direction: column; min-width: 425px; overflow: hidden; position: absolute; width: 500px; z-index: 10003; } .kvk-autocomplete-results-header { background: #fafafa; border-bottom: 1px solid #e9eaec; border-top-left-radius: 4px; border-top-right-radius: 4px; color: #7f8790; line-height: 30px; overflow: hidden; padding: 0 15px 0 6px; text-align: left; text-overflow: ellipsis; white-space: nowrap; } .kvk-autocomplete-results ul { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; max-height: 382px; overflow: auto; padding: 0; } .kvk-autocomplete-results ul li { border-bottom: 1px solid #e9eaec; cursor: pointer; font-size: 14px; font-weight: 400; line-height: 21px; overflow: hidden; padding: 6px 15px 6px 6px; text-align: left; text-overflow: ellipsis; white-space: nowrap; } .kvk-autocomplete-results-address { font-size: 12px; } .kvk_autosuggest_countries { float: right; } .kvk-autocomplete-datastring{ size: 10px; text-align: center; } #bedrijf_hidden{ display: none; } .has-item-view-hover{ background: #50A5CF; color: white; } @media only screen and (max-width: 1240px){ fieldset > ol{ margin-left: 15%; } legend span { top: 0px; } div#validation_errors_inner { margin-left: 335px; } } .icon-remove-sign { color: #dd4b39; } @media print{ div#header,div#submenu,div.uitleg,div#footer_login,div#message,div#footer_push{ display: none; } div.factuurkosten_link{ display: none; } div#content div.factuurkostendiv{ border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } div.scrolldiv{ border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } div.week_controls{ visibility: hidden; } a{ text-decoration: none; } .noprint { display: none; } div#resolution_container div#factuur{ border: 0 none #000; padding: 0; } }  @font-face { font-family: 'FontAwesome'; src: url(https://www.factuurdesk.nl/css/../fonts/fontawesome-webfont.eot?v=3.2.1); src: url(https://www.factuurdesk.nl/css/../fonts/fontawesome-webfont.eot?#iefix&v=3.2.1) format('embedded-opentype'),url(https://www.factuurdesk.nl/css/../fonts/fontawesome-webfont.woff?v=3.2.1) format('woff'),url(https://www.factuurdesk.nl/css/../fonts/fontawesome-webfont.ttf?v=3.2.1) format('truetype'),url(https://www.factuurdesk.nl/css/../fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1) format('svg'); font-weight: normal; font-style: normal; }  [class^="icon-"],[class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; *margin-right: .3em; } [class^="icon-"]:before,[class*=" icon-"]:before { text-decoration: inherit; display: inline-block; speak: none; }  .icon-large:before { vertical-align: -10%; font-size: 1.3333333333333333em; }  a [class^="icon-"],a [class*=" icon-"] { display: inline; }  [class^="icon-"].icon-fixed-width,[class*=" icon-"].icon-fixed-width { display: inline-block; width: 1.1428571428571428em; text-align: right; padding-right: 0.2857142857142857em; } [class^="icon-"].icon-fixed-width.icon-large,[class*=" icon-"].icon-fixed-width.icon-large { width: 1.4285714285714286em; } .icons-ul { margin-left: 2.142857142857143em; list-style-type: none; } .icons-ul > li { position: relative; } .icons-ul .icon-li { position: absolute; left: -2.142857142857143em; width: 2.142857142857143em; text-align: center; line-height: inherit; } [class^="icon-"].hide,[class*=" icon-"].hide { display: none; } .icon-muted { color: #eeeeee; } .icon-light { color: #ffffff; } .icon-dark { color: #333333; } .icon-border { border: solid 1px #eeeeee; padding: .2em .25em .15em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .icon-2x { font-size: 2em; } .icon-2x.icon-border { border-width: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .icon-3x { font-size: 3em; } .icon-3x.icon-border { border-width: 3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .icon-4x { font-size: 4em; } .icon-4x.icon-border { border-width: 4px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .icon-5x { font-size: 5em; } .icon-5x.icon-border { border-width: 5px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .pull-right { float: right; } .pull-left { float: left; } [class^="icon-"].pull-left,[class*=" icon-"].pull-left { margin-right: .3em; } [class^="icon-"].pull-right,[class*=" icon-"].pull-right { margin-left: .3em; }   [class^="icon-"],[class*=" icon-"] { display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; }  .icon-white,.nav-pills > .active > a > [class^="icon-"],.nav-pills > .active > a > [class*=" icon-"],.nav-list > .active > a > [class^="icon-"],.nav-list > .active > a > [class*=" icon-"],.navbar-inverse .nav > .active > a > [class^="icon-"],.navbar-inverse .nav > .active > a > [class*=" icon-"],.dropdown-menu > li > a:hover > [class^="icon-"],.dropdown-menu > li > a:hover > [class*=" icon-"],.dropdown-menu > .active > a > [class^="icon-"],.dropdown-menu > .active > a > [class*=" icon-"],.dropdown-submenu:hover > a > [class^="icon-"],.dropdown-submenu:hover > a > [class*=" icon-"] { background-image: none; }  .btn [class^="icon-"].icon-large,.nav [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large,.nav [class*=" icon-"].icon-large { line-height: .9em; } .btn [class^="icon-"].icon-spin,.nav [class^="icon-"].icon-spin,.btn [class*=" icon-"].icon-spin,.nav [class*=" icon-"].icon-spin { display: inline-block; } .nav-tabs [class^="icon-"],.nav-pills [class^="icon-"],.nav-tabs [class*=" icon-"],.nav-pills [class*=" icon-"],.nav-tabs [class^="icon-"].icon-large,.nav-pills [class^="icon-"].icon-large,.nav-tabs [class*=" icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large { line-height: .9em; } .btn [class^="icon-"].pull-left.icon-2x,.btn [class*=" icon-"].pull-left.icon-2x,.btn [class^="icon-"].pull-right.icon-2x,.btn [class*=" icon-"].pull-right.icon-2x { margin-top: .18em; } .btn [class^="icon-"].icon-spin.icon-large,.btn [class*=" icon-"].icon-spin.icon-large { line-height: .8em; } .btn.btn-small [class^="icon-"].pull-left.icon-2x,.btn.btn-small [class*=" icon-"].pull-left.icon-2x,.btn.btn-small [class^="icon-"].pull-right.icon-2x,.btn.btn-small [class*=" icon-"].pull-right.icon-2x { margin-top: .25em; } .btn.btn-large [class^="icon-"],.btn.btn-large [class*=" icon-"] { margin-top: 0; } .btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x,.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x { margin-top: .05em; } .btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x { margin-right: .2em; } .btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x { margin-left: .2em; }  .nav-list [class^="icon-"],.nav-list [class*=" icon-"] { line-height: inherit; }   .icon-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: -35%; } .icon-stack [class^="icon-"],.icon-stack [class*=" icon-"] { display: block; text-align: center; position: absolute; width: 100%; height: 100%; font-size: 1em; line-height: inherit; *line-height: 2em; } .icon-stack .icon-stack-base { font-size: 2em; *line-height: 1em; }  .icon-spin { display: inline-block; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; }  a .icon-stack,a .icon-spin { display: inline-block; text-decoration: none; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } } @-ms-keyframes spin { 0% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(359deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } }  .icon-rotate-90:before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); } .icon-rotate-180:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); } .icon-rotate-270:before { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } .icon-flip-horizontal:before { -webkit-transform: scale(-1,1); -moz-transform: scale(-1,1); -ms-transform: scale(-1,1); -o-transform: scale(-1,1); transform: scale(-1,1); } .icon-flip-vertical:before { -webkit-transform: scale(1,-1); -moz-transform: scale(1,-1); -ms-transform: scale(1,-1); -o-transform: scale(1,-1); transform: scale(1,-1); }  a .icon-rotate-90:before,a .icon-rotate-180:before,a .icon-rotate-270:before,a .icon-flip-horizontal:before,a .icon-flip-vertical:before { display: inline-block; }  .icon-glass:before { content: "\f000"; } .icon-music:before { content: "\f001"; } .icon-search:before { content: "\f002"; } .icon-envelope-alt:before { content: "\f003"; } .icon-heart:before { content: "\f004"; } .icon-star:before { content: "\f005"; } .icon-star-empty:before { content: "\f006"; } .icon-user:before { content: "\f007"; } .icon-film:before { content: "\f008"; } .icon-th-large:before { content: "\f009"; } .icon-th:before { content: "\f00a"; } .icon-th-list:before { content: "\f00b"; } .icon-ok:before { content: "\f00c"; } .icon-remove:before { content: "\f00d"; } .icon-zoom-in:before { content: "\f00e"; } .icon-zoom-out:before { content: "\f010"; } .icon-power-off:before,.icon-off:before { content: "\f011"; } .icon-signal:before { content: "\f012"; } .icon-gear:before,.icon-cog:before { content: "\f013"; } .icon-trash:before { content: "\f014"; } .icon-home:before { content: "\f015"; } .icon-file-alt:before { content: "\f016"; } .icon-time:before { content: "\f017"; } .icon-road:before { content: "\f018"; } .icon-download-alt:before { content: "\f019"; } .icon-download:before { content: "\f01a"; } .icon-upload:before { content: "\f01b"; } .icon-inbox:before { content: "\f01c"; } .icon-play-circle:before { content: "\f01d"; } .icon-rotate-right:before,.icon-repeat:before { content: "\f01e"; } .icon-refresh:before { content: "\f021"; } .icon-list-alt:before { content: "\f022"; } .icon-lock:before { content: "\f023"; } .icon-flag:before { content: "\f024"; } .icon-headphones:before { content: "\f025"; } .icon-volume-off:before { content: "\f026"; } .icon-volume-down:before { content: "\f027"; } .icon-volume-up:before { content: "\f028"; } .icon-qrcode:before { content: "\f029"; } .icon-barcode:before { content: "\f02a"; } .icon-tag:before { content: "\f02b"; } .icon-tags:before { content: "\f02c"; } .icon-book:before { content: "\f02d"; } .icon-bookmark:before { content: "\f02e"; } .icon-print:before { content: "\f02f"; } .icon-camera:before { content: "\f030"; } .icon-font:before { content: "\f031"; } .icon-bold:before { content: "\f032"; } .icon-italic:before { content: "\f033"; } .icon-text-height:before { content: "\f034"; } .icon-text-width:before { content: "\f035"; } .icon-align-left:before { content: "\f036"; } .icon-align-center:before { content: "\f037"; } .icon-align-right:before { content: "\f038"; } .icon-align-justify:before { content: "\f039"; } .icon-list:before { content: "\f03a"; } .icon-indent-left:before { content: "\f03b"; } .icon-indent-right:before { content: "\f03c"; } .icon-facetime-video:before { content: "\f03d"; } .icon-picture:before { content: "\f03e"; } .icon-pencil:before { content: "\f040"; } .icon-map-marker:before { content: "\f041"; } .icon-adjust:before { content: "\f042"; } .icon-tint:before { content: "\f043"; } .icon-edit:before { content: "\f044"; } .icon-share:before { content: "\f045"; } .icon-check:before { content: "\f046"; } .icon-move:before { content: "\f047"; } .icon-step-backward:before { content: "\f048"; } .icon-fast-backward:before { content: "\f049"; } .icon-backward:before { content: "\f04a"; } .icon-play:before { content: "\f04b"; } .icon-pause:before { content: "\f04c"; } .icon-stop:before { content: "\f04d"; } .icon-forward:before { content: "\f04e"; } .icon-fast-forward:before { content: "\f050"; } .icon-step-forward:before { content: "\f051"; } .icon-eject:before { content: "\f052"; } .icon-chevron-left:before { content: "\f053"; } .icon-chevron-right:before { content: "\f054"; } .icon-plus-sign:before { content: "\f055"; } .icon-minus-sign:before { content: "\f056"; } .icon-remove-sign:before { content: "\f057"; } .icon-ok-sign:before { content: "\f058"; } .icon-question-sign:before { content: "\f059"; } .icon-info-sign:before { content: "\f05a"; } .icon-screenshot:before { content: "\f05b"; } .icon-remove-circle:before { content: "\f05c"; } .icon-ok-circle:before { content: "\f05d"; } .icon-ban-circle:before { content: "\f05e"; } .icon-arrow-left:before { content: "\f060"; } .icon-arrow-right:before { content: "\f061"; } .icon-arrow-up:before { content: "\f062"; } .icon-arrow-down:before { content: "\f063"; } .icon-mail-forward:before,.icon-share-alt:before { content: "\f064"; } .icon-resize-full:before { content: "\f065"; } .icon-resize-small:before { content: "\f066"; } .icon-plus:before { content: "\f067"; } .icon-minus:before { content: "\f068"; } .icon-asterisk:before { content: "\f069"; } .icon-exclamation-sign:before { content: "\f06a"; } .icon-gift:before { content: "\f06b"; } .icon-leaf:before { content: "\f06c"; } .icon-fire:before { content: "\f06d"; } .icon-eye-open:before { content: "\f06e"; } .icon-eye-close:before { content: "\f070"; } .icon-warning-sign:before { content: "\f071"; } .icon-plane:before { content: "\f072"; } .icon-calendar:before { content: "\f073"; } .icon-random:before { content: "\f074"; } .icon-comment:before { content: "\f075"; } .icon-magnet:before { content: "\f076"; } .icon-chevron-up:before { content: "\f077"; } .icon-chevron-down:before { content: "\f078"; } .icon-retweet:before { content: "\f079"; } .icon-shopping-cart:before { content: "\f07a"; } .icon-folder-close:before { content: "\f07b"; } .icon-folder-open:before { content: "\f07c"; } .icon-resize-vertical:before { content: "\f07d"; } .icon-resize-horizontal:before { content: "\f07e"; } .icon-bar-chart:before { content: "\f080"; } .icon-twitter-sign:before { content: "\f081"; } .icon-facebook-sign:before { content: "\f082"; } .icon-camera-retro:before { content: "\f083"; } .icon-key:before { content: "\f084"; } .icon-gears:before,.icon-cogs:before { content: "\f085"; } .icon-comments:before { content: "\f086"; } .icon-thumbs-up-alt:before { content: "\f087"; } .icon-thumbs-down-alt:before { content: "\f088"; } .icon-star-half:before { content: "\f089"; } .icon-heart-empty:before { content: "\f08a"; } .icon-signout:before { content: "\f08b"; } .icon-linkedin-sign:before { content: "\f08c"; } .icon-pushpin:before { content: "\f08d"; } .icon-external-link:before { content: "\f08e"; } .icon-signin:before { content: "\f090"; } .icon-trophy:before { content: "\f091"; } .icon-github-sign:before { content: "\f092"; } .icon-upload-alt:before { content: "\f093"; } .icon-lemon:before { content: "\f094"; } .icon-phone:before { content: "\f095"; } .icon-unchecked:before,.icon-check-empty:before { content: "\f096"; } .icon-bookmark-empty:before { content: "\f097"; } .icon-phone-sign:before { content: "\f098"; } .icon-twitter:before { content: "\f099"; } .icon-facebook:before { content: "\f09a"; } .icon-github:before { content: "\f09b"; } .icon-unlock:before { content: "\f09c"; } .icon-credit-card:before { content: "\f09d"; } .icon-rss:before { content: "\f09e"; } .icon-hdd:before { content: "\f0a0"; } .icon-bullhorn:before { content: "\f0a1"; } .icon-bell:before { content: "\f0a2"; } .icon-certificate:before { content: "\f0a3"; } .icon-hand-right:before { content: "\f0a4"; } .icon-hand-left:before { content: "\f0a5"; } .icon-hand-up:before { content: "\f0a6"; } .icon-hand-down:before { content: "\f0a7"; } .icon-circle-arrow-left:before { content: "\f0a8"; } .icon-circle-arrow-right:before { content: "\f0a9"; } .icon-circle-arrow-up:before { content: "\f0aa"; } .icon-circle-arrow-down:before { content: "\f0ab"; } .icon-globe:before { content: "\f0ac"; } .icon-wrench:before { content: "\f0ad"; } .icon-tasks:before { content: "\f0ae"; } .icon-filter:before { content: "\f0b0"; } .icon-briefcase:before { content: "\f0b1"; } .icon-fullscreen:before { content: "\f0b2"; } .icon-group:before { content: "\f0c0"; } .icon-link:before { content: "\f0c1"; } .icon-cloud:before { content: "\f0c2"; } .icon-beaker:before { content: "\f0c3"; } .icon-cut:before { content: "\f0c4"; } .icon-copy:before { content: "\f0c5"; } .icon-paperclip:before,.icon-paper-clip:before { content: "\f0c6"; } .icon-save:before { content: "\f0c7"; } .icon-sign-blank:before { content: "\f0c8"; } .icon-reorder:before { content: "\f0c9"; } .icon-list-ul:before { content: "\f0ca"; } .icon-list-ol:before { content: "\f0cb"; } .icon-strikethrough:before { content: "\f0cc"; } .icon-underline:before { content: "\f0cd"; } .icon-table:before { content: "\f0ce"; } .icon-magic:before { content: "\f0d0"; } .icon-truck:before { content: "\f0d1"; } .icon-pinterest:before { content: "\f0d2"; } .icon-pinterest-sign:before { content: "\f0d3"; } .icon-google-plus-sign:before { content: "\f0d4"; } .icon-google-plus:before { content: "\f0d5"; } .icon-money:before { content: "\f0d6"; } .icon-caret-down:before { content: "\f0d7"; } .icon-caret-up:before { content: "\f0d8"; } .icon-caret-left:before { content: "\f0d9"; } .icon-caret-right:before { content: "\f0da"; } .icon-columns:before { content: "\f0db"; } .icon-sort:before { content: "\f0dc"; } .icon-sort-down:before { content: "\f0dd"; } .icon-sort-up:before { content: "\f0de"; } .icon-envelope:before { content: "\f0e0"; } .icon-linkedin:before { content: "\f0e1"; } .icon-rotate-left:before,.icon-undo:before { content: "\f0e2"; } .icon-legal:before { content: "\f0e3"; } .icon-dashboard:before { content: "\f0e4"; } .icon-comment-alt:before { content: "\f0e5"; } .icon-comments-alt:before { content: "\f0e6"; } .icon-bolt:before { content: "\f0e7"; } .icon-sitemap:before { content: "\f0e8"; } .icon-umbrella:before { content: "\f0e9"; } .icon-paste:before { content: "\f0ea"; } .icon-lightbulb:before { content: "\f0eb"; } .icon-exchange:before { content: "\f0ec"; } .icon-cloud-download:before { content: "\f0ed"; } .icon-cloud-upload:before { content: "\f0ee"; } .icon-user-md:before { content: "\f0f0"; } .icon-stethoscope:before { content: "\f0f1"; } .icon-suitcase:before { content: "\f0f2"; } .icon-bell-alt:before { content: "\f0f3"; } .icon-coffee:before { content: "\f0f4"; } .icon-food:before { content: "\f0f5"; } .icon-file-text-alt:before { content: "\f0f6"; } .icon-building:before { content: "\f0f7"; } .icon-hospital:before { content: "\f0f8"; } .icon-ambulance:before { content: "\f0f9"; } .icon-medkit:before { content: "\f0fa"; } .icon-fighter-jet:before { content: "\f0fb"; } .icon-beer:before { content: "\f0fc"; } .icon-h-sign:before { content: "\f0fd"; } .icon-plus-sign-alt:before { content: "\f0fe"; } .icon-double-angle-left:before { content: "\f100"; } .icon-double-angle-right:before { content: "\f101"; } .icon-double-angle-up:before { content: "\f102"; } .icon-double-angle-down:before { content: "\f103"; } .icon-angle-left:before { content: "\f104"; } .icon-angle-right:before { content: "\f105"; } .icon-angle-up:before { content: "\f106"; } .icon-angle-down:before { content: "\f107"; } .icon-desktop:before { content: "\f108"; } .icon-laptop:before { content: "\f109"; } .icon-tablet:before { content: "\f10a"; } .icon-mobile-phone:before { content: "\f10b"; } .icon-circle-blank:before { content: "\f10c"; } .icon-quote-left:before { content: "\f10d"; } .icon-quote-right:before { content: "\f10e"; } .icon-spinner:before { content: "\f110"; } .icon-circle:before { content: "\f111"; } .icon-mail-reply:before,.icon-reply:before { content: "\f112"; } .icon-github-alt:before { content: "\f113"; } .icon-folder-close-alt:before { content: "\f114"; } .icon-folder-open-alt:before { content: "\f115"; } .icon-expand-alt:before { content: "\f116"; } .icon-collapse-alt:before { content: "\f117"; } .icon-smile:before { content: "\f118"; } .icon-frown:before { content: "\f119"; } .icon-meh:before { content: "\f11a"; } .icon-gamepad:before { content: "\f11b"; } .icon-keyboard:before { content: "\f11c"; } .icon-flag-alt:before { content: "\f11d"; } .icon-flag-checkered:before { content: "\f11e"; } .icon-terminal:before { content: "\f120"; } .icon-code:before { content: "\f121"; } .icon-reply-all:before { content: "\f122"; } .icon-mail-reply-all:before { content: "\f122"; } .icon-star-half-full:before,.icon-star-half-empty:before { content: "\f123"; } .icon-location-arrow:before { content: "\f124"; } .icon-crop:before { content: "\f125"; } .icon-code-fork:before { content: "\f126"; } .icon-unlink:before { content: "\f127"; } .icon-question:before { content: "\f128"; } .icon-info:before { content: "\f129"; } .icon-exclamation:before { content: "\f12a"; } .icon-superscript:before { content: "\f12b"; } .icon-subscript:before { content: "\f12c"; } .icon-eraser:before { content: "\f12d"; } .icon-puzzle-piece:before { content: "\f12e"; } .icon-microphone:before { content: "\f130"; } .icon-microphone-off:before { content: "\f131"; } .icon-shield:before { content: "\f132"; } .icon-calendar-empty:before { content: "\f133"; } .icon-fire-extinguisher:before { content: "\f134"; } .icon-rocket:before { content: "\f135"; } .icon-maxcdn:before { content: "\f136"; } .icon-chevron-sign-left:before { content: "\f137"; } .icon-chevron-sign-right:before { content: "\f138"; } .icon-chevron-sign-up:before { content: "\f139"; } .icon-chevron-sign-down:before { content: "\f13a"; } .icon-html5:before { content: "\f13b"; } .icon-css3:before { content: "\f13c"; } .icon-anchor:before { content: "\f13d"; } .icon-unlock-alt:before { content: "\f13e"; } .icon-bullseye:before { content: "\f140"; } .icon-ellipsis-horizontal:before { content: "\f141"; } .icon-ellipsis-vertical:before { content: "\f142"; } .icon-rss-sign:before { content: "\f143"; } .icon-play-sign:before { content: "\f144"; } .icon-ticket:before { content: "\f145"; } .icon-minus-sign-alt:before { content: "\f146"; } .icon-check-minus:before { content: "\f147"; } .icon-level-up:before { content: "\f148"; } .icon-level-down:before { content: "\f149"; } .icon-check-sign:before { content: "\f14a"; } .icon-edit-sign:before { content: "\f14b"; } .icon-external-link-sign:before { content: "\f14c"; } .icon-share-sign:before { content: "\f14d"; } .icon-compass:before { content: "\f14e"; } .icon-collapse:before { content: "\f150"; } .icon-collapse-top:before { content: "\f151"; } .icon-expand:before { content: "\f152"; } .icon-euro:before,.icon-eur:before { content: "\f153"; } .icon-gbp:before { content: "\f154"; } .icon-dollar:before,.icon-usd:before { content: "\f155"; } .icon-rupee:before,.icon-inr:before { content: "\f156"; } .icon-yen:before,.icon-jpy:before { content: "\f157"; } .icon-renminbi:before,.icon-cny:before { content: "\f158"; } .icon-won:before,.icon-krw:before { content: "\f159"; } .icon-bitcoin:before,.icon-btc:before { content: "\f15a"; } .icon-file:before { content: "\f15b"; } .icon-file-text:before { content: "\f15c"; } .icon-sort-by-alphabet:before { content: "\f15d"; } .icon-sort-by-alphabet-alt:before { content: "\f15e"; } .icon-sort-by-attributes:before { content: "\f160"; } .icon-sort-by-attributes-alt:before { content: "\f161"; } .icon-sort-by-order:before { content: "\f162"; } .icon-sort-by-order-alt:before { content: "\f163"; } .icon-thumbs-up:before { content: "\f164"; } .icon-thumbs-down:before { content: "\f165"; } .icon-youtube-sign:before { content: "\f166"; } .icon-youtube:before { content: "\f167"; } .icon-xing:before { content: "\f168"; } .icon-xing-sign:before { content: "\f169"; } .icon-youtube-play:before { content: "\f16a"; } .icon-dropbox:before { content: "\f16b"; } .icon-stackexchange:before { content: "\f16c"; } .icon-instagram:before { content: "\f16d"; } .icon-flickr:before { content: "\f16e"; } .icon-adn:before { content: "\f170"; } .icon-bitbucket:before { content: "\f171"; } .icon-bitbucket-sign:before { content: "\f172"; } .icon-tumblr:before { content: "\f173"; } .icon-tumblr-sign:before { content: "\f174"; } .icon-long-arrow-down:before { content: "\f175"; } .icon-long-arrow-up:before { content: "\f176"; } .icon-long-arrow-left:before { content: "\f177"; } .icon-long-arrow-right:before { content: "\f178"; } .icon-apple:before { content: "\f179"; font-size: 24px; } .icon-windows:before { content: "\f17a"; } .icon-android:before { content: "\f17b"; font-size: 24px; } .icon-linux:before { content: "\f17c"; } .icon-dribbble:before { content: "\f17d"; } .icon-skype:before { content: "\f17e"; } .icon-foursquare:before { content: "\f180"; } .icon-trello:before { content: "\f181"; } .icon-female:before { content: "\f182"; } .icon-male:before { content: "\f183"; } .icon-gittip:before { content: "\f184"; } .icon-sun:before { content: "\f185"; } .icon-moon:before { content: "\f186"; } .icon-archive:before { content: "\f187"; } .icon-bug:before { content: "\f188"; } .icon-vk:before { content: "\f189"; } .icon-weibo:before { content: "\f18a"; } .icon-renren:before { content: "\f18b"; }