/*! * Bootstrap Responsive v2.3.2 * * Copyright 2013 Twitter, Inc * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world by @mdo and @fat. */ .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @-ms-viewport { width: device-width; } .hidden { display: none; visibility: hidden; } .visible-phone { display: none !important; } .visible-tablet { display: none !important; } .hidden-desktop { display: none !important; } .visible-desktop { display: inherit !important; } /*@media (min-width: 768px) and (max-width: 979px) { .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important ; } .visible-tablet { display: inherit !important; } .hidden-tablet { display: none !important; } } @media (max-width: 767px) { .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } .visible-phone { display: inherit !important; } .hidden-phone { display: none !important; } }*/ .visible-print { display: none !important; } @media print { .visible-print { display: inherit !important; } .hidden-print { display: none !important; } } @media (min-width: 1200px) { .row { margin-left: -5px; *zoom: 1; } .row:before, .row:after { display: table; content: ""; line-height: 0; } .row:after { clear: both; } [class*="span"] { float: left; min-height: 1px; margin-left: 5px; } .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 895px; } .span12 { width: 895px; } .span11 { width: 820px; } .span10 { width: 745px; } .span9 { width: 670px; } .span8 { width: 595px; } .span7 { width: 520px; } .span6 { width: 445px; } .span5 { width: 370px; } .span4 { width: 295px; } .span3 { width: 220px; } .span2 { width: 145px; } .span1 { width: 70px; } .offset12 { margin-left: 905px; } .offset11 { margin-left: 830px; } .offset10 { margin-left: 755px; } .offset9 { margin-left: 680px; } .offset8 { margin-left: 605px; } .offset7 { margin-left: 530px; } .offset6 { margin-left: 455px; } .offset5 { margin-left: 380px; } .offset4 { margin-left: 305px; } .offset3 { margin-left: 230px; } .offset2 { margin-left: 155px; } .offset1 { margin-left: 80px; } .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; line-height: 0; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 0.5586592178770949%; *margin-left: 0.4941430888448369%; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 0.5586592178770949%; } .row-fluid .span12 { width: 100.00000000000001%; *width: 99.93548387096776%; } .row-fluid .span11 { width: 91.62011173184356%; *width: 91.55559560281131%; } .row-fluid .span10 { width: 83.24022346368714%; *width: 83.17570733465489%; } .row-fluid .span9 { width: 74.86033519553072%; *width: 74.79581906649847%; } .row-fluid .span8 { width: 66.4804469273743%; *width: 66.41593079834205%; } .row-fluid .span7 { width: 58.10055865921788%; *width: 58.036042530185625%; } .row-fluid .span6 { width: 49.72067039106146%; *width: 49.656154262029204%; } .row-fluid .span5 { width: 41.340782122905026%; *width: 41.27626599387277%; } .row-fluid .span4 { width: 32.960893854748605%; *width: 32.89637772571635%; } .row-fluid .span3 { width: 24.58100558659218%; *width: 24.51648945755992%; } .row-fluid .span2 { width: 16.201117318435756%; *width: 16.136601189403496%; } .row-fluid .span1 { width: 7.82122905027933%; *width: 7.756712921247072%; } .row-fluid .offset12 { margin-left: 101.1173184357542%; *margin-left: 100.98828617768969%; } .row-fluid .offset12:first-child { margin-left: 100.5586592178771%; *margin-left: 100.4296269598126%; } .row-fluid .offset11 { margin-left: 92.73743016759775%; *margin-left: 92.60839790953324%; } .row-fluid .offset11:first-child { margin-left: 92.17877094972066%; *margin-left: 92.04973869165615%; } .row-fluid .offset10 { margin-left: 84.35754189944133%; *margin-left: 84.22850964137682%; } .row-fluid .offset10:first-child { margin-left: 83.79888268156424%; *margin-left: 83.66985042349972%; } .row-fluid .offset9 { margin-left: 75.97765363128491%; *margin-left: 75.8486213732204%; } .row-fluid .offset9:first-child { margin-left: 75.41899441340782%; *margin-left: 75.2899621553433%; } .row-fluid .offset8 { margin-left: 67.59776536312849%; *margin-left: 67.46873310506398%; } .row-fluid .offset8:first-child { margin-left: 67.0391061452514%; *margin-left: 66.91007388718688%; } .row-fluid .offset7 { margin-left: 59.217877094972074%; *margin-left: 59.08884483690756%; } .row-fluid .offset7:first-child { margin-left: 58.659217877094974%; *margin-left: 58.53018561903046%; } .row-fluid .offset6 { margin-left: 50.83798882681565%; *margin-left: 50.70895656875114%; } .row-fluid .offset6:first-child { margin-left: 50.27932960893855%; *margin-left: 50.15029735087404%; } .row-fluid .offset5 { margin-left: 42.45810055865922%; *margin-left: 42.329068300594706%; } .row-fluid .offset5:first-child { margin-left: 41.89944134078212%; *margin-left: 41.770409082717606%; } .row-fluid .offset4 { margin-left: 34.0782122905028%; *margin-left: 33.949180032438285%; } .row-fluid .offset4:first-child { margin-left: 33.5195530726257%; *margin-left: 33.390520814561185%; } .row-fluid .offset3 { margin-left: 25.69832402234637%; *margin-left: 25.56929176428185%; } .row-fluid .offset3:first-child { margin-left: 25.139664804469277%; *margin-left: 25.010632546404757%; } .row-fluid .offset2 { margin-left: 17.318435754189945%; *margin-left: 17.189403496125426%; } .row-fluid .offset2:first-child { margin-left: 16.759776536312852%; *margin-left: 16.630744278248333%; } .row-fluid .offset1 { margin-left: 8.938547486033519%; *margin-left: 8.809515227969003%; } .row-fluid .offset1:first-child { margin-left: 8.379888268156424%; *margin-left: 8.250856010091908%; } input, textarea, .uneditable-input { margin-left: 0; } .controls-row [class*="span"] + [class*="span"] { margin-left: 5px; } input.span12, textarea.span12, .uneditable-input.span12 { width: 881px; } input.span11, textarea.span11, .uneditable-input.span11 { width: 806px; } input.span10, textarea.span10, .uneditable-input.span10 { width: 731px; } input.span9, textarea.span9, .uneditable-input.span9 { width: 656px; } input.span8, textarea.span8, .uneditable-input.span8 { width: 581px; } input.span7, textarea.span7, .uneditable-input.span7 { width: 506px; } input.span6, textarea.span6, .uneditable-input.span6 { width: 431px; } input.span5, textarea.span5, .uneditable-input.span5 { width: 356px; } input.span4, textarea.span4, .uneditable-input.span4 { width: 281px; } input.span3, textarea.span3, .uneditable-input.span3 { width: 206px; } input.span2, textarea.span2, .uneditable-input.span2 { width: 131px; } input.span1, textarea.span1, .uneditable-input.span1 { width: 56px; } .thumbnails { margin-left: -5px; } .thumbnails > li { margin-left: 5px; } .row-fluid .thumbnails { margin-left: 0; } } /*@media (min-width: 768px) and (max-width: 979px) { .row { margin-left: -5px; *zoom: 1; } .row:before, .row:after { display: table; content: ""; line-height: 0; } .row:after { clear: both; } [class*="span"] { float: left; min-height: 1px; margin-left: 5px; } .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 559px; } .span12 { width: 559px; } .span11 { width: 512px; } .span10 { width: 465px; } .span9 { width: 418px; } .span8 { width: 371px; } .span7 { width: 324px; } .span6 { width: 277px; } .span5 { width: 230px; } .span4 { width: 183px; } .span3 { width: 136px; } .span2 { width: 89px; } .span1 { width: 42px; } .offset12 { margin-left: 569px; } .offset11 { margin-left: 522px; } .offset10 { margin-left: 475px; } .offset9 { margin-left: 428px; } .offset8 { margin-left: 381px; } .offset7 { margin-left: 334px; } .offset6 { margin-left: 287px; } .offset5 { margin-left: 240px; } .offset4 { margin-left: 193px; } .offset3 { margin-left: 146px; } .offset2 { margin-left: 99px; } .offset1 { margin-left: 52px; } .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; line-height: 0; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 0.8944543828264758%; *margin-left: 0.8299382537942177%; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 0.8944543828264758%; } .row-fluid .span12 { width: 100.00000000000001%; *width: 99.93548387096776%; } .row-fluid .span11 { width: 91.59212880143113%; *width: 91.52761267239887%; } .row-fluid .span10 { width: 83.18425760286226%; *width: 83.11974147383%; } .row-fluid .span9 { width: 74.77638640429339%; *width: 74.71187027526113%; } .row-fluid .span8 { width: 66.3685152057245%; *width: 66.30399907669225%; } .row-fluid .span7 { width: 57.960644007155636%; *width: 57.89612787812338%; } .row-fluid .span6 { width: 49.55277280858677%; *width: 49.48825667955451%; } .row-fluid .span5 { width: 41.14490161001789%; *width: 41.08038548098563%; } .row-fluid .span4 { width: 32.73703041144902%; *width: 32.67251428241676%; } .row-fluid .span3 { width: 24.329159212880146%; *width: 24.264643083847886%; } .row-fluid .span2 { width: 15.921288014311271%; *width: 15.856771885279013%; } .row-fluid .span1 { width: 7.5134168157423975%; *width: 7.4489006867101395%; } .row-fluid .offset12 { margin-left: 101.78890876565296%; *margin-left: 101.65987650758845%; } .row-fluid .offset12:first-child { margin-left: 100.8944543828265%; *margin-left: 100.76542212476198%; } .row-fluid .offset11 { margin-left: 93.38103756708408%; *margin-left: 93.25200530901957%; } .row-fluid .offset11:first-child { margin-left: 92.48658318425761%; *margin-left: 92.3575509261931%; } .row-fluid .offset10 { margin-left: 84.97316636851521%; *margin-left: 84.8441341104507%; } .row-fluid .offset10:first-child { margin-left: 84.07871198568874%; *margin-left: 83.94967972762423%; } .row-fluid .offset9 { margin-left: 76.56529516994634%; *margin-left: 76.43626291188183%; } .row-fluid .offset9:first-child { margin-left: 75.67084078711987%; *margin-left: 75.54180852905536%; } .row-fluid .offset8 { margin-left: 68.15742397137745%; *margin-left: 68.02839171331294%; } .row-fluid .offset8:first-child { margin-left: 67.26296958855099%; *margin-left: 67.13393733048648%; } .row-fluid .offset7 { margin-left: 59.749552772808585%; *margin-left: 59.62052051474407%; } .row-fluid .offset7:first-child { margin-left: 58.85509838998211%; *margin-left: 58.7260661319176%; } .row-fluid .offset6 { margin-left: 51.341681574239715%; *margin-left: 51.2126493161752%; } .row-fluid .offset6:first-child { margin-left: 50.44722719141324%; *margin-left: 50.31819493334873%; } .row-fluid .offset5 { margin-left: 42.93381037567084%; *margin-left: 42.804778117606325%; } .row-fluid .offset5:first-child { margin-left: 42.039355992844364%; *margin-left: 41.91032373477985%; } .row-fluid .offset4 { margin-left: 34.52593917710197%; *margin-left: 34.396906919037455%; } .row-fluid .offset4:first-child { margin-left: 33.631484794275494%; *margin-left: 33.50245253621098%; } .row-fluid .offset3 { margin-left: 26.118067978533098%; *margin-left: 25.98903572046858%; } .row-fluid .offset3:first-child { margin-left: 25.22361359570662%; *margin-left: 25.0945813376421%; } .row-fluid .offset2 { margin-left: 17.71019677996422%; *margin-left: 17.581164521899705%; } .row-fluid .offset2:first-child { margin-left: 16.815742397137747%; *margin-left: 16.686710139073227%; } .row-fluid .offset1 { margin-left: 9.30232558139535%; *margin-left: 9.173293323330833%; } .row-fluid .offset1:first-child { margin-left: 8.407871198568873%; *margin-left: 8.278838940504357%; } input, textarea, .uneditable-input { margin-left: 0; } .controls-row [class*="span"] + [class*="span"] { margin-left: 5px; } input.span12, textarea.span12, .uneditable-input.span12 { width: 545px; } input.span11, textarea.span11, .uneditable-input.span11 { width: 498px; } input.span10, textarea.span10, .uneditable-input.span10 { width: 451px; } input.span9, textarea.span9, .uneditable-input.span9 { width: 404px; } input.span8, textarea.span8, .uneditable-input.span8 { width: 357px; } input.span7, textarea.span7, .uneditable-input.span7 { width: 310px; } input.span6, textarea.span6, .uneditable-input.span6 { width: 263px; } input.span5, textarea.span5, .uneditable-input.span5 { width: 216px; } input.span4, textarea.span4, .uneditable-input.span4 { width: 169px; } input.span3, textarea.span3, .uneditable-input.span3 { width: 122px; } input.span2, textarea.span2, .uneditable-input.span2 { width: 75px; } input.span1, textarea.span1, .uneditable-input.span1 { width: 28px; } } @media (max-width: 767px) { body { padding-left: 20px; padding-right: 20px; } .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top { margin-left: -20px; margin-right: -20px; } .container-fluid { padding: 0; } .dl-horizontal dt { float: none; clear: none; width: auto; text-align: left; } .dl-horizontal dd { margin-left: 0; } .container { width: auto; } .row-fluid { width: 100%; } .row, .thumbnails { margin-left: 0; } .thumbnails > li { float: none; margin-left: 0; } [class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] { float: none; display: block; width: 100%; margin-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .span12, .row-fluid .span12 { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="offset"]:first-child { margin-left: 0; } .input-large, .input-xlarge, .input-xxlarge, input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .input-prepend input, .input-append input, .input-prepend input[class*="span"], .input-append input[class*="span"] { display: inline-block; width: auto; } .controls-row [class*="span"] + [class*="span"] { margin-left: 0; } .modal { position: fixed; top: 20px; left: 20px; right: 20px; width: auto; margin: 0; } .modal.fade { top: -100px; } .modal.fade.in { top: 20px; } } @media (max-width: 480px) { .nav-collapse { -webkit-transform: translate3d(0, 0, 0); } .page-header h1 small { display: block; line-height: 20px; } input[type="checkbox"], input[type="radio"] { border: 1px solid #ccc; } .form-horizontal .control-label { float: none; width: auto; padding-top: 0; text-align: left; } .form-horizontal .controls { margin-left: 0; } .form-horizontal .control-list { padding-top: 0; } .form-horizontal .form-actions { padding-left: 10px; padding-right: 10px; } .media .pull-left, .media .pull-right { float: none; display: block; margin-bottom: 10px; } .media-object { margin-right: 0; margin-left: 0; } .modal { top: 10px; left: 10px; right: 10px; } .modal-header .close { padding: 10px; margin: -10px; } .carousel-caption { position: static; } }*/ /*@media (max-width: 979px) { body { padding-top: 0; } .navbar-fixed-top, .navbar-fixed-bottom { position: static; } .navbar-fixed-top { margin-bottom: 20px; } .navbar-fixed-bottom { margin-top: 20px; } .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner { padding: 5px; } .navbar .container { width: auto; padding: 0; } .navbar .brand { padding-left: 10px; padding-right: 10px; margin: 0 0 0 -5px; } .nav-collapse { clear: both; } .nav-collapse .nav { float: none; margin: 0 0 10px; } .nav-collapse .nav > li { float: none; } .nav-collapse .nav > li > a { margin-bottom: 2px; } .nav-collapse .nav > .divider-vertical { display: none; } .nav-collapse .nav .nav-header { color: #777777; text-shadow: none; } .nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a { padding: 9px 15px; font-weight: bold; color: #777777; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .nav-collapse .btn { padding: 4px 10px 4px; font-weight: normal; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .nav-collapse .dropdown-menu li + li a { margin-bottom: 2px; } .nav-collapse .nav > li > a:hover, .nav-collapse .nav > li > a:focus, .nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus { background-color: #f2f2f2; } .navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a { color: #999999; } .navbar-inverse .nav-collapse .nav > li > a:hover, .navbar-inverse .nav-collapse .nav > li > a:focus, .navbar-inverse .nav-collapse .dropdown-menu a:hover, .navbar-inverse .nav-collapse .dropdown-menu a:focus { background-color: #111111; } .nav-collapse.in .btn-group { margin-top: 5px; padding: 0; } .nav-collapse .dropdown-menu { position: static; top: auto; left: auto; float: none; display: none; max-width: none; margin: 0 15px; padding: 0; background-color: transparent; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .nav-collapse .open > .dropdown-menu { display: block; } .nav-collapse .dropdown-menu:before, .nav-collapse .dropdown-menu:after { display: none; } .nav-collapse .dropdown-menu .divider { display: none; } .nav-collapse .nav > li > .dropdown-menu:before, .nav-collapse .nav > li > .dropdown-menu:after { display: none; } .nav-collapse .navbar-form, .nav-collapse .navbar-search { float: none; padding: 10px 15px; margin: 10px 0; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1); box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1); } .navbar-inverse .nav-collapse .navbar-form, .navbar-inverse .nav-collapse .navbar-search { border-top-color: #111111; border-bottom-color: #111111; } .navbar .nav-collapse .nav.pull-right { float: none; margin-left: 0; } .nav-collapse, .nav-collapse.collapse { overflow: hidden; height: 0; } .navbar .btn-navbar { display: block; } .navbar-static .navbar-inner { padding-left: 10px; padding-right: 10px; } } @media (min-width: 980px) { .nav-collapse.collapse { height: auto !important; overflow: visible !important; } } */ @media (max-width: 1050px) { .container-fluid { padding: 0; } .dl-horizontal dt { float: none; clear: none; width: auto; text-align: left; } .dl-horizontal dd { margin-left: 0; } .container { width: auto; } .row-fluid { width: 100%; } .row, .thumbnails { margin-left: 0; } .thumbnails > li { float: none; margin-left: 0; } /* [class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] { float: none; display: block; width: 100%; margin-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .span12, .row-fluid .span12 { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } */ .row-fluid [class*="offset"]:first-child { margin-left: 0; } .input-large, .input-xlarge, .input-xxlarge, input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* .input-prepend input, .input-append input, .input-prepend input[class*="span"], .input-append input[class*="span"] { display: inline-block; width: auto; } */ .controls-row [class*="span"] + [class*="span"] { margin-left: 0; } .modal { position: fixed; top: 20px; left: 20px; right: 20px; width: auto; margin: 0; } .modal.fade { top: -100px; } .modal.fade.in { top: 20px; } }