+
diff --git a/css/bootstrap.min.css b/css/bootstrap.min.css new file mode 100644 index 0000000..d65c66b --- /dev/null +++ b/css/bootstrap.min.css @@ -0,0 +1,5 @@ +/*! + * Bootstrap v3.3.5 (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;-webkit-text-size-adjust:100%;-ms-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:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}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{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;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-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/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:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\2a"}.glyphicon-plus:before{content:"\2b"}.glyphicon-eur:before,.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.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:"\26fa"}.glyphicon-blackboard:before{content:"\e218"}.glyphicon-bed:before{content:"\e219"}.glyphicon-apple:before{content:"\f8ff"}.glyphicon-erase:before{content:"\e221"}.glyphicon-hourglass:before{content:"\231b"}.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:"\00a5"}.glyphicon-jpy:before{content:"\00a5"}.glyphicon-ruble:before{content:"\20bd"}.glyphicon-rub:before{content:"\20bd"}.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}:after,:before{-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:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{display:inline-block;max-width:100%;height:auto;padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;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}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}.small,small{font-size:85%}.mark,mark{padding:.2em;background-color:#fcf8e3}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:focus,a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:focus,a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:focus,a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:focus,a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:focus,a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:focus,a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:focus,a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:focus,a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:focus,a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:focus,a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;margin-left:-5px;list-style:none}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:''}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:'\00A0 \2014'}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.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-md-1,.col-md-10,.col-md-11,.col-md-12,.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-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.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-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;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>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{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;display:table-column;float:none}table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.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>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=checkbox],input[type=radio]{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=checkbox]:focus,input[type=radio]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.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[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;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:34px}.input-group-sm input[type=date],.input-group-sm input[type=time],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=time],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg{line-height:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-top:4px\9;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}.form-control-static{min-height:34px;padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.form-group-sm select.form-control{height:30px;line-height:30px}.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{height:auto}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.form-group-lg select.form-control{height:46px;line-height:46px}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.has-success .form-control-feedback{color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}.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:#737373}@media (min-width:768px){.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 .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:14.33px;font-size:18px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65}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:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled.focus,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled].focus,.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled.focus,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled].focus,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#398439;border-color:#255625}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled,.btn-success.disabled.active,.btn-success.disabled.focus,.btn-success.disabled:active,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled],.btn-success[disabled].active,.btn-success[disabled].focus,.btn-success[disabled]:active,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success.active,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled,.btn-info.disabled.active,.btn-info.disabled.focus,.btn-info.disabled:active,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled],.btn-info[disabled].active,.btn-info[disabled].focus,.btn-info[disabled]:active,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info,fieldset[disabled] .btn-info.active,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled,.btn-warning.disabled.active,.btn-warning.disabled.focus,.btn-warning.disabled:active,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled],.btn-warning[disabled].active,.btn-warning[disabled].focus,.btn-warning[disabled]:active,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning.active,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled,.btn-danger.disabled.active,.btn-danger.disabled.focus,.btn-danger.disabled:active,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled],.btn-danger[disabled].active,.btn-danger[disabled].focus,.btn-danger[disabled]:active,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger.active,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;color:#337ab7;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:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .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-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility}.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}.dropdown,.dropup{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;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(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:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed;border-bottom:4px solid\9}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-right:0;padding-left:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.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 #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#337ab7}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;-webkit-overflow-scrolling:touch;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;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-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top{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;height:50px;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.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:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{padding:10px 15px;margin-top:8px;margin-right:-15px;margin-bottom:8px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-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)}@media (min-width:768px){.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 .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-right:15px;margin-left:15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#555;background-color:#e7e7e7}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{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:focus,.navbar-default .btn-link:hover{color:#333}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#080808}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:3;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:2;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron .h1,.jumbotron h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron,.container-fluid .jumbotron{padding-right:60px;padding-left:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-right:auto;margin-left:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#337ab7}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.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{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{overflow:hidden;zoom:1}.media-body{width:10000px}.media-object{display:block}.media-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}a.list-group-item,button.list-group-item{color:#555}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{color:#555;text-decoration:none;background-color:#f5f5f5}button.list-group-item{width:100%;text-align:left}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{color:#777;cursor:not-allowed;background-color:#eee}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#c7ddef}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-right:15px;padding-left:15px}.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{margin-bottom:0;border:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#337ab7}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{min-height:16.43px;padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;filter:alpha(opacity=0);opacity:0;line-break:auto}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);line-break:auto}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.active.right,.carousel-inner>.item.next{left:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);filter:alpha(opacity=50);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;filter:alpha(opacity=90);outline:0;opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;font-family:serif;line-height:1}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000\9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-15px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-15px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-15px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left: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-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.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}td.visible-print,th.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}} \ No newline at end of file diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..18e5b9e --- /dev/null +++ b/css/style.css @@ -0,0 +1,1335 @@ +/* +Theme Name: Vlabs +Theme URI: http://www.vlabs.ac.in +Author: Vlabs.co.in +Author URI: http://www.vlabs.ac.in +Description: The theme to accompany the profile site for vlabs.ac.in +Version: 1.0 +*/ + +body { + + font-family:Calibri !important; +} + +p { + font-size: 16px; +} + +/*** Calendar **********************/ +.content .container-fluid div.calender { position: relative; } + +.container-fluid .calender table { +cursor:pointer; +border:1px solid #ccc; +font-size: 11px; +color: #000; +background: #fff; +font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; +} + +.container-fluid .calender .button { +text-align: center; +padding: 2px; +} + +.container-fluid .calender .nav { +background:#f5f5f5; +} + +.container-fluid .calender thead .title { +font-weight: bold; +text-align: center; +background: #dedede; +color: #000; +padding: 2px 0 3px 0; +} + +.container-fluid .calender thead .headrow { +background: #f5f5f5; +color: #444; +font-weight:bold; +} + +.container-fluid .calender thead .daynames { +background: #fff; +color:#333; +font-weight:bold; +} + +.container-fluid .calender thead .name { +border-bottom: 1px dotted #ccc; +padding: 2px; +text-align: center; +color: #000; +} + +.container-fluid .calender thead .weekend { +color: #666; +} + +.container-fluid .calender thead .hilite { +background-color: #444; +color: #fff; +padding: 1px; +} + +.container-fluid .calender thead .active { +background-color: #d12f19; +color:#fff; +padding: 2px 0px 0px 2px; +} + + +.container-fluid .calender tbody .day { +width:1.8em; +color: #222; +text-align: right; +padding: 2px 2px 2px 2px; +} +.container-fluid .calender tbody .day.othermonth { +font-size: 80%; +color: #bbb; +} +.container-fluid .calender tbody .day.othermonth.oweekend { +color: #fbb; +} + +.container-fluid .calender table .wn { +padding: 2px 2px 2px 2px; +border-right: 1px solid #000; +background: #666; +} + +.container-fluid .calender tbody .rowhilite td { +background: #FFF1AF; +} + +.container-fluid .calender tbody .rowhilite td.wn { +background: #FFF1AF; +} + +.container-fluid .calender tbody td.hilite { +padding: 1px 1px 1px 1px; +background:#444 !important; +color:#fff !important; +} + +.container-fluid .calender tbody td.active { +color:#fff; +background: #529214 !important; +padding: 2px 2px 0px 2px; +} + +.container-fluid .calender tbody td.selected { +font-weight: bold; +border: 1px solid #888; +padding: 1px 1px 1px 1px; +background: #f5f5f5 !important; +color: #222 !important; +} + +.container-fluid .calender tbody td.weekend { +color: #666; +} + +.container-fluid .calender tbody td.today { +font-weight: bold; +color: #529214; +background:#D9EFC2; +} + +.container-fluid .calender tbody .disabled { color: #999; } + +.container-fluid .calender tbody .emptycell { +visibility: hidden; +} + +.container-fluid .calender tbody .emptyrow { +display: none; +} + +.container-fluid .calender tfoot .footrow { +text-align: center; +background: #556; +color: #fff; +} + +.container-fluid .calender tfoot .ttip { +background: #222; +color: #fff; +font-size:10px; +border-top: 1px solid #dedede; +padding: 3px; +} + +.container-fluid .calender tfoot .hilite { +background: #aaf; +border: 1px solid #04f; +color: #000; +padding: 1px; +} + +.container-fluid .calender tfoot .active { +background: #77c; +padding: 2px 0px 0px 2px; +} + +.container-fluid .calender .combo { +position: absolute; +display: none; +top: 0px; +left: 0px; +width: 4em; +border: 1px solid #ccc; +background: #f5f5f5; +color: #222; +font-size: 90%; +z-index: 100; +} + +.container-fluid .calender .combo .label, +.container-fluid .calender .combo .label-IEfix { +text-align: center; +padding: 1px; +} + +.container-fluid .calender .combo .label-IEfix { +width: 4em; +} + +.container-fluid .calender .combo .hilite { +background: #444; +color:#fff; +} + +.container-fluid .calender .combo .active { +border-top: 1px solid #999; +border-bottom: 1px solid #999; +background: #dedede; +font-weight: bold; +} +.container-fluid form li div label +{ + clear:both; + color:#444; + display:block; + font-size:9px; + line-height:9px; + margin:0; + padding-top:3px; +} + +.container-fluid form li span label +{ + clear:both; + color:#444; + display:block; + font-size:9px; + line-height:9px; + margin:0; + padding-top:3px; +} +.container-fluid form li .datepicker +{ + cursor:pointer !important; + float:left; + height:16px; + margin:.1em 5px 0 0; + padding:0; + width:16px; +} +.container-fluid input.text +{ + background:#fff url(../../../images/shadow.gif) repeat-x top; + border-bottom:1px solid #ddd; + border-left:1px solid #c3c3c3; + border-right:1px solid #c3c3c3; + border-top:1px solid #7c7c7c; + color:#333; + font-size:100%; + margin:0; + padding:2px 0; +} +p.small { + font-size: 16px; +} + + +.container-fluid form ul +{ + font-size:200%; + list-style-type:none; + margin:0; + padding:0; + width:100%; +} + +.container-fluid form li +{ + display:block; + margin:0; + padding:4px 5px 2px 9px; + position:relative; +} +a, +a:hover, +a:focus, +a:active, +a.active { + outline: 0; +} +@media(min-width:768px) { + .navbar-fixed-top { + padding: 25px 0; + -webkit-transition: padding .3s; + -moz-transition: padding .3s; + transition: padding .3s; + } + + .navbar-fixed-top .navbar-brand { + font-size: 2em; + -webkit-transition: all .3s; + -moz-transition: all .3s; + transition: all .3s; + } + + .navbar-fixed-top.navbar-shrink { + padding: 10px 0; + } + + .navbar-fixed-top.navbar-shrink .navbar-brand { + font-size: 1.5em; + } +} + +.navbar a:focus { + outline: 0; +} + +.navbar .navbar-nav li a:focus { + outline: 0; +} + +.navbar-default, +.navbar-inverse { + border: 0; +} +.footer-div +{ +margin-top:120px; +} + +/*******************************************************************************/ +/*****************************CUSTOME STYLE*************************************/ +/*******************************************************************************/ + +.search-textbox +{ + background: url("../images/search-box.png") no-repeat; + border: 0 none; + color: #666666; + float: left; + font-family: Calibri; + font-size: 15px; + height: 36px; + margin: 0; + padding-left: 15px; + transition: background 0.3s ease-in-out 0s; + width: 220px; + +} + +.search-button +{ + background: url("../images/search.png") no-repeat; + cursor: pointer; + height: 36px; + text-indent: -99999em; + width: 36px; + border: 0px; + +} +.main-logo-a +{ + height: auto; + overflow: visible; + margin-left: 0px !important; + padding-bottom: 10px !important; + padding-top: 10px !important; +} + +.menu-a +{ + font-size: 18px !important; + font-family: Calibri !important; + color: #2C99CD !important; + padding-left: 10px !important; + padding-bottom: 5px !important; + padding-top: 5px !important; + padding-right: 10px !important; + +} + +.menu-a-active +{ + color: white !important; +} + +.menu-li +{ + /* float: right; */ + border-radius: 10px; + margin-left: 20px; + margin-right: 20px; +} + +.menu-li:HOVER +{ + background-color: #77BB41 !important; +} + +.menu-a:HOVER +{ + color: white !important; +} +.menu-li-active +{ + background-color: #77BB41; +} + +.menu-div +{ + /* margin-top: 30px; */ + +} + +.menu-ul +{ + margin-top: 45px; +} + +@media only screen and (max-width: 375px) { + .featured-labs-experiment-div + { + text-align: center; + } + .featured-labs-experiment-icon + { + float: left; + min-width: 78px; + } +} + + +@media only screen and (min-width: 401px) { + + .custom-toggle + { + margin-bottom: 0px !important; + margin-top: 27px !important; + } +} + +@media only screen and (max-width: 400px) { + + .main-logo-a + { + width: 60%; + } + + .custom-toggle + { + margin-bottom: 0px !important; + margin-top: 12% !important; + } + + +/* .menu-div + { + margin-top: 30px !important; + } */ + +} + + + +@media only screen and (min-width: 401px) and (max-width: 523px) { + +/* .menu-div + { + margin-top: 30px !important; + } */ +} + +@media only screen and (max-width: 496px) { + + .featured-labs-div + { + background: none !important; + } +} + +@media only screen and (max-width: 540px) { + .broad-labs-empty-div + { + display: none; + } + .border-right-green-dotted + { + margin-top: 60px !important; + } +} + +@media only screen and (min-width: 401px) and (max-width: 767px) { + + .main-logo + { + width: 70%; + } +} + +@media only screen and (max-width: 767px) { + + .menu-ul + { + margin-top: 0px !important; + } + + .menu-li-active + { + background-color: white !important; + } + + .menu-a-active + { + color: #2C99CE !important; + } + + .search-ul + { + display: none !important; + } + + + +} + +@media only screen and (min-width: 768px) and (max-width: 991px) { + .menu-a + { + font-size: 1.4em !important; + } + + .main-logo + { + width: 70%; + } + + .banner-text-small + { + font-size: 1.2em !important; + } + + .banner-text-medium + { + font-size: 1.7em !important; + } + + .banner-text-big + { + font-size: 2.0em !important; + } + +} + +@media only screen and (max-width: 991px) { + .menu-ul + { + margin-top: 30px; + } + + .search-textbox + { + width: 150px; + font-size: 0.9em; + } + + .menu-li + { + margin-left: 10px; + margin-right: 10px; + } + .aboutus-col-8 + { + padding-right: 15px !important; + } + .footer-div + { + background-size: cover !important; + position:absolute; bottom:0; + } + + .lab-list-col-10 + { + /* background: none !important; */ + overflow:hidden; + } + + .featured-labs-main-div + { + margin-top: -35px !important; + } +} + + +@media only screen and (min-width: 992px) and (max-width: 1199px) { + +} + + +/*====================new grid================================*/ +@media only screen and (min-width: 992px) { + .col-md-2-5 + { + width: 20%; + float: left; + } +} + +@media only screen and (max-width: 991px) { + .col-md-2-5 + { + width: 33.33%; + float: left; + } + .col-md-2-5-1-l + { + background: url("../images/dotted-devider-h-o.png") no-repeat; + background-position: left bottom; + } +} + +@media only screen and (max-width: 767px) { + .col-md-2-5 + { + width: 50%; + float: left; + } +} + +@media only screen and (max-width: 540px) { + .col-md-2-5 + { + width: 100%; + float: left; + } +} +.col-md-2-5 +{ + position: relative; + min-height: 1px; + vertical-align: bottom; + /* display: flex; */ + min-height: 228px; +} + +.col-md-2-5-1-l +{ + width: 100%; + min-height: 228px; + height: 100%; +} + +.col-md-2-5-1-withbg +{ + background: url("../images/dotted-devider-h-o.png") no-repeat; + background-position: left bottom; + width: 100%; + min-height: 228px; + height: 100%; +} + +.col-md-2-5-2 +{ + padding-right: 15px; + padding-left: 15px; +} +/*************************************************************/ + +.featured-labs-div +{ + margin-left: 0px !important; + margin-right: 0px !important; + padding-left: 15px !important; +} +.border-bottom-img +{ + /* border-bottom: 2px dotted; + border-top : 0px; + border-left: 0px; + border-right: 0px; + -webkit-border-image: url(../images/dotted-devider-h-o.png) 30 round; Safari 3.1-5 + -o-border-image: url(../images/dotted-devider-h-o.png) 30 round; Opera 11-12.1 + border-image: url(../images/dotted-devider-h-o.png) 30 round; */ +} + +.broad-labs-a:HOVER +{ + text-decoration: none !important; + +} +.col-md-2-5-1-l:HOVER, .col-md-2-5-1-withbg:HOVER +{ + background-color: #e4e4e4 !important; +} + +.border-right-green-dotted +{ + border-right: 2px dotted; + margin-top: 30px; + border-right-color: #678f48; + min-height: 115px; +} + +a:focus +{ + color: #72AB44 !important; +} + +.featured-labs +{ + min-height: 208px !important; +} +/*========================font classes=======================*/ +.text-h2-lightblue +{ + color: #2C99CE; + font-size: 1.8em; + +} + +.text-a-lightgreen +{ + color: #72AB44; + font-size: 1.3em; + text-decoration: underline; +} + +.text-a-lightgreen:HOVER +{ + color: #72AB44 !important; +} + +.text-a-white +{ + color: white; + font-size: 1.4em; + text-decoration: underline; +} + + +.text-h2-lightblue-small +{ + color: #2C99CE; + font-size: 1.5em; +} + +.text-h3-darkblue-bold +{ + color: #3e6389; + font-size: 1.4em; + font-weight: bold; +} + +.text-h3-darkblue +{ + color: #3e6389; + font-size: 1.4em; +} + +.text-normal-gray-small +{ + color: #888; + font-size: 16px; +} + +.text-normal-gray-big +{ + color: #888; + font-size: 30px; +} +#experiment-article-section-1-heading +{ +color: #888; +font-size: 30px; +} +.text-normal-gray-smallest +{ + color: #888; + font-size: 13px; +} + +.featured-labs-icon-text +{ + color: #888; + font-size: 13px; +} + +.featured-labs-main-div +{ + margin-top: -50px; +} + +.nounderline +{ + text-decoration: none; +} + +.nounderline:HOVER +{ + text-decoration: none !important; +} +.text-normal-gray-medium +{ + color: #888; + font-size: 1.4em; +} +/*===========================================================*/ + +.shadow +{ + -webkit-box-shadow: inset 0 8px 6px -6px black; + -moz-box-shadow: inset 0 8px 6px -6px black; + box-shadow: inset 0 8px 6px -6px black; +} + + +/*owl style sheet*/ +#owl-demo .item{ + display: block; + padding: 1px 10px; + margin: 5px; + color: #888; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.owl-theme .owl-controls .owl-buttons div { + padding: 5px 9px; +} + +.owl-theme .owl-buttons i{ + margin-top: 2px; +} + +//To move navigation buttons outside use these settings: + +#owl-demo .owl-controls .owl-buttons div, #owl-partner-institutions .owl-controls .owl-buttons div{ + position: absolute; +} + +#owl-demo .owl-controls .owl-buttons .owl-prev{ + left: -45px; + top: 55px; + position: absolute; + background: none !important; +} + + #owl-partner-institutions .owl-controls .owl-buttons .owl-prev + { + left: -45px; + top: 20px; + position: absolute; + background: none !important; + } + +#owl-demo .owl-controls .owl-buttons .owl-next{ + right: -45px; + top: 55px; + position: absolute; + background: none !important; +} + +#owl-partner-institutions .owl-controls .owl-buttons .owl-next +{ + right: -45px; + top: 20px; + position: absolute; + background: none !important; +} + +#owl-demo .owl-controls .owl-pagination, #owl-partner-institutions .owl-controls .owl-pagination +{ + display: none; +} + +#owl-aboutus .owl-controls .owl-buttons +{ + display: none; +} + +#owl-aboutus .owl-controls .owl-pagination +{ + text-align: left; +} +#owl-aboutus .owl-controls .owl-page span +{ + background-color: white; + border: 2px solid; + height: 20px; + width: 20px; +} + +#owl-aboutus .owl-controls .owl-page.active span, #owl-aboutus .owl-controls.clickable .owl-page:hover span +{ + background-color: #FF6600; + border: 0px; +} +/*******************/ + + +/*Labs page*/ +.sidebar-col-2 +{ + +} + +.lab-list-col-10 +{ + background: url("../images/devider-blue-v-o.png") repeat-y; + background-position: left top; + margin-bottom: 25px; +} + +.sidebar-a:HOVER, .text-h3-darkblue:HOVER { + color: #ff6600 !important; +} + +.lab-list-row-div +{ + background: url('../images/bottom-line-n.png') no-repeat; + background-position: left bottom; + height: auto; + overflow: hidden; + border-bottom: 1.5px dotted; + border-bottom-color: #888; + padding-bottom: 10px; +} + +.lab-list-row-col-2 +{ + margin-top: 15px; +} + +/**********************************************************************************/ + +.banner-text +{ + position: relative; + top: -59px; + color: white !important; +} + +.banner-text-small +{ + font-size: 1.7em; +} + +.banner-text-medium +{ + font-size: 2.2em; +} + +.banner-text-big +{ + font-size: 2.7em; +} + +.baneer-text-sub-div +{ + position: relative; + float: left +} + +.banner-text-1 +{ + left: 3.7%; +} + +.banner-text-2 +{ + left: 9.6%; +} + +.banner-text-3 +{ + left: 15%; +} + +.banner-text-4 +{ + left:22%; +} + +.banner-caption-div +{ + position: absolute; + top: 140px; + left: 42%; + width: 150%; +} + +.banner-caption-text +{ + font-size: 2.0em; + line-height: normal; + color: black; +} + + +/*==========================RESPONSIVE+++++++++++++++++++++++++++++++*/ + +@media only screen and (max-width: 399px) { + + .banner-text-small + { + font-size: 0.8em !important; + } + + .banner-text-medium + { + font-size: 0.9em !important; + } + + .banner-text-big + { + font-size: 1.1em !important; + } + + .banner-text + { + top: -21px; + letter-spacing: -1.5px; + } + + .banner-text-1 + { + left: 1.5%; + } + + .banner-text-2 + { + left: 3.0%; + } + + .banner-text-3 + { + left: 5%; + } + + .banner-text-4 + { + left: 8%; + } + +} + +@media only screen and (min-width: 400px) and (max-width: 500px) { + .banner-text-small + { + font-size: 0.9em !important; + } + + .banner-text-medium + { + font-size: 1.1em !important; + } + + .banner-text-big + { + font-size: 1.2em !important; + } + + .banner-text + { + top: -24px; + letter-spacing: -1px; + } + + .banner-text-2 + { + left: 7.0%; + } + + .banner-text-3 + { + left: 12%; + } + + .banner-text-4 + { + left: 17%; + } +} + +@media only screen and (min-width: 501px) and (max-width: 767px) { + .banner-text-small + { + font-size: 0.9em !important; + } + + .banner-text-medium + { + font-size: 1.2em !important; + } + + .banner-text-big + { + font-size: 1.4em !important; + } + .banner-text + { + top: -30px; + } + + .banner-text-2 + { + left: 7.0%; + } + + .banner-text-3 + { + left: 12%; + } + + .banner-text-4 + { + left: 17%; + } +} + + +@media only screen and (max-width: 349px) { + + .banner-caption-text + { + font-size: 0.5em; + } + +} + +@media only screen and (min-width: 350px) and (max-width: 400px) { + + .banner-caption-text + { + font-size: 0.6em; + } + +} + + +@media only screen and (min-width: 401px) and (max-width: 444px) { + + .banner-caption-text + { + font-size: 0.7em; + } + +} + + +@media only screen and (min-width: 445px) and (max-width: 609px) { + + .banner-caption-text + { + font-size: 0.9em; + } + +} + +@media only screen and (min-width: 610px) and (max-width: 767px) { + + .banner-caption-text + { + font-size: 1.1em; + } + +} + +@media only screen and (max-width: 767px) { + .banner-caption-div + { + position: relative !important; + } +} + +@media only screen and (max-width: 346px) { + .banner-caption-div + { + top: -39px; + left: -32%; + } +} + +@media only screen and (min-width: 347px) and (max-width: 399px) { + .banner-caption-div + { + top: -43px; + left: -22%; + } +} + +@media only screen and (min-width: 400px) and (max-width: 444px) { + .banner-caption-div + { + top: -50px; + left: -31%; + } +} + +@media only screen and (min-width: 445px) and (max-width: 500px) { + .banner-caption-div + { + top: -57px; + left: -23%; + } +} + +@media only screen and (min-width: 501px) and (max-width: 569px) { + .banner-caption-div + { + top: -65px; + left: -30%; + } +} + +@media only screen and (min-width: 570px) and (max-width: 639px) { + .banner-caption-div + { + top: -74px; + left: -22%; + } +} + +@media only screen and (min-width: 640px) and (max-width: 709px) { + .banner-caption-div + { + top: -83px; + left: -16%; + } +} + +@media only screen and (min-width: 710px) and (max-width: 767px) { + .banner-caption-div + { + top: -92px; + left: -11%; + } +} + + +@media only screen and (min-width: 768px) and (max-width: 991px) { + + .banner-text-small + { + font-size: 1.2em !important; + } + + .banner-text-medium + { + font-size: 1.7em !important; + } + + .banner-text-big + { + font-size: 2.0em !important; + } + + .banner-text + { + top: -40px; + } + + .banner-text-2 + { + left: 7.0%; + } + + .banner-text-3 + { + left: 12%; + } + + .banner-text-4 + { + left: 17%; + } + + .banner-caption-text + { + font-size: 1.5em; + } + .banner-caption-div + { + top: 99px; + } +} + +@media only screen and (min-width: 992px) and (max-width: 1100px) { + + .banner-text + { + top: -52px; + } +} + +@media only screen and (min-width: 992px) and (max-width: 1150px) { + + .banner-text-2 + { + left: 7.0%; + } + + .banner-text-3 + { + left: 9%; + } + + .banner-text-4 + { + left: 12%; + } + + .banner-caption-text + { + font-size: 1.6em; + } + .banner-caption-div + { + top: 133px; + } +} + +@media only screen and (min-width: 1150px) and (max-width: 1275px) { + + .banner-text-2 + { + left: 8.3%; + } + .banner-text-3 + { + left: 12%; + } + + .banner-text-4 + { + left: 17%; + } + + .banner-caption-text + { + font-size: 1.8em; + } +} + diff --git a/css/style.css~ b/css/style.css~ new file mode 100644 index 0000000..315f68a --- /dev/null +++ b/css/style.css~ @@ -0,0 +1,1335 @@ +/* +Theme Name: Vlabs +Theme URI: http://www.vlabs.ac.in +Author: Vlabs.co.in +Author URI: http://www.vlabs.ac.in +Description: The theme to accompany the profile site for vlabs.ac.in +Version: 1.0 +*/ + +body { + overflow-x: hidden; + font-family:Calibri !important; +} + +p { + font-size: 16px; +} + +/*** Calendar **********************/ +.content .container-fluid div.calender { position: relative; } + +.container-fluid .calender table { +cursor:pointer; +border:1px solid #ccc; +font-size: 11px; +color: #000; +background: #fff; +font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; +} + +.container-fluid .calender .button { +text-align: center; +padding: 2px; +} + +.container-fluid .calender .nav { +background:#f5f5f5; +} + +.container-fluid .calender thead .title { +font-weight: bold; +text-align: center; +background: #dedede; +color: #000; +padding: 2px 0 3px 0; +} + +.container-fluid .calender thead .headrow { +background: #f5f5f5; +color: #444; +font-weight:bold; +} + +.container-fluid .calender thead .daynames { +background: #fff; +color:#333; +font-weight:bold; +} + +.container-fluid .calender thead .name { +border-bottom: 1px dotted #ccc; +padding: 2px; +text-align: center; +color: #000; +} + +.container-fluid .calender thead .weekend { +color: #666; +} + +.container-fluid .calender thead .hilite { +background-color: #444; +color: #fff; +padding: 1px; +} + +.container-fluid .calender thead .active { +background-color: #d12f19; +color:#fff; +padding: 2px 0px 0px 2px; +} + + +.container-fluid .calender tbody .day { +width:1.8em; +color: #222; +text-align: right; +padding: 2px 2px 2px 2px; +} +.container-fluid .calender tbody .day.othermonth { +font-size: 80%; +color: #bbb; +} +.container-fluid .calender tbody .day.othermonth.oweekend { +color: #fbb; +} + +.container-fluid .calender table .wn { +padding: 2px 2px 2px 2px; +border-right: 1px solid #000; +background: #666; +} + +.container-fluid .calender tbody .rowhilite td { +background: #FFF1AF; +} + +.container-fluid .calender tbody .rowhilite td.wn { +background: #FFF1AF; +} + +.container-fluid .calender tbody td.hilite { +padding: 1px 1px 1px 1px; +background:#444 !important; +color:#fff !important; +} + +.container-fluid .calender tbody td.active { +color:#fff; +background: #529214 !important; +padding: 2px 2px 0px 2px; +} + +.container-fluid .calender tbody td.selected { +font-weight: bold; +border: 1px solid #888; +padding: 1px 1px 1px 1px; +background: #f5f5f5 !important; +color: #222 !important; +} + +.container-fluid .calender tbody td.weekend { +color: #666; +} + +.container-fluid .calender tbody td.today { +font-weight: bold; +color: #529214; +background:#D9EFC2; +} + +.container-fluid .calender tbody .disabled { color: #999; } + +.container-fluid .calender tbody .emptycell { +visibility: hidden; +} + +.container-fluid .calender tbody .emptyrow { +display: none; +} + +.container-fluid .calender tfoot .footrow { +text-align: center; +background: #556; +color: #fff; +} + +.container-fluid .calender tfoot .ttip { +background: #222; +color: #fff; +font-size:10px; +border-top: 1px solid #dedede; +padding: 3px; +} + +.container-fluid .calender tfoot .hilite { +background: #aaf; +border: 1px solid #04f; +color: #000; +padding: 1px; +} + +.container-fluid .calender tfoot .active { +background: #77c; +padding: 2px 0px 0px 2px; +} + +.container-fluid .calender .combo { +position: absolute; +display: none; +top: 0px; +left: 0px; +width: 4em; +border: 1px solid #ccc; +background: #f5f5f5; +color: #222; +font-size: 90%; +z-index: 100; +} + +.container-fluid .calender .combo .label, +.container-fluid .calender .combo .label-IEfix { +text-align: center; +padding: 1px; +} + +.container-fluid .calender .combo .label-IEfix { +width: 4em; +} + +.container-fluid .calender .combo .hilite { +background: #444; +color:#fff; +} + +.container-fluid .calender .combo .active { +border-top: 1px solid #999; +border-bottom: 1px solid #999; +background: #dedede; +font-weight: bold; +} +.container-fluid form li div label +{ + clear:both; + color:#444; + display:block; + font-size:9px; + line-height:9px; + margin:0; + padding-top:3px; +} + +.container-fluid form li span label +{ + clear:both; + color:#444; + display:block; + font-size:9px; + line-height:9px; + margin:0; + padding-top:3px; +} +.container-fluid form li .datepicker +{ + cursor:pointer !important; + float:left; + height:16px; + margin:.1em 5px 0 0; + padding:0; + width:16px; +} +.container-fluid input.text +{ + background:#fff url(../../../images/shadow.gif) repeat-x top; + border-bottom:1px solid #ddd; + border-left:1px solid #c3c3c3; + border-right:1px solid #c3c3c3; + border-top:1px solid #7c7c7c; + color:#333; + font-size:100%; + margin:0; + padding:2px 0; +} +p.small { + font-size: 16px; +} + + +.container-fluid form ul +{ + font-size:200%; + list-style-type:none; + margin:0; + padding:0; + width:100%; +} + +.container-fluid form li +{ + display:block; + margin:0; + padding:4px 5px 2px 9px; + position:relative; +} +a, +a:hover, +a:focus, +a:active, +a.active { + outline: 0; +} +@media(min-width:768px) { + .navbar-fixed-top { + padding: 25px 0; + -webkit-transition: padding .3s; + -moz-transition: padding .3s; + transition: padding .3s; + } + + .navbar-fixed-top .navbar-brand { + font-size: 2em; + -webkit-transition: all .3s; + -moz-transition: all .3s; + transition: all .3s; + } + + .navbar-fixed-top.navbar-shrink { + padding: 10px 0; + } + + .navbar-fixed-top.navbar-shrink .navbar-brand { + font-size: 1.5em; + } +} + +.navbar a:focus { + outline: 0; +} + +.navbar .navbar-nav li a:focus { + outline: 0; +} + +.navbar-default, +.navbar-inverse { + border: 0; +} +.footer-div +{ +margin-top:120px; +} + +/*******************************************************************************/ +/*****************************CUSTOME STYLE*************************************/ +/*******************************************************************************/ + +.search-textbox +{ + background: url("../images/search-box.png") no-repeat; + border: 0 none; + color: #666666; + float: left; + font-family: Calibri; + font-size: 15px; + height: 36px; + margin: 0; + padding-left: 15px; + transition: background 0.3s ease-in-out 0s; + width: 220px; + +} + +.search-button +{ + background: url("../images/search.png") no-repeat; + cursor: pointer; + height: 36px; + text-indent: -99999em; + width: 36px; + border: 0px; + +} +.main-logo-a +{ + height: auto; + overflow: visible; + margin-left: 0px !important; + padding-bottom: 10px !important; + padding-top: 10px !important; +} + +.menu-a +{ + font-size: 18px !important; + font-family: Calibri !important; + color: #2C99CD !important; + padding-left: 10px !important; + padding-bottom: 5px !important; + padding-top: 5px !important; + padding-right: 10px !important; + +} + +.menu-a-active +{ + color: white !important; +} + +.menu-li +{ + /* float: right; */ + border-radius: 10px; + margin-left: 20px; + margin-right: 20px; +} + +.menu-li:HOVER +{ + background-color: #77BB41 !important; +} + +.menu-a:HOVER +{ + color: white !important; +} +.menu-li-active +{ + background-color: #77BB41; +} + +.menu-div +{ + /* margin-top: 30px; */ + +} + +.menu-ul +{ + margin-top: 45px; +} + +@media only screen and (max-width: 375px) { + .featured-labs-experiment-div + { + text-align: center; + } + .featured-labs-experiment-icon + { + float: left; + min-width: 78px; + } +} + + +@media only screen and (min-width: 401px) { + + .custom-toggle + { + margin-bottom: 0px !important; + margin-top: 27px !important; + } +} + +@media only screen and (max-width: 400px) { + + .main-logo-a + { + width: 60%; + } + + .custom-toggle + { + margin-bottom: 0px !important; + margin-top: 12% !important; + } + + +/* .menu-div + { + margin-top: 30px !important; + } */ + +} + + + +@media only screen and (min-width: 401px) and (max-width: 523px) { + +/* .menu-div + { + margin-top: 30px !important; + } */ +} + +@media only screen and (max-width: 496px) { + + .featured-labs-div + { + background: none !important; + } +} + +@media only screen and (max-width: 540px) { + .broad-labs-empty-div + { + display: none; + } + .border-right-green-dotted + { + margin-top: 60px !important; + } +} + +@media only screen and (min-width: 401px) and (max-width: 767px) { + + .main-logo + { + width: 70%; + } +} + +@media only screen and (max-width: 767px) { + + .menu-ul + { + margin-top: 0px !important; + } + + .menu-li-active + { + background-color: white !important; + } + + .menu-a-active + { + color: #2C99CE !important; + } + + .search-ul + { + display: none !important; + } + + + +} + +@media only screen and (min-width: 768px) and (max-width: 991px) { + .menu-a + { + font-size: 1.4em !important; + } + + .main-logo + { + width: 70%; + } + + .banner-text-small + { + font-size: 1.2em !important; + } + + .banner-text-medium + { + font-size: 1.7em !important; + } + + .banner-text-big + { + font-size: 2.0em !important; + } + +} + +@media only screen and (max-width: 991px) { + .menu-ul + { + margin-top: 30px; + } + + .search-textbox + { + width: 150px; + font-size: 0.9em; + } + + .menu-li + { + margin-left: 10px; + margin-right: 10px; + } + .aboutus-col-8 + { + padding-right: 15px !important; + } + .footer-div + { + background-size: cover !important; + position:absolute; bottom:0; + } + + .lab-list-col-10 + { + /* background: none !important; */ + overflow:hidden; + } + + .featured-labs-main-div + { + margin-top: -35px !important; + } +} + + +@media only screen and (min-width: 992px) and (max-width: 1199px) { + +} + + +/*====================new grid================================*/ +@media only screen and (min-width: 992px) { + .col-md-2-5 + { + width: 20%; + float: left; + } +} + +@media only screen and (max-width: 991px) { + .col-md-2-5 + { + width: 33.33%; + float: left; + } + .col-md-2-5-1-l + { + background: url("../images/dotted-devider-h-o.png") no-repeat; + background-position: left bottom; + } +} + +@media only screen and (max-width: 767px) { + .col-md-2-5 + { + width: 50%; + float: left; + } +} + +@media only screen and (max-width: 540px) { + .col-md-2-5 + { + width: 100%; + float: left; + } +} +.col-md-2-5 +{ + position: relative; + min-height: 1px; + vertical-align: bottom; + /* display: flex; */ + min-height: 228px; +} + +.col-md-2-5-1-l +{ + width: 100%; + min-height: 228px; + height: 100%; +} + +.col-md-2-5-1-withbg +{ + background: url("../images/dotted-devider-h-o.png") no-repeat; + background-position: left bottom; + width: 100%; + min-height: 228px; + height: 100%; +} + +.col-md-2-5-2 +{ + padding-right: 15px; + padding-left: 15px; +} +/*************************************************************/ + +.featured-labs-div +{ + margin-left: 0px !important; + margin-right: 0px !important; + padding-left: 15px !important; +} +.border-bottom-img +{ + /* border-bottom: 2px dotted; + border-top : 0px; + border-left: 0px; + border-right: 0px; + -webkit-border-image: url(../images/dotted-devider-h-o.png) 30 round; Safari 3.1-5 + -o-border-image: url(../images/dotted-devider-h-o.png) 30 round; Opera 11-12.1 + border-image: url(../images/dotted-devider-h-o.png) 30 round; */ +} + +.broad-labs-a:HOVER +{ + text-decoration: none !important; + +} +.col-md-2-5-1-l:HOVER, .col-md-2-5-1-withbg:HOVER +{ + background-color: #e4e4e4 !important; +} + +.border-right-green-dotted +{ + border-right: 2px dotted; + margin-top: 30px; + border-right-color: #678f48; + min-height: 115px; +} + +a:focus +{ + color: #72AB44 !important; +} + +.featured-labs +{ + min-height: 208px !important; +} +/*========================font classes=======================*/ +.text-h2-lightblue +{ + color: #2C99CE; + font-size: 1.8em; + +} + +.text-a-lightgreen +{ + color: #72AB44; + font-size: 1.3em; + text-decoration: underline; +} + +.text-a-lightgreen:HOVER +{ + color: #72AB44 !important; +} + +.text-a-white +{ + color: white; + font-size: 1.4em; + text-decoration: underline; +} + + +.text-h2-lightblue-small +{ + color: #2C99CE; + font-size: 1.5em; +} + +.text-h3-darkblue-bold +{ + color: #3e6389; + font-size: 1.4em; + font-weight: bold; +} + +.text-h3-darkblue +{ + color: #3e6389; + font-size: 1.4em; +} + +.text-normal-gray-small +{ + color: #888; + font-size: 16px; +} + +.text-normal-gray-big +{ + color: #888; + font-size: 30px; +} +#experiment-article-section-1-heading +{ +color: #888; +font-size: 30px; +} +.text-normal-gray-smallest +{ + color: #888; + font-size: 13px; +} + +.featured-labs-icon-text +{ + color: #888; + font-size: 13px; +} + +.featured-labs-main-div +{ + margin-top: -50px; +} + +.nounderline +{ + text-decoration: none; +} + +.nounderline:HOVER +{ + text-decoration: none !important; +} +.text-normal-gray-medium +{ + color: #888; + font-size: 1.4em; +} +/*===========================================================*/ + +.shadow +{ + -webkit-box-shadow: inset 0 8px 6px -6px black; + -moz-box-shadow: inset 0 8px 6px -6px black; + box-shadow: inset 0 8px 6px -6px black; +} + + +/*owl style sheet*/ +#owl-demo .item{ + display: block; + padding: 1px 10px; + margin: 5px; + color: #888; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.owl-theme .owl-controls .owl-buttons div { + padding: 5px 9px; +} + +.owl-theme .owl-buttons i{ + margin-top: 2px; +} + +//To move navigation buttons outside use these settings: + +#owl-demo .owl-controls .owl-buttons div, #owl-partner-institutions .owl-controls .owl-buttons div{ + position: absolute; +} + +#owl-demo .owl-controls .owl-buttons .owl-prev{ + left: -45px; + top: 55px; + position: absolute; + background: none !important; +} + + #owl-partner-institutions .owl-controls .owl-buttons .owl-prev + { + left: -45px; + top: 20px; + position: absolute; + background: none !important; + } + +#owl-demo .owl-controls .owl-buttons .owl-next{ + right: -45px; + top: 55px; + position: absolute; + background: none !important; +} + +#owl-partner-institutions .owl-controls .owl-buttons .owl-next +{ + right: -45px; + top: 20px; + position: absolute; + background: none !important; +} + +#owl-demo .owl-controls .owl-pagination, #owl-partner-institutions .owl-controls .owl-pagination +{ + display: none; +} + +#owl-aboutus .owl-controls .owl-buttons +{ + display: none; +} + +#owl-aboutus .owl-controls .owl-pagination +{ + text-align: left; +} +#owl-aboutus .owl-controls .owl-page span +{ + background-color: white; + border: 2px solid; + height: 20px; + width: 20px; +} + +#owl-aboutus .owl-controls .owl-page.active span, #owl-aboutus .owl-controls.clickable .owl-page:hover span +{ + background-color: #FF6600; + border: 0px; +} +/*******************/ + + +/*Labs page*/ +.sidebar-col-2 +{ + +} + +.lab-list-col-10 +{ + background: url("../images/devider-blue-v-o.png") repeat-y; + background-position: left top; + margin-bottom: 25px; +} + +.sidebar-a:HOVER, .text-h3-darkblue:HOVER { + color: #ff6600 !important; +} + +.lab-list-row-div +{ + background: url('../images/bottom-line-n.png') no-repeat; + background-position: left bottom; + height: auto; + overflow: hidden; + border-bottom: 1.5px dotted; + border-bottom-color: #888; + padding-bottom: 10px; +} + +.lab-list-row-col-2 +{ + margin-top: 15px; +} + +/**********************************************************************************/ + +.banner-text +{ + position: relative; + top: -59px; + color: white !important; +} + +.banner-text-small +{ + font-size: 1.7em; +} + +.banner-text-medium +{ + font-size: 2.2em; +} + +.banner-text-big +{ + font-size: 2.7em; +} + +.baneer-text-sub-div +{ + position: relative; + float: left +} + +.banner-text-1 +{ + left: 3.7%; +} + +.banner-text-2 +{ + left: 9.6%; +} + +.banner-text-3 +{ + left: 15%; +} + +.banner-text-4 +{ + left:22%; +} + +.banner-caption-div +{ + position: absolute; + top: 140px; + left: 42%; + width: 150%; +} + +.banner-caption-text +{ + font-size: 2.0em; + line-height: normal; + color: black; +} + + +/*==========================RESPONSIVE+++++++++++++++++++++++++++++++*/ + +@media only screen and (max-width: 399px) { + + .banner-text-small + { + font-size: 0.8em !important; + } + + .banner-text-medium + { + font-size: 0.9em !important; + } + + .banner-text-big + { + font-size: 1.1em !important; + } + + .banner-text + { + top: -21px; + letter-spacing: -1.5px; + } + + .banner-text-1 + { + left: 1.5%; + } + + .banner-text-2 + { + left: 3.0%; + } + + .banner-text-3 + { + left: 5%; + } + + .banner-text-4 + { + left: 8%; + } + +} + +@media only screen and (min-width: 400px) and (max-width: 500px) { + .banner-text-small + { + font-size: 0.9em !important; + } + + .banner-text-medium + { + font-size: 1.1em !important; + } + + .banner-text-big + { + font-size: 1.2em !important; + } + + .banner-text + { + top: -24px; + letter-spacing: -1px; + } + + .banner-text-2 + { + left: 7.0%; + } + + .banner-text-3 + { + left: 12%; + } + + .banner-text-4 + { + left: 17%; + } +} + +@media only screen and (min-width: 501px) and (max-width: 767px) { + .banner-text-small + { + font-size: 0.9em !important; + } + + .banner-text-medium + { + font-size: 1.2em !important; + } + + .banner-text-big + { + font-size: 1.4em !important; + } + .banner-text + { + top: -30px; + } + + .banner-text-2 + { + left: 7.0%; + } + + .banner-text-3 + { + left: 12%; + } + + .banner-text-4 + { + left: 17%; + } +} + + +@media only screen and (max-width: 349px) { + + .banner-caption-text + { + font-size: 0.5em; + } + +} + +@media only screen and (min-width: 350px) and (max-width: 400px) { + + .banner-caption-text + { + font-size: 0.6em; + } + +} + + +@media only screen and (min-width: 401px) and (max-width: 444px) { + + .banner-caption-text + { + font-size: 0.7em; + } + +} + + +@media only screen and (min-width: 445px) and (max-width: 609px) { + + .banner-caption-text + { + font-size: 0.9em; + } + +} + +@media only screen and (min-width: 610px) and (max-width: 767px) { + + .banner-caption-text + { + font-size: 1.1em; + } + +} + +@media only screen and (max-width: 767px) { + .banner-caption-div + { + position: relative !important; + } +} + +@media only screen and (max-width: 346px) { + .banner-caption-div + { + top: -39px; + left: -32%; + } +} + +@media only screen and (min-width: 347px) and (max-width: 399px) { + .banner-caption-div + { + top: -43px; + left: -22%; + } +} + +@media only screen and (min-width: 400px) and (max-width: 444px) { + .banner-caption-div + { + top: -50px; + left: -31%; + } +} + +@media only screen and (min-width: 445px) and (max-width: 500px) { + .banner-caption-div + { + top: -57px; + left: -23%; + } +} + +@media only screen and (min-width: 501px) and (max-width: 569px) { + .banner-caption-div + { + top: -65px; + left: -30%; + } +} + +@media only screen and (min-width: 570px) and (max-width: 639px) { + .banner-caption-div + { + top: -74px; + left: -22%; + } +} + +@media only screen and (min-width: 640px) and (max-width: 709px) { + .banner-caption-div + { + top: -83px; + left: -16%; + } +} + +@media only screen and (min-width: 710px) and (max-width: 767px) { + .banner-caption-div + { + top: -92px; + left: -11%; + } +} + + +@media only screen and (min-width: 768px) and (max-width: 991px) { + + .banner-text-small + { + font-size: 1.2em !important; + } + + .banner-text-medium + { + font-size: 1.7em !important; + } + + .banner-text-big + { + font-size: 2.0em !important; + } + + .banner-text + { + top: -40px; + } + + .banner-text-2 + { + left: 7.0%; + } + + .banner-text-3 + { + left: 12%; + } + + .banner-text-4 + { + left: 17%; + } + + .banner-caption-text + { + font-size: 1.5em; + } + .banner-caption-div + { + top: 99px; + } +} + +@media only screen and (min-width: 992px) and (max-width: 1100px) { + + .banner-text + { + top: -52px; + } +} + +@media only screen and (min-width: 992px) and (max-width: 1150px) { + + .banner-text-2 + { + left: 7.0%; + } + + .banner-text-3 + { + left: 9%; + } + + .banner-text-4 + { + left: 12%; + } + + .banner-caption-text + { + font-size: 1.6em; + } + .banner-caption-div + { + top: 133px; + } +} + +@media only screen and (min-width: 1150px) and (max-width: 1275px) { + + .banner-text-2 + { + left: 8.3%; + } + .banner-text-3 + { + left: 12%; + } + + .banner-text-4 + { + left: 17%; + } + + .banner-caption-text + { + font-size: 1.8em; + } +} + diff --git a/css/style1.css b/css/style1.css new file mode 100644 index 0000000..fde8204 --- /dev/null +++ b/css/style1.css @@ -0,0 +1,1093 @@ +/* +Theme Name: Vlabs +Theme URI: http://www.vlabs.ac.in +Author: Vlabs.co.in +Author URI: http://www.vlabs.ac.in +Description: The theme to accompany the profile site for vlabs.ac.in +Version: 1.0 +*/ +@import url(http://fonts.googleapis.com/css?family=Open+Sans:300); +/ +/* +try to alter with above URL and check which fit the best +@import url(http://fonts.googleapis.com/css?family=Open+Sans); + +*/ +body { + overflow-x: hidden; + font-family: 'Open Sans', sans-serif; +} + +p { + font-size: 20px; +} + +p.small { + font-size: 16px; +} + +a, +a:hover, +a:focus, +a:active, +a.active { + outline: 0; +} +@media(min-width:768px) { + .navbar-fixed-top { + padding: 25px 0; + -webkit-transition: padding .3s; + -moz-transition: padding .3s; + transition: padding .3s; + } + + .navbar-fixed-top .navbar-brand { + font-size: 2em; + -webkit-transition: all .3s; + -moz-transition: all .3s; + transition: all .3s; + } + + .navbar-fixed-top.navbar-shrink { + padding: 10px 0; + } + + .navbar-fixed-top.navbar-shrink .navbar-brand { + font-size: 1.5em; + } +} + +.navbar a:focus { + outline: 0; +} + +.navbar .navbar-nav li a:focus { + outline: 0; +} + +.navbar-default, +.navbar-inverse { + border: 0; +} + +/*******************************************************************************/ +/*****************************CUSTOME STYLE*************************************/ +/*******************************************************************************/ + +.search-textbox +{ + background: url("../images/search-box.png") no-repeat; + border: 0 none; + color: #666666; + float: left; + font-family: Calibri; + font-size: 15px; + height: 36px; + margin: 0; + padding-left: 15px; + transition: background 0.3s ease-in-out 0s; + width: 220px; + +} + +.search-button +{ + background: url("../images/search.png") no-repeat; + cursor: pointer; + height: 36px; + text-indent: -99999em; + width: 36px; + border: 0px; + +} +.main-logo-a +{ + height: auto; + overflow: visible; + margin-left: 0px !important; + padding-bottom: 10px !important; + padding-top: 10px !important; +} + +.menu-a +{ + font-size: 18px !important; + font-family: Calibri !important; + color: #2C99CD !important; + padding-left: 10px !important; + padding-bottom: 5px !important; + padding-top: 5px !important; + padding-right: 10px !important; + +} + +.menu-a-active +{ + color: white !important; +} + +.menu-li +{ + /* float: right; */ + border-radius: 10px; + margin-left: 20px; + margin-right: 20px; +} + +.menu-li:HOVER +{ + background-color: #77BB41 !important; +} + +.menu-a:HOVER +{ + color: white !important; +} +.menu-li-active +{ + background-color: #77BB41; +} + +.menu-div +{ + /* margin-top: 30px; */ + +} + +.menu-ul +{ + margin-top: 52px; +} + +@media only screen and (max-width: 375px) { + .featured-labs-experiment-div + { + text-align: center; + } + .featured-labs-experiment-icon + { + float: left; + min-width: 78px; + } +} + + +@media only screen and (min-width: 401px) { + + .custom-toggle + { + margin-bottom: 0px !important; + margin-top: 27px !important; + } +} + +@media only screen and (max-width: 400px) { + + .main-logo-a + { + width: 60%; + } + + .custom-toggle + { + margin-bottom: 0px !important; + margin-top: 12% !important; + } + + +/* .menu-div + { + margin-top: 30px !important; + } */ + +} + + + +@media only screen and (min-width: 401px) and (max-width: 523px) { + +/* .menu-div + { + margin-top: 30px !important; + } */ +} + +@media only screen and (max-width: 496px) { + + .featured-labs-div + { + background: none !important; + } +} + +@media only screen and (max-width: 540px) { + .broad-labs-empty-div + { + display: none; + } + .border-right-green-dotted + { + margin-top: 60px !important; + } +} + +@media only screen and (min-width: 401px) and (max-width: 767px) { + + .main-logo + { + width: 70%; + } +} + +@media only screen and (max-width: 767px) { + + .menu-ul + { + margin-top: 0px !important; + } + + .menu-li-active + { + background-color: white !important; + } + + .menu-a-active + { + color: #2C99CE !important; + } + + .search-ul + { + display: none !important; + } + + + +} + +@media only screen and (min-width: 768px) and (max-width: 991px) { + .menu-a + { + font-size: 1.4em !important; + } + + .main-logo + { + width: 70%; + } + + .banner-text-small + { + font-size: 1.2em !important; + } + + .banner-text-medium + { + font-size: 1.7em !important; + } + + .banner-text-big + { + font-size: 2.0em !important; + } + +} + +@media only screen and (max-width: 991px) { + .menu-ul + { + margin-top: 30px; + } + + .search-textbox + { + width: 150px; + font-size: 0.9em; + } + + .menu-li + { + margin-left: 10px; + margin-right: 10px; + } + .aboutus-col-8 + { + padding-right: 15px !important; + } + .footer-div + { + background-size: cover !important; + } + + .lab-list-col-10 + { + /* background: none !important; */ + } + + .featured-labs-main-div + { + margin-top: -35px !important; + } +} + +@media only screen and (min-width: 992px) and (max-width: 1199px) { + +} + + +/*====================new grid================================*/ +@media only screen and (min-width: 992px) { + .col-md-2-5 + { + width: 20%; + float: left; + } +} + +@media only screen and (max-width: 991px) { + .col-md-2-5 + { + width: 33.33%; + float: left; + } + .col-md-2-5-1-l + { + background: url("../images/dotted-devider-h-o.png") no-repeat; + background-position: left bottom; + } +} + +@media only screen and (max-width: 767px) { + .col-md-2-5 + { + width: 50%; + float: left; + } +} + +@media only screen and (max-width: 540px) { + .col-md-2-5 + { + width: 100%; + float: left; + } +} +.col-md-2-5 +{ + position: relative; + min-height: 1px; + vertical-align: bottom; + /* display: flex; */ + min-height: 228px; +} + +.col-md-2-5-1-l +{ + width: 100%; + min-height: 228px; + height: 100%; +} + +.col-md-2-5-1-withbg +{ + background: url("../images/dotted-devider-h-o.png") no-repeat; + background-position: left bottom; + width: 100%; + min-height: 228px; + height: 100%; +} + +.col-md-2-5-2 +{ + padding-right: 15px; + padding-left: 15px; +} +/*************************************************************/ +.row-container-height{ + height:180px; +} + +.featured-labs-div +{ + margin-left: 0px !important; + margin-right: 0px !important; + padding-left: 15px !important; +} +.border-bottom-img +{ + /* border-bottom: 2px dotted; + border-top : 0px; + border-left: 0px; + border-right: 0px; + -webkit-border-image: url(../images/dotted-devider-h-o.png) 30 round; Safari 3.1-5 + -o-border-image: url(../images/dotted-devider-h-o.png) 30 round; Opera 11-12.1 + border-image: url(../images/dotted-devider-h-o.png) 30 round; */ +} + +.broad-labs-a:HOVER +{ + text-decoration: none !important; + +} +.col-md-2-5-1-l:HOVER, .col-md-2-5-1-withbg:HOVER +{ + background-color: #e4e4e4 !important; +} + +.border-right-green-dotted +{ + border-right: 2px dotted; + margin-top: 30px; + border-right-color: #678f48; + min-height: 115px; +} + +a:focus +{ + color: #72AB44 !important; +} + +.featured-labs +{ + min-height: 208px !important; + /*overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-line-clamp: 3; + -webkit-box-orient: vertical;*/ +} +/*========================font classes=======================*/ +.text-h2-lightblue +{ + color: #2C99CE; + font-size: 1.8em; + margin-left: 0.8em; + font-size: 1.2em; +} + +.text-a-lightgreen +{ + color: #72AB44; + font-size: 1.3em; + text-decoration: underline; +} + +.text-a-lightgreen:HOVER +{ + color: #72AB44 !important; +} + +.text-a-white +{ + color: white; + font-size: 1.4em; + text-decoration: underline; +} + + +.text-h2-lightblue-small +{ + color: #2C99CE; + font-size: 1.5em; +} + +.text-h3-darkblue-bold +{ + color: #3e6389; + font-size: 1em; + font-weight: normal; +} + +.text-h3-darkblue +{ + color: #3e6389; + font-size: 1.4em; +} + +.text-normal-gray-small +{ + color: #888; + font-size: 12px; +} + +.text-normal-gray-big +{ + color: #888; + font-size: 30px; +} + +.text-normal-gray-smallest +{ + color: #888; + font-size: 13px; +} + +.featured-labs-icon-text +{ + color: #888; + font-size: 13px; +} + +.featured-labs-main-div +{ + margin-top: -50px; +} + +.nounderline +{ + text-decoration: none; +} + +.nounderline:HOVER +{ + text-decoration: none !important; +} +.text-normal-gray-medium +{ + color: #888; + font-size: 1.4em; +} +/*===========================================================*/ + +.shadow +{ + -webkit-box-shadow: inset 0 8px 6px -6px black; + -moz-box-shadow: inset 0 8px 6px -6px black; + box-shadow: inset 0 8px 6px -6px black; +} + + +/*owl style sheet*/ +#owl-demo .item{ + display: block; + padding: 1px 10px; + margin: 5px; + color: #888; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.owl-theme .owl-controls .owl-buttons div { + padding: 5px 9px; +} + +.owl-theme .owl-buttons i{ + margin-top: 2px; +} + +//To move navigation buttons outside use these settings: + +#owl-demo .owl-controls .owl-buttons div, #owl-partner-institutions .owl-controls .owl-buttons div{ + position: absolute; +} + +#owl-demo .owl-controls .owl-buttons .owl-prev{ + left: -45px; + top: 55px; + position: absolute; + background: none !important; +} + + #owl-partner-institutions .owl-controls .owl-buttons .owl-prev + { + left: -45px; + top: 20px; + position: absolute; + background: none !important; + } + +#owl-demo .owl-controls .owl-buttons .owl-next{ + right: -45px; + top: 55px; + position: absolute; + background: none !important; +} + +#owl-partner-institutions .owl-controls .owl-buttons .owl-next +{ + right: -45px; + top: 20px; + position: absolute; + background: none !important; +} + +#owl-demo .owl-controls .owl-pagination, #owl-partner-institutions .owl-controls .owl-pagination +{ + display: none; +} + +#owl-aboutus .owl-controls .owl-buttons +{ + display: none; +} + +#owl-aboutus .owl-controls .owl-pagination +{ + text-align: left; +} +#owl-aboutus .owl-controls .owl-page span +{ + background-color: white; + border: 2px solid; + height: 20px; + width: 20px; +} + +#owl-aboutus .owl-controls .owl-page.active span, #owl-aboutus .owl-controls.clickable .owl-page:hover span +{ + background-color: #FF6600; + border: 0px; +} +/*******************/ + + +/*Labs page*/ +.sidebar-col-2 +{ + +} + +.lab-list-col-10 +{ + background: url("../images/devider-blue-v-o.png") repeat-y; + background-position: left top; + margin-bottom: 25px; +} + +.sidebar-a:HOVER, .text-h3-darkblue:HOVER { + color: #ff6600 !important; +} + +.lab-list-row-div +{ + background: url('../images/bottom-line-n.png') no-repeat; + background-position: left bottom; + height: auto; + overflow: hidden; + border-bottom: 1.5px dotted; + border-bottom-color: #888; + padding-bottom: 10px; +} + +.lab-list-row-col-2 +{ + margin-top: 15px; +} + +/**********************************************************************************/ + +.banner-text +{ + position: relative; + top: -59px; + color: white !important; +} + +.banner-text-small +{ + font-size: 1.7em; +} + +.banner-text-medium +{ + font-size: 2.2em; +} + +.banner-text-big +{ + font-size: 2.7em; +} + +.baneer-text-sub-div +{ + position: relative; + float: left +} + +.banner-text-1 +{ + left: 3.7%; +} + +.banner-text-2 +{ + left: 9.6%; +} + +.banner-text-3 +{ + left: 15%; +} + +.banner-text-4 +{ + left:22%; +} + +.banner-caption-div +{ + position: absolute; + top: 140px; + left: 3.7%; + width: 150%; +} + +.banner-caption-text +{ +<<<<<<< HEAD + font-size: 2.0em; + text-align: left; +======= + font-size: 1.2em; +>>>>>>> f3b4f22ca1ec6639cf95185650d5427a8bca30ee + line-height: normal; + color: black; + +} + + +/*==========================RESPONSIVE+++++++++++++++++++++++++++++++*/ + +@media only screen and (max-width: 399px) { + + .banner-text-small + { + font-size: 0.8em !important; + } + + .banner-text-medium + { + font-size: 0.9em !important; + } + + .banner-text-big + { + font-size: 1.1em !important; + } + + .banner-text + { + top: -21px; + letter-spacing: -1.5px; + } + + .banner-text-1 + { + left: 1.5%; + } + + .banner-text-2 + { + left: 3.0%; + } + + .banner-text-3 + { + left: 5%; + } + + .banner-text-4 + { + left: 8%; + } + +} + +@media only screen and (min-width: 400px) and (max-width: 500px) { + .banner-text-small + { + font-size: 0.9em !important; + } + + .banner-text-medium + { + font-size: 1.1em !important; + } + + .banner-text-big + { + font-size: 1.2em !important; + } + + .banner-text + { + top: -24px; + letter-spacing: -1px; + } + + .banner-text-2 + { + left: 7.0%; + } + + .banner-text-3 + { + left: 12%; + } + + .banner-text-4 + { + left: 17%; + } +} + +@media only screen and (min-width: 501px) and (max-width: 767px) { + .banner-text-small + { + font-size: 0.9em !important; + } + + .banner-text-medium + { + font-size: 1.2em !important; + } + + .banner-text-big + { + font-size: 1.4em !important; + } + .banner-text + { + top: -30px; + } + + .banner-text-2 + { + left: 7.0%; + } + + .banner-text-3 + { + left: 12%; + } + + .banner-text-4 + { + left: 17%; + } +} + + +@media only screen and (max-width: 349px) { + + .banner-caption-text + { + font-size: 0.5em; + } + +} + +@media only screen and (min-width: 350px) and (max-width: 400px) { + + .banner-caption-text + { + font-size: 0.6em; + } + +} + + +@media only screen and (min-width: 401px) and (max-width: 444px) { + + .banner-caption-text + { + font-size: 0.7em; + } + +} + + +@media only screen and (min-width: 445px) and (max-width: 609px) { + + .banner-caption-text + { + font-size: 0.9em; + } + +} + +@media only screen and (min-width: 610px) and (max-width: 767px) { + + .banner-caption-text + { + font-size: 1.1em; + } + +} + +@media only screen and (max-width: 767px) { + .banner-caption-div + { + position: relative !important; + } +} + +@media only screen and (max-width: 346px) { + .banner-caption-div + { + top: -39px; + left: -32%; + } +} + +@media only screen and (min-width: 347px) and (max-width: 399px) { + .banner-caption-div + { + top: -43px; + left: -22%; + } +} + +@media only screen and (min-width: 400px) and (max-width: 444px) { + .banner-caption-div + { + top: -50px; + left: -31%; + } +} + +@media only screen and (min-width: 445px) and (max-width: 500px) { + .banner-caption-div + { + top: -57px; + left: -23%; + } +} + +@media only screen and (min-width: 501px) and (max-width: 569px) { + .banner-caption-div + { + top: -65px; + left: -30%; + } +} + +@media only screen and (min-width: 570px) and (max-width: 639px) { + .banner-caption-div + { + top: -74px; + left: -22%; + } +} + +@media only screen and (min-width: 640px) and (max-width: 709px) { + .banner-caption-div + { + top: -83px; + left: -16%; + } +} + +@media only screen and (min-width: 710px) and (max-width: 767px) { + .banner-caption-div + { + top: -92px; + left: -11%; + } +} + + +@media only screen and (min-width: 768px) and (max-width: 991px) { + + .banner-text-small + { + font-size: 1.2em !important; + } + + .banner-text-medium + { + font-size: 1.7em !important; + } + + .banner-text-big + { + font-size: 2.0em !important; + } + + .banner-text + { + top: -40px; + } + + .banner-text-2 + { + left: 7.0%; + } + + .banner-text-3 + { + left: 12%; + } + + .banner-text-4 + { + left: 17%; + } + + .banner-caption-text + { + font-size: 1.5em; + } + .banner-caption-div + { + top: 99px; + } +} + +@media only screen and (min-width: 992px) and (max-width: 1100px) { + + .banner-text + { + top: -52px; + } +} + +@media only screen and (min-width: 992px) and (max-width: 1150px) { + + .banner-text-2 + { + left: 7.0%; + } + + .banner-text-3 + { + left: 9%; + } + + .banner-text-4 + { + left: 12%; + } + + .banner-caption-text + { + font-size: 1.6em; + } + .banner-caption-div + { + top: 133px; + } +} + +@media only screen and (min-width: 1150px) and (max-width: 1275px) { + + .banner-text-2 + { + left: 8.3%; + } + .banner-text-3 + { + left: 12%; + } + + .banner-text-4 + { + left: 17%; + } + + .banner-caption-text + { + font-size: 1.8em; + } +} + diff --git a/images/_dotted-devider.png b/images/_dotted-devider.png new file mode 100644 index 0000000..3a78f8d Binary files /dev/null and b/images/_dotted-devider.png differ diff --git a/images/_footer.png b/images/_footer.png new file mode 100644 index 0000000..c514a5b Binary files /dev/null and b/images/_footer.png differ diff --git a/images/about-us/img1.png b/images/about-us/img1.png new file mode 100644 index 0000000..0c1d239 Binary files /dev/null and b/images/about-us/img1.png differ diff --git a/images/about-us/img2.png b/images/about-us/img2.png new file mode 100644 index 0000000..d07b5a0 Binary files /dev/null and b/images/about-us/img2.png differ diff --git a/images/about-us/img3.png b/images/about-us/img3.png new file mode 100644 index 0000000..0e4ada1 Binary files /dev/null and b/images/about-us/img3.png differ diff --git a/images/about-us/img4.png b/images/about-us/img4.png new file mode 100644 index 0000000..f11cebe Binary files /dev/null and b/images/about-us/img4.png differ diff --git a/images/banner_img.jpg b/images/banner_img.jpg new file mode 100644 index 0000000..6f66d20 Binary files /dev/null and b/images/banner_img.jpg differ diff --git a/images/bottom-line-n.png b/images/bottom-line-n.png new file mode 100644 index 0000000..2d731e2 Binary files /dev/null and b/images/bottom-line-n.png differ diff --git a/images/bottom-line.png b/images/bottom-line.png new file mode 100644 index 0000000..4bf20f9 Binary files /dev/null and b/images/bottom-line.png differ diff --git a/images/chat.png b/images/chat.png new file mode 100644 index 0000000..67ed90e Binary files /dev/null and b/images/chat.png differ diff --git a/images/deivder-green-v.png b/images/deivder-green-v.png new file mode 100644 index 0000000..be670fa Binary files /dev/null and b/images/deivder-green-v.png differ diff --git a/images/devider-blue-v-o.png b/images/devider-blue-v-o.png new file mode 100644 index 0000000..7adc012 Binary files /dev/null and b/images/devider-blue-v-o.png differ diff --git a/images/devider-green-v-o.png b/images/devider-green-v-o.png new file mode 100644 index 0000000..7119e33 Binary files /dev/null and b/images/devider-green-v-o.png differ diff --git a/images/dotted-devider-h-o.png b/images/dotted-devider-h-o.png new file mode 100644 index 0000000..7bb9651 Binary files /dev/null and b/images/dotted-devider-h-o.png differ diff --git a/images/dotted-devider-h.png b/images/dotted-devider-h.png new file mode 100644 index 0000000..7cc9b9e Binary files /dev/null and b/images/dotted-devider-h.png differ diff --git a/images/dotted-devider-v-o.png b/images/dotted-devider-v-o.png new file mode 100644 index 0000000..1233523 Binary files /dev/null and b/images/dotted-devider-v-o.png differ diff --git a/images/engineering/icon_1.png b/images/engineering/icon_1.png new file mode 100644 index 0000000..bcf62b0 Binary files /dev/null and b/images/engineering/icon_1.png differ diff --git a/images/engineering/icon_2.png b/images/engineering/icon_2.png new file mode 100644 index 0000000..a6333a8 Binary files /dev/null and b/images/engineering/icon_2.png differ diff --git a/images/engineering/icon_3.png b/images/engineering/icon_3.png new file mode 100644 index 0000000..f7e158d Binary files /dev/null and b/images/engineering/icon_3.png differ diff --git a/images/engineering/icon_4.png b/images/engineering/icon_4.png new file mode 100644 index 0000000..5dbd5f9 Binary files /dev/null and b/images/engineering/icon_4.png differ diff --git a/images/engineering/icon_5.png b/images/engineering/icon_5.png new file mode 100644 index 0000000..92a54cc Binary files /dev/null and b/images/engineering/icon_5.png differ diff --git a/images/engineering/icon_6.png b/images/engineering/icon_6.png new file mode 100644 index 0000000..7574373 Binary files /dev/null and b/images/engineering/icon_6.png differ diff --git a/images/engineering/icon_7.png b/images/engineering/icon_7.png new file mode 100644 index 0000000..750226b Binary files /dev/null and b/images/engineering/icon_7.png differ diff --git a/images/engineering/icon_8.png b/images/engineering/icon_8.png new file mode 100644 index 0000000..66cdc49 Binary files /dev/null and b/images/engineering/icon_8.png differ diff --git a/images/engineering/icon_9.png b/images/engineering/icon_9.png new file mode 100644 index 0000000..97ba913 Binary files /dev/null and b/images/engineering/icon_9.png differ diff --git a/images/engineering/old/biotechnology-eng.png b/images/engineering/old/biotechnology-eng.png new file mode 100644 index 0000000..1756ede Binary files /dev/null and b/images/engineering/old/biotechnology-eng.png differ diff --git a/images/engineering/old/chamical-eng.png b/images/engineering/old/chamical-eng.png new file mode 100644 index 0000000..6c7f218 Binary files /dev/null and b/images/engineering/old/chamical-eng.png differ diff --git a/images/engineering/old/chemical-sci.png b/images/engineering/old/chemical-sci.png new file mode 100644 index 0000000..b88ea59 Binary files /dev/null and b/images/engineering/old/chemical-sci.png differ diff --git a/images/engineering/old/civil-eng.png b/images/engineering/old/civil-eng.png new file mode 100644 index 0000000..87af8e2 Binary files /dev/null and b/images/engineering/old/civil-eng.png differ diff --git a/images/engineering/old/electrical-eng.png b/images/engineering/old/electrical-eng.png new file mode 100644 index 0000000..e365f5e Binary files /dev/null and b/images/engineering/old/electrical-eng.png differ diff --git a/images/engineering/old/electronics-eng.png b/images/engineering/old/electronics-eng.png new file mode 100644 index 0000000..2159f2c Binary files /dev/null and b/images/engineering/old/electronics-eng.png differ diff --git a/images/favicon.ico b/images/favicon.ico new file mode 100644 index 0000000..d09a558 Binary files /dev/null and b/images/favicon.ico differ diff --git a/images/favicon.png b/images/favicon.png new file mode 100644 index 0000000..fa4d472 Binary files /dev/null and b/images/favicon.png differ diff --git a/images/flask.png b/images/flask.png new file mode 100644 index 0000000..3704e8f Binary files /dev/null and b/images/flask.png differ diff --git a/images/footer-o.png b/images/footer-o.png new file mode 100644 index 0000000..a1edda2 Binary files /dev/null and b/images/footer-o.png differ diff --git a/images/footer.png b/images/footer.png new file mode 100644 index 0000000..7f5e1d2 Binary files /dev/null and b/images/footer.png differ diff --git a/images/icon_chat.png b/images/icon_chat.png new file mode 100644 index 0000000..da7fcc3 Binary files /dev/null and b/images/icon_chat.png differ diff --git a/images/icon_lab.png b/images/icon_lab.png new file mode 100644 index 0000000..c32ce1c Binary files /dev/null and b/images/icon_lab.png differ diff --git a/images/iit/amrita.jpeg b/images/iit/amrita.jpeg new file mode 100644 index 0000000..4a2e474 Binary files /dev/null and b/images/iit/amrita.jpeg differ diff --git a/images/iit/amrita.png b/images/iit/amrita.png new file mode 100644 index 0000000..4a2e474 Binary files /dev/null and b/images/iit/amrita.png differ diff --git a/images/iit/dayalbagh.jpeg b/images/iit/dayalbagh.jpeg new file mode 100644 index 0000000..a8df183 Binary files /dev/null and b/images/iit/dayalbagh.jpeg differ diff --git a/images/iit/iit-delhi.png b/images/iit/iit-delhi.png new file mode 100644 index 0000000..44b43bd Binary files /dev/null and b/images/iit/iit-delhi.png differ diff --git a/images/iit/iit-guwahati.png b/images/iit/iit-guwahati.png new file mode 100644 index 0000000..2ae2201 Binary files /dev/null and b/images/iit/iit-guwahati.png differ diff --git a/images/iit/iit-kanpur.png b/images/iit/iit-kanpur.png new file mode 100644 index 0000000..932565f Binary files /dev/null and b/images/iit/iit-kanpur.png differ diff --git a/images/iit/iit-kharagpur.png b/images/iit/iit-kharagpur.png new file mode 100644 index 0000000..0444607 Binary files /dev/null and b/images/iit/iit-kharagpur.png differ diff --git a/images/iit/iit-madras.png b/images/iit/iit-madras.png new file mode 100644 index 0000000..23c64d7 Binary files /dev/null and b/images/iit/iit-madras.png differ diff --git a/images/iit/iit-mumbai.png b/images/iit/iit-mumbai.png new file mode 100644 index 0000000..536f2b9 Binary files /dev/null and b/images/iit/iit-mumbai.png differ diff --git a/images/iit/iit-roorkee.png b/images/iit/iit-roorkee.png new file mode 100644 index 0000000..d04ccc9 Binary files /dev/null and b/images/iit/iit-roorkee.png differ diff --git a/images/iit/iithyderabad.jpeg b/images/iit/iithyderabad.jpeg new file mode 100644 index 0000000..a13031b Binary files /dev/null and b/images/iit/iithyderabad.jpeg differ diff --git a/images/iit/nit.jpeg b/images/iit/nit.jpeg new file mode 100644 index 0000000..85e2ca4 Binary files /dev/null and b/images/iit/nit.jpeg differ diff --git a/images/iit/pune.jpeg b/images/iit/pune.jpeg new file mode 100644 index 0000000..7cf86f0 Binary files /dev/null and b/images/iit/pune.jpeg differ diff --git a/images/iit/rsz_1amrita.jpg b/images/iit/rsz_1amrita.jpg new file mode 100644 index 0000000..3684a0f Binary files /dev/null and b/images/iit/rsz_1amrita.jpg differ diff --git a/images/left-arrow.png b/images/left-arrow.png new file mode 100644 index 0000000..f9db70c Binary files /dev/null and b/images/left-arrow.png differ diff --git a/images/logo-new.png b/images/logo-new.png new file mode 100644 index 0000000..1016e90 Binary files /dev/null and b/images/logo-new.png differ diff --git a/images/logo.png b/images/logo.png new file mode 100644 index 0000000..bdf6dee Binary files /dev/null and b/images/logo.png differ diff --git a/images/right-arrow.png b/images/right-arrow.png new file mode 100644 index 0000000..15ad9d1 Binary files /dev/null and b/images/right-arrow.png differ diff --git a/images/search-box.png b/images/search-box.png new file mode 100644 index 0000000..4865916 Binary files /dev/null and b/images/search-box.png differ diff --git a/images/search.png b/images/search.png new file mode 100644 index 0000000..eea6956 Binary files /dev/null and b/images/search.png differ diff --git a/images/slider-72.png b/images/slider-72.png new file mode 100644 index 0000000..6c7a8d8 Binary files /dev/null and b/images/slider-72.png differ diff --git a/images/slider.png b/images/slider.png new file mode 100644 index 0000000..6c7a8d8 Binary files /dev/null and b/images/slider.png differ diff --git a/images/social/fb.png b/images/social/fb.png new file mode 100644 index 0000000..c9d98cb Binary files /dev/null and b/images/social/fb.png differ diff --git a/images/social/linkedin.png b/images/social/linkedin.png new file mode 100644 index 0000000..bacc648 Binary files /dev/null and b/images/social/linkedin.png differ diff --git a/images/social/twitter.png b/images/social/twitter.png new file mode 100644 index 0000000..226ac21 Binary files /dev/null and b/images/social/twitter.png differ diff --git a/images/students.png b/images/students.png new file mode 100644 index 0000000..b12c4f5 Binary files /dev/null and b/images/students.png differ diff --git a/images/uni-logos/COEP.png b/images/uni-logos/COEP.png new file mode 100644 index 0000000..e9e0b50 Binary files /dev/null and b/images/uni-logos/COEP.png differ diff --git a/images/uni-logos/IIT_Delhi.png b/images/uni-logos/IIT_Delhi.png new file mode 100644 index 0000000..f27f483 Binary files /dev/null and b/images/uni-logos/IIT_Delhi.png differ diff --git a/images/uni-logos/IIT_bombay.png b/images/uni-logos/IIT_bombay.png new file mode 100644 index 0000000..5d22db9 Binary files /dev/null and b/images/uni-logos/IIT_bombay.png differ diff --git a/images/uni-logos/IIT_guwahati.png b/images/uni-logos/IIT_guwahati.png new file mode 100644 index 0000000..9669f92 Binary files /dev/null and b/images/uni-logos/IIT_guwahati.png differ diff --git a/images/uni-logos/IIT_hyderabad.png b/images/uni-logos/IIT_hyderabad.png new file mode 100644 index 0000000..e3d9b25 Binary files /dev/null and b/images/uni-logos/IIT_hyderabad.png differ diff --git a/images/uni-logos/IIT_kanpur.png b/images/uni-logos/IIT_kanpur.png new file mode 100644 index 0000000..b644cc7 Binary files /dev/null and b/images/uni-logos/IIT_kanpur.png differ diff --git a/images/uni-logos/IIT_kharagpur.png b/images/uni-logos/IIT_kharagpur.png new file mode 100644 index 0000000..1a5175a Binary files /dev/null and b/images/uni-logos/IIT_kharagpur.png differ diff --git a/images/uni-logos/IIT_madras.png b/images/uni-logos/IIT_madras.png new file mode 100644 index 0000000..c783b82 Binary files /dev/null and b/images/uni-logos/IIT_madras.png differ diff --git a/images/uni-logos/IIT_roorkee.png b/images/uni-logos/IIT_roorkee.png new file mode 100644 index 0000000..30ab051 Binary files /dev/null and b/images/uni-logos/IIT_roorkee.png differ diff --git a/images/uni-logos/NIIT_karnataka.png b/images/uni-logos/NIIT_karnataka.png new file mode 100644 index 0000000..ad63cc7 Binary files /dev/null and b/images/uni-logos/NIIT_karnataka.png differ diff --git a/images/uni-logos/amruta university.png b/images/uni-logos/amruta university.png new file mode 100644 index 0000000..29ba2f8 Binary files /dev/null and b/images/uni-logos/amruta university.png differ diff --git a/images/uni-logos/amrutauniversity.png b/images/uni-logos/amrutauniversity.png new file mode 100644 index 0000000..b83e5b2 Binary files /dev/null and b/images/uni-logos/amrutauniversity.png differ diff --git a/images/uni-logos/dayalbagh.png b/images/uni-logos/dayalbagh.png new file mode 100644 index 0000000..5c86b8f Binary files /dev/null and b/images/uni-logos/dayalbagh.png differ diff --git a/images/uni-logos/iiit_Hyd.png b/images/uni-logos/iiit_Hyd.png new file mode 100644 index 0000000..f47deee Binary files /dev/null and b/images/uni-logos/iiit_Hyd.png differ diff --git a/js/bootstrap.js b/js/bootstrap.js new file mode 100755 index 0000000..5debfd7 --- /dev/null +++ b/js/bootstrap.js @@ -0,0 +1,2363 @@ +/*! + * Bootstrap v3.3.5 (http://getbootstrap.com) + * Copyright 2011-2015 Twitter, Inc. + * Licensed under the MIT license + */ + +if (typeof jQuery === 'undefined') { + throw new Error('Bootstrap\'s JavaScript requires jQuery') +} + ++function ($) { + 'use strict'; + var version = $.fn.jquery.split(' ')[0].split('.') + if ((version[0] < 2 && version[1] < 9) || (version[0] == 1 && version[1] == 9 && version[2] < 1)) { + throw new Error('Bootstrap\'s JavaScript requires jQuery version 1.9.1 or higher') + } +}(jQuery); + +/* ======================================================================== + * Bootstrap: transition.js v3.3.5 + * http://getbootstrap.com/javascript/#transitions + * ======================================================================== + * Copyright 2011-2015 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * ======================================================================== */ + + ++function ($) { + 'use strict'; + + // CSS TRANSITION SUPPORT (Shoutout: http://www.modernizr.com/) + // ============================================================ + + function transitionEnd() { + var el = document.createElement('bootstrap') + + var transEndEventNames = { + WebkitTransition : 'webkitTransitionEnd', + MozTransition : 'transitionend', + OTransition : 'oTransitionEnd otransitionend', + transition : 'transitionend' + } + + for (var name in transEndEventNames) { + if (el.style[name] !== undefined) { + return { end: transEndEventNames[name] } + } + } + + return false // explicit for ie8 ( ._.) + } + + // http://blog.alexmaccaw.com/css-transitions + $.fn.emulateTransitionEnd = function (duration) { + var called = false + var $el = this + $(this).one('bsTransitionEnd', function () { called = true }) + var callback = function () { if (!called) $($el).trigger($.support.transition.end) } + setTimeout(callback, duration) + return this + } + + $(function () { + $.support.transition = transitionEnd() + + if (!$.support.transition) return + + $.event.special.bsTransitionEnd = { + bindType: $.support.transition.end, + delegateType: $.support.transition.end, + handle: function (e) { + if ($(e.target).is(this)) return e.handleObj.handler.apply(this, arguments) + } + } + }) + +}(jQuery); + +/* ======================================================================== + * Bootstrap: alert.js v3.3.5 + * http://getbootstrap.com/javascript/#alerts + * ======================================================================== + * Copyright 2011-2015 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * ======================================================================== */ + + ++function ($) { + 'use strict'; + + // ALERT CLASS DEFINITION + // ====================== + + var dismiss = '[data-dismiss="alert"]' + var Alert = function (el) { + $(el).on('click', dismiss, this.close) + } + + Alert.VERSION = '3.3.5' + + Alert.TRANSITION_DURATION = 150 + + Alert.prototype.close = function (e) { + var $this = $(this) + var selector = $this.attr('data-target') + + if (!selector) { + selector = $this.attr('href') + selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') // strip for ie7 + } + + var $parent = $(selector) + + if (e) e.preventDefault() + + if (!$parent.length) { + $parent = $this.closest('.alert') + } + + $parent.trigger(e = $.Event('close.bs.alert')) + + if (e.isDefaultPrevented()) return + + $parent.removeClass('in') + + function removeElement() { + // detach from parent, fire event then clean up data + $parent.detach().trigger('closed.bs.alert').remove() + } + + $.support.transition && $parent.hasClass('fade') ? + $parent + .one('bsTransitionEnd', removeElement) + .emulateTransitionEnd(Alert.TRANSITION_DURATION) : + removeElement() + } + + + // ALERT PLUGIN DEFINITION + // ======================= + + function Plugin(option) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs.alert') + + if (!data) $this.data('bs.alert', (data = new Alert(this))) + if (typeof option == 'string') data[option].call($this) + }) + } + + var old = $.fn.alert + + $.fn.alert = Plugin + $.fn.alert.Constructor = Alert + + + // ALERT NO CONFLICT + // ================= + + $.fn.alert.noConflict = function () { + $.fn.alert = old + return this + } + + + // ALERT DATA-API + // ============== + + $(document).on('click.bs.alert.data-api', dismiss, Alert.prototype.close) + +}(jQuery); + +/* ======================================================================== + * Bootstrap: button.js v3.3.5 + * http://getbootstrap.com/javascript/#buttons + * ======================================================================== + * Copyright 2011-2015 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * ======================================================================== */ + + ++function ($) { + 'use strict'; + + // BUTTON PUBLIC CLASS DEFINITION + // ============================== + + var Button = function (element, options) { + this.$element = $(element) + this.options = $.extend({}, Button.DEFAULTS, options) + this.isLoading = false + } + + Button.VERSION = '3.3.5' + + Button.DEFAULTS = { + loadingText: 'loading...' + } + + Button.prototype.setState = function (state) { + var d = 'disabled' + var $el = this.$element + var val = $el.is('input') ? 'val' : 'html' + var data = $el.data() + + state += 'Text' + + if (data.resetText == null) $el.data('resetText', $el[val]()) + + // push to event loop to allow forms to submit + setTimeout($.proxy(function () { + $el[val](data[state] == null ? this.options[state] : data[state]) + + if (state == 'loadingText') { + this.isLoading = true + $el.addClass(d).attr(d, d) + } else if (this.isLoading) { + this.isLoading = false + $el.removeClass(d).removeAttr(d) + } + }, this), 0) + } + + Button.prototype.toggle = function () { + var changed = true + var $parent = this.$element.closest('[data-toggle="buttons"]') + + if ($parent.length) { + var $input = this.$element.find('input') + if ($input.prop('type') == 'radio') { + if ($input.prop('checked')) changed = false + $parent.find('.active').removeClass('active') + this.$element.addClass('active') + } else if ($input.prop('type') == 'checkbox') { + if (($input.prop('checked')) !== this.$element.hasClass('active')) changed = false + this.$element.toggleClass('active') + } + $input.prop('checked', this.$element.hasClass('active')) + if (changed) $input.trigger('change') + } else { + this.$element.attr('aria-pressed', !this.$element.hasClass('active')) + this.$element.toggleClass('active') + } + } + + + // BUTTON PLUGIN DEFINITION + // ======================== + + function Plugin(option) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs.button') + var options = typeof option == 'object' && option + + if (!data) $this.data('bs.button', (data = new Button(this, options))) + + if (option == 'toggle') data.toggle() + else if (option) data.setState(option) + }) + } + + var old = $.fn.button + + $.fn.button = Plugin + $.fn.button.Constructor = Button + + + // BUTTON NO CONFLICT + // ================== + + $.fn.button.noConflict = function () { + $.fn.button = old + return this + } + + + // BUTTON DATA-API + // =============== + + $(document) + .on('click.bs.button.data-api', '[data-toggle^="button"]', function (e) { + var $btn = $(e.target) + if (!$btn.hasClass('btn')) $btn = $btn.closest('.btn') + Plugin.call($btn, 'toggle') + if (!($(e.target).is('input[type="radio"]') || $(e.target).is('input[type="checkbox"]'))) e.preventDefault() + }) + .on('focus.bs.button.data-api blur.bs.button.data-api', '[data-toggle^="button"]', function (e) { + $(e.target).closest('.btn').toggleClass('focus', /^focus(in)?$/.test(e.type)) + }) + +}(jQuery); + +/* ======================================================================== + * Bootstrap: carousel.js v3.3.5 + * http://getbootstrap.com/javascript/#carousel + * ======================================================================== + * Copyright 2011-2015 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * ======================================================================== */ + + ++function ($) { + 'use strict'; + + // CAROUSEL CLASS DEFINITION + // ========================= + + var Carousel = function (element, options) { + this.$element = $(element) + this.$indicators = this.$element.find('.carousel-indicators') + this.options = options + this.paused = null + this.sliding = null + this.interval = null + this.$active = null + this.$items = null + + this.options.keyboard && this.$element.on('keydown.bs.carousel', $.proxy(this.keydown, this)) + + this.options.pause == 'hover' && !('ontouchstart' in document.documentElement) && this.$element + .on('mouseenter.bs.carousel', $.proxy(this.pause, this)) + .on('mouseleave.bs.carousel', $.proxy(this.cycle, this)) + } + + Carousel.VERSION = '3.3.5' + + Carousel.TRANSITION_DURATION = 600 + + Carousel.DEFAULTS = { + interval: 5000, + pause: 'hover', + wrap: true, + keyboard: true + } + + Carousel.prototype.keydown = function (e) { + if (/input|textarea/i.test(e.target.tagName)) return + switch (e.which) { + case 37: this.prev(); break + case 39: this.next(); break + default: return + } + + e.preventDefault() + } + + Carousel.prototype.cycle = function (e) { + e || (this.paused = false) + + this.interval && clearInterval(this.interval) + + this.options.interval + && !this.paused + && (this.interval = setInterval($.proxy(this.next, this), this.options.interval)) + + return this + } + + Carousel.prototype.getItemIndex = function (item) { + this.$items = item.parent().children('.item') + return this.$items.index(item || this.$active) + } + + Carousel.prototype.getItemForDirection = function (direction, active) { + var activeIndex = this.getItemIndex(active) + var willWrap = (direction == 'prev' && activeIndex === 0) + || (direction == 'next' && activeIndex == (this.$items.length - 1)) + if (willWrap && !this.options.wrap) return active + var delta = direction == 'prev' ? -1 : 1 + var itemIndex = (activeIndex + delta) % this.$items.length + return this.$items.eq(itemIndex) + } + + Carousel.prototype.to = function (pos) { + var that = this + var activeIndex = this.getItemIndex(this.$active = this.$element.find('.item.active')) + + if (pos > (this.$items.length - 1) || pos < 0) return + + if (this.sliding) return this.$element.one('slid.bs.carousel', function () { that.to(pos) }) // yes, "slid" + if (activeIndex == pos) return this.pause().cycle() + + return this.slide(pos > activeIndex ? 'next' : 'prev', this.$items.eq(pos)) + } + + Carousel.prototype.pause = function (e) { + e || (this.paused = true) + + if (this.$element.find('.next, .prev').length && $.support.transition) { + this.$element.trigger($.support.transition.end) + this.cycle(true) + } + + this.interval = clearInterval(this.interval) + + return this + } + + Carousel.prototype.next = function () { + if (this.sliding) return + return this.slide('next') + } + + Carousel.prototype.prev = function () { + if (this.sliding) return + return this.slide('prev') + } + + Carousel.prototype.slide = function (type, next) { + var $active = this.$element.find('.item.active') + var $next = next || this.getItemForDirection(type, $active) + var isCycling = this.interval + var direction = type == 'next' ? 'left' : 'right' + var that = this + + if ($next.hasClass('active')) return (this.sliding = false) + + var relatedTarget = $next[0] + var slideEvent = $.Event('slide.bs.carousel', { + relatedTarget: relatedTarget, + direction: direction + }) + this.$element.trigger(slideEvent) + if (slideEvent.isDefaultPrevented()) return + + this.sliding = true + + isCycling && this.pause() + + if (this.$indicators.length) { + this.$indicators.find('.active').removeClass('active') + var $nextIndicator = $(this.$indicators.children()[this.getItemIndex($next)]) + $nextIndicator && $nextIndicator.addClass('active') + } + + var slidEvent = $.Event('slid.bs.carousel', { relatedTarget: relatedTarget, direction: direction }) // yes, "slid" + if ($.support.transition && this.$element.hasClass('slide')) { + $next.addClass(type) + $next[0].offsetWidth // force reflow + $active.addClass(direction) + $next.addClass(direction) + $active + .one('bsTransitionEnd', function () { + $next.removeClass([type, direction].join(' ')).addClass('active') + $active.removeClass(['active', direction].join(' ')) + that.sliding = false + setTimeout(function () { + that.$element.trigger(slidEvent) + }, 0) + }) + .emulateTransitionEnd(Carousel.TRANSITION_DURATION) + } else { + $active.removeClass('active') + $next.addClass('active') + this.sliding = false + this.$element.trigger(slidEvent) + } + + isCycling && this.cycle() + + return this + } + + + // CAROUSEL PLUGIN DEFINITION + // ========================== + + function Plugin(option) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs.carousel') + var options = $.extend({}, Carousel.DEFAULTS, $this.data(), typeof option == 'object' && option) + var action = typeof option == 'string' ? option : options.slide + + if (!data) $this.data('bs.carousel', (data = new Carousel(this, options))) + if (typeof option == 'number') data.to(option) + else if (action) data[action]() + else if (options.interval) data.pause().cycle() + }) + } + + var old = $.fn.carousel + + $.fn.carousel = Plugin + $.fn.carousel.Constructor = Carousel + + + // CAROUSEL NO CONFLICT + // ==================== + + $.fn.carousel.noConflict = function () { + $.fn.carousel = old + return this + } + + + // CAROUSEL DATA-API + // ================= + + var clickHandler = function (e) { + var href + var $this = $(this) + var $target = $($this.attr('data-target') || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) // strip for ie7 + if (!$target.hasClass('carousel')) return + var options = $.extend({}, $target.data(), $this.data()) + var slideIndex = $this.attr('data-slide-to') + if (slideIndex) options.interval = false + + Plugin.call($target, options) + + if (slideIndex) { + $target.data('bs.carousel').to(slideIndex) + } + + e.preventDefault() + } + + $(document) + .on('click.bs.carousel.data-api', '[data-slide]', clickHandler) + .on('click.bs.carousel.data-api', '[data-slide-to]', clickHandler) + + $(window).on('load', function () { + $('[data-ride="carousel"]').each(function () { + var $carousel = $(this) + Plugin.call($carousel, $carousel.data()) + }) + }) + +}(jQuery); + +/* ======================================================================== + * Bootstrap: collapse.js v3.3.5 + * http://getbootstrap.com/javascript/#collapse + * ======================================================================== + * Copyright 2011-2015 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * ======================================================================== */ + + ++function ($) { + 'use strict'; + + // COLLAPSE PUBLIC CLASS DEFINITION + // ================================ + + var Collapse = function (element, options) { + this.$element = $(element) + this.options = $.extend({}, Collapse.DEFAULTS, options) + this.$trigger = $('[data-toggle="collapse"][href="#' + element.id + '"],' + + '[data-toggle="collapse"][data-target="#' + element.id + '"]') + this.transitioning = null + + if (this.options.parent) { + this.$parent = this.getParent() + } else { + this.addAriaAndCollapsedClass(this.$element, this.$trigger) + } + + if (this.options.toggle) this.toggle() + } + + Collapse.VERSION = '3.3.5' + + Collapse.TRANSITION_DURATION = 350 + + Collapse.DEFAULTS = { + toggle: true + } + + Collapse.prototype.dimension = function () { + var hasWidth = this.$element.hasClass('width') + return hasWidth ? 'width' : 'height' + } + + Collapse.prototype.show = function () { + if (this.transitioning || this.$element.hasClass('in')) return + + var activesData + var actives = this.$parent && this.$parent.children('.panel').children('.in, .collapsing') + + if (actives && actives.length) { + activesData = actives.data('bs.collapse') + if (activesData && activesData.transitioning) return + } + + var startEvent = $.Event('show.bs.collapse') + this.$element.trigger(startEvent) + if (startEvent.isDefaultPrevented()) return + + if (actives && actives.length) { + Plugin.call(actives, 'hide') + activesData || actives.data('bs.collapse', null) + } + + var dimension = this.dimension() + + this.$element + .removeClass('collapse') + .addClass('collapsing')[dimension](0) + .attr('aria-expanded', true) + + this.$trigger + .removeClass('collapsed') + .attr('aria-expanded', true) + + this.transitioning = 1 + + var complete = function () { + this.$element + .removeClass('collapsing') + .addClass('collapse in')[dimension]('') + this.transitioning = 0 + this.$element + .trigger('shown.bs.collapse') + } + + if (!$.support.transition) return complete.call(this) + + var scrollSize = $.camelCase(['scroll', dimension].join('-')) + + this.$element + .one('bsTransitionEnd', $.proxy(complete, this)) + .emulateTransitionEnd(Collapse.TRANSITION_DURATION)[dimension](this.$element[0][scrollSize]) + } + + Collapse.prototype.hide = function () { + if (this.transitioning || !this.$element.hasClass('in')) return + + var startEvent = $.Event('hide.bs.collapse') + this.$element.trigger(startEvent) + if (startEvent.isDefaultPrevented()) return + + var dimension = this.dimension() + + this.$element[dimension](this.$element[dimension]())[0].offsetHeight + + this.$element + .addClass('collapsing') + .removeClass('collapse in') + .attr('aria-expanded', false) + + this.$trigger + .addClass('collapsed') + .attr('aria-expanded', false) + + this.transitioning = 1 + + var complete = function () { + this.transitioning = 0 + this.$element + .removeClass('collapsing') + .addClass('collapse') + .trigger('hidden.bs.collapse') + } + + if (!$.support.transition) return complete.call(this) + + this.$element + [dimension](0) + .one('bsTransitionEnd', $.proxy(complete, this)) + .emulateTransitionEnd(Collapse.TRANSITION_DURATION) + } + + Collapse.prototype.toggle = function () { + this[this.$element.hasClass('in') ? 'hide' : 'show']() + } + + Collapse.prototype.getParent = function () { + return $(this.options.parent) + .find('[data-toggle="collapse"][data-parent="' + this.options.parent + '"]') + .each($.proxy(function (i, element) { + var $element = $(element) + this.addAriaAndCollapsedClass(getTargetFromTrigger($element), $element) + }, this)) + .end() + } + + Collapse.prototype.addAriaAndCollapsedClass = function ($element, $trigger) { + var isOpen = $element.hasClass('in') + + $element.attr('aria-expanded', isOpen) + $trigger + .toggleClass('collapsed', !isOpen) + .attr('aria-expanded', isOpen) + } + + function getTargetFromTrigger($trigger) { + var href + var target = $trigger.attr('data-target') + || (href = $trigger.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '') // strip for ie7 + + return $(target) + } + + + // COLLAPSE PLUGIN DEFINITION + // ========================== + + function Plugin(option) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs.collapse') + var options = $.extend({}, Collapse.DEFAULTS, $this.data(), typeof option == 'object' && option) + + if (!data && options.toggle && /show|hide/.test(option)) options.toggle = false + if (!data) $this.data('bs.collapse', (data = new Collapse(this, options))) + if (typeof option == 'string') data[option]() + }) + } + + var old = $.fn.collapse + + $.fn.collapse = Plugin + $.fn.collapse.Constructor = Collapse + + + // COLLAPSE NO CONFLICT + // ==================== + + $.fn.collapse.noConflict = function () { + $.fn.collapse = old + return this + } + + + // COLLAPSE DATA-API + // ================= + + $(document).on('click.bs.collapse.data-api', '[data-toggle="collapse"]', function (e) { + var $this = $(this) + + if (!$this.attr('data-target')) e.preventDefault() + + var $target = getTargetFromTrigger($this) + var data = $target.data('bs.collapse') + var option = data ? 'toggle' : $this.data() + + Plugin.call($target, option) + }) + +}(jQuery); + +/* ======================================================================== + * Bootstrap: dropdown.js v3.3.5 + * http://getbootstrap.com/javascript/#dropdowns + * ======================================================================== + * Copyright 2011-2015 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * ======================================================================== */ + + ++function ($) { + 'use strict'; + + // DROPDOWN CLASS DEFINITION + // ========================= + + var backdrop = '.dropdown-backdrop' + var toggle = '[data-toggle="dropdown"]' + var Dropdown = function (element) { + $(element).on('click.bs.dropdown', this.toggle) + } + + Dropdown.VERSION = '3.3.5' + + function getParent($this) { + var selector = $this.attr('data-target') + + if (!selector) { + selector = $this.attr('href') + selector = selector && /#[A-Za-z]/.test(selector) && selector.replace(/.*(?=#[^\s]*$)/, '') // strip for ie7 + } + + var $parent = selector && $(selector) + + return $parent && $parent.length ? $parent : $this.parent() + } + + function clearMenus(e) { + if (e && e.which === 3) return + $(backdrop).remove() + $(toggle).each(function () { + var $this = $(this) + var $parent = getParent($this) + var relatedTarget = { relatedTarget: this } + + if (!$parent.hasClass('open')) return + + if (e && e.type == 'click' && /input|textarea/i.test(e.target.tagName) && $.contains($parent[0], e.target)) return + + $parent.trigger(e = $.Event('hide.bs.dropdown', relatedTarget)) + + if (e.isDefaultPrevented()) return + + $this.attr('aria-expanded', 'false') + $parent.removeClass('open').trigger('hidden.bs.dropdown', relatedTarget) + }) + } + + Dropdown.prototype.toggle = function (e) { + var $this = $(this) + + if ($this.is('.disabled, :disabled')) return + + var $parent = getParent($this) + var isActive = $parent.hasClass('open') + + clearMenus() + + if (!isActive) { + if ('ontouchstart' in document.documentElement && !$parent.closest('.navbar-nav').length) { + // if mobile we use a backdrop because click events don't delegate + $(document.createElement('div')) + .addClass('dropdown-backdrop') + .insertAfter($(this)) + .on('click', clearMenus) + } + + var relatedTarget = { relatedTarget: this } + $parent.trigger(e = $.Event('show.bs.dropdown', relatedTarget)) + + if (e.isDefaultPrevented()) return + + $this + .trigger('focus') + .attr('aria-expanded', 'true') + + $parent + .toggleClass('open') + .trigger('shown.bs.dropdown', relatedTarget) + } + + return false + } + + Dropdown.prototype.keydown = function (e) { + if (!/(38|40|27|32)/.test(e.which) || /input|textarea/i.test(e.target.tagName)) return + + var $this = $(this) + + e.preventDefault() + e.stopPropagation() + + if ($this.is('.disabled, :disabled')) return + + var $parent = getParent($this) + var isActive = $parent.hasClass('open') + + if (!isActive && e.which != 27 || isActive && e.which == 27) { + if (e.which == 27) $parent.find(toggle).trigger('focus') + return $this.trigger('click') + } + + var desc = ' li:not(.disabled):visible a' + var $items = $parent.find('.dropdown-menu' + desc) + + if (!$items.length) return + + var index = $items.index(e.target) + + if (e.which == 38 && index > 0) index-- // up + if (e.which == 40 && index < $items.length - 1) index++ // down + if (!~index) index = 0 + + $items.eq(index).trigger('focus') + } + + + // DROPDOWN PLUGIN DEFINITION + // ========================== + + function Plugin(option) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs.dropdown') + + if (!data) $this.data('bs.dropdown', (data = new Dropdown(this))) + if (typeof option == 'string') data[option].call($this) + }) + } + + var old = $.fn.dropdown + + $.fn.dropdown = Plugin + $.fn.dropdown.Constructor = Dropdown + + + // DROPDOWN NO CONFLICT + // ==================== + + $.fn.dropdown.noConflict = function () { + $.fn.dropdown = old + return this + } + + + // APPLY TO STANDARD DROPDOWN ELEMENTS + // =================================== + + $(document) + .on('click.bs.dropdown.data-api', clearMenus) + .on('click.bs.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() }) + .on('click.bs.dropdown.data-api', toggle, Dropdown.prototype.toggle) + .on('keydown.bs.dropdown.data-api', toggle, Dropdown.prototype.keydown) + .on('keydown.bs.dropdown.data-api', '.dropdown-menu', Dropdown.prototype.keydown) + +}(jQuery); + +/* ======================================================================== + * Bootstrap: modal.js v3.3.5 + * http://getbootstrap.com/javascript/#modals + * ======================================================================== + * Copyright 2011-2015 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * ======================================================================== */ + + ++function ($) { + 'use strict'; + + // MODAL CLASS DEFINITION + // ====================== + + var Modal = function (element, options) { + this.options = options + this.$body = $(document.body) + this.$element = $(element) + this.$dialog = this.$element.find('.modal-dialog') + this.$backdrop = null + this.isShown = null + this.originalBodyPad = null + this.scrollbarWidth = 0 + this.ignoreBackdropClick = false + + if (this.options.remote) { + this.$element + .find('.modal-content') + .load(this.options.remote, $.proxy(function () { + this.$element.trigger('loaded.bs.modal') + }, this)) + } + } + + Modal.VERSION = '3.3.5' + + Modal.TRANSITION_DURATION = 300 + Modal.BACKDROP_TRANSITION_DURATION = 150 + + Modal.DEFAULTS = { + backdrop: true, + keyboard: true, + show: true + } + + Modal.prototype.toggle = function (_relatedTarget) { + return this.isShown ? this.hide() : this.show(_relatedTarget) + } + + Modal.prototype.show = function (_relatedTarget) { + var that = this + var e = $.Event('show.bs.modal', { relatedTarget: _relatedTarget }) + + this.$element.trigger(e) + + if (this.isShown || e.isDefaultPrevented()) return + + this.isShown = true + + this.checkScrollbar() + this.setScrollbar() + this.$body.addClass('modal-open') + + this.escape() + this.resize() + + this.$element.on('click.dismiss.bs.modal', '[data-dismiss="modal"]', $.proxy(this.hide, this)) + + this.$dialog.on('mousedown.dismiss.bs.modal', function () { + that.$element.one('mouseup.dismiss.bs.modal', function (e) { + if ($(e.target).is(that.$element)) that.ignoreBackdropClick = true + }) + }) + + this.backdrop(function () { + var transition = $.support.transition && that.$element.hasClass('fade') + + if (!that.$element.parent().length) { + that.$element.appendTo(that.$body) // don't move modals dom position + } + + that.$element + .show() + .scrollTop(0) + + that.adjustDialog() + + if (transition) { + that.$element[0].offsetWidth // force reflow + } + + that.$element.addClass('in') + + that.enforceFocus() + + var e = $.Event('shown.bs.modal', { relatedTarget: _relatedTarget }) + + transition ? + that.$dialog // wait for modal to slide in + .one('bsTransitionEnd', function () { + that.$element.trigger('focus').trigger(e) + }) + .emulateTransitionEnd(Modal.TRANSITION_DURATION) : + that.$element.trigger('focus').trigger(e) + }) + } + + Modal.prototype.hide = function (e) { + if (e) e.preventDefault() + + e = $.Event('hide.bs.modal') + + this.$element.trigger(e) + + if (!this.isShown || e.isDefaultPrevented()) return + + this.isShown = false + + this.escape() + this.resize() + + $(document).off('focusin.bs.modal') + + this.$element + .removeClass('in') + .off('click.dismiss.bs.modal') + .off('mouseup.dismiss.bs.modal') + + this.$dialog.off('mousedown.dismiss.bs.modal') + + $.support.transition && this.$element.hasClass('fade') ? + this.$element + .one('bsTransitionEnd', $.proxy(this.hideModal, this)) + .emulateTransitionEnd(Modal.TRANSITION_DURATION) : + this.hideModal() + } + + Modal.prototype.enforceFocus = function () { + $(document) + .off('focusin.bs.modal') // guard against infinite focus loop + .on('focusin.bs.modal', $.proxy(function (e) { + if (this.$element[0] !== e.target && !this.$element.has(e.target).length) { + this.$element.trigger('focus') + } + }, this)) + } + + Modal.prototype.escape = function () { + if (this.isShown && this.options.keyboard) { + this.$element.on('keydown.dismiss.bs.modal', $.proxy(function (e) { + e.which == 27 && this.hide() + }, this)) + } else if (!this.isShown) { + this.$element.off('keydown.dismiss.bs.modal') + } + } + + Modal.prototype.resize = function () { + if (this.isShown) { + $(window).on('resize.bs.modal', $.proxy(this.handleUpdate, this)) + } else { + $(window).off('resize.bs.modal') + } + } + + Modal.prototype.hideModal = function () { + var that = this + this.$element.hide() + this.backdrop(function () { + that.$body.removeClass('modal-open') + that.resetAdjustments() + that.resetScrollbar() + that.$element.trigger('hidden.bs.modal') + }) + } + + Modal.prototype.removeBackdrop = function () { + this.$backdrop && this.$backdrop.remove() + this.$backdrop = null + } + + Modal.prototype.backdrop = function (callback) { + var that = this + var animate = this.$element.hasClass('fade') ? 'fade' : '' + + if (this.isShown && this.options.backdrop) { + var doAnimate = $.support.transition && animate + + this.$backdrop = $(document.createElement('div')) + .addClass('modal-backdrop ' + animate) + .appendTo(this.$body) + + this.$element.on('click.dismiss.bs.modal', $.proxy(function (e) { + if (this.ignoreBackdropClick) { + this.ignoreBackdropClick = false + return + } + if (e.target !== e.currentTarget) return + this.options.backdrop == 'static' + ? this.$element[0].focus() + : this.hide() + }, this)) + + if (doAnimate) this.$backdrop[0].offsetWidth // force reflow + + this.$backdrop.addClass('in') + + if (!callback) return + + doAnimate ? + this.$backdrop + .one('bsTransitionEnd', callback) + .emulateTransitionEnd(Modal.BACKDROP_TRANSITION_DURATION) : + callback() + + } else if (!this.isShown && this.$backdrop) { + this.$backdrop.removeClass('in') + + var callbackRemove = function () { + that.removeBackdrop() + callback && callback() + } + $.support.transition && this.$element.hasClass('fade') ? + this.$backdrop + .one('bsTransitionEnd', callbackRemove) + .emulateTransitionEnd(Modal.BACKDROP_TRANSITION_DURATION) : + callbackRemove() + + } else if (callback) { + callback() + } + } + + // these following methods are used to handle overflowing modals + + Modal.prototype.handleUpdate = function () { + this.adjustDialog() + } + + Modal.prototype.adjustDialog = function () { + var modalIsOverflowing = this.$element[0].scrollHeight > document.documentElement.clientHeight + + this.$element.css({ + paddingLeft: !this.bodyIsOverflowing && modalIsOverflowing ? this.scrollbarWidth : '', + paddingRight: this.bodyIsOverflowing && !modalIsOverflowing ? this.scrollbarWidth : '' + }) + } + + Modal.prototype.resetAdjustments = function () { + this.$element.css({ + paddingLeft: '', + paddingRight: '' + }) + } + + Modal.prototype.checkScrollbar = function () { + var fullWindowWidth = window.innerWidth + if (!fullWindowWidth) { // workaround for missing window.innerWidth in IE8 + var documentElementRect = document.documentElement.getBoundingClientRect() + fullWindowWidth = documentElementRect.right - Math.abs(documentElementRect.left) + } + this.bodyIsOverflowing = document.body.clientWidth < fullWindowWidth + this.scrollbarWidth = this.measureScrollbar() + } + + Modal.prototype.setScrollbar = function () { + var bodyPad = parseInt((this.$body.css('padding-right') || 0), 10) + this.originalBodyPad = document.body.style.paddingRight || '' + if (this.bodyIsOverflowing) this.$body.css('padding-right', bodyPad + this.scrollbarWidth) + } + + Modal.prototype.resetScrollbar = function () { + this.$body.css('padding-right', this.originalBodyPad) + } + + Modal.prototype.measureScrollbar = function () { // thx walsh + var scrollDiv = document.createElement('div') + scrollDiv.className = 'modal-scrollbar-measure' + this.$body.append(scrollDiv) + var scrollbarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth + this.$body[0].removeChild(scrollDiv) + return scrollbarWidth + } + + + // MODAL PLUGIN DEFINITION + // ======================= + + function Plugin(option, _relatedTarget) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs.modal') + var options = $.extend({}, Modal.DEFAULTS, $this.data(), typeof option == 'object' && option) + + if (!data) $this.data('bs.modal', (data = new Modal(this, options))) + if (typeof option == 'string') data[option](_relatedTarget) + else if (options.show) data.show(_relatedTarget) + }) + } + + var old = $.fn.modal + + $.fn.modal = Plugin + $.fn.modal.Constructor = Modal + + + // MODAL NO CONFLICT + // ================= + + $.fn.modal.noConflict = function () { + $.fn.modal = old + return this + } + + + // MODAL DATA-API + // ============== + + $(document).on('click.bs.modal.data-api', '[data-toggle="modal"]', function (e) { + var $this = $(this) + var href = $this.attr('href') + var $target = $($this.attr('data-target') || (href && href.replace(/.*(?=#[^\s]+$)/, ''))) // strip for ie7 + var option = $target.data('bs.modal') ? 'toggle' : $.extend({ remote: !/#/.test(href) && href }, $target.data(), $this.data()) + + if ($this.is('a')) e.preventDefault() + + $target.one('show.bs.modal', function (showEvent) { + if (showEvent.isDefaultPrevented()) return // only register focus restorer if modal will actually get shown + $target.one('hidden.bs.modal', function () { + $this.is(':visible') && $this.trigger('focus') + }) + }) + Plugin.call($target, option, this) + }) + +}(jQuery); + +/* ======================================================================== + * Bootstrap: tooltip.js v3.3.5 + * http://getbootstrap.com/javascript/#tooltip + * Inspired by the original jQuery.tipsy by Jason Frame + * ======================================================================== + * Copyright 2011-2015 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * ======================================================================== */ + + ++function ($) { + 'use strict'; + + // TOOLTIP PUBLIC CLASS DEFINITION + // =============================== + + var Tooltip = function (element, options) { + this.type = null + this.options = null + this.enabled = null + this.timeout = null + this.hoverState = null + this.$element = null + this.inState = null + + this.init('tooltip', element, options) + } + + Tooltip.VERSION = '3.3.5' + + Tooltip.TRANSITION_DURATION = 150 + + Tooltip.DEFAULTS = { + animation: true, + placement: 'top', + selector: false, + template: '
t |
+We acknowledge the efforts of the members of the development team:
+Antarip Halder, Bipin Singh, Swarnabha Sen, Jayaguru Panda, Ankit Baheti, Ishan Srivastava,Mohak Gupta, Sourav Chatterjee, Anubhooti and Parshvika Sharma.
Special thanks are due to Dr. Syed Maqbool Ahmed, PSO at the Central Instruments Laboratory, University of Hyderabad.
+Lab Developers:
+Dr. Abhijit Mitra (Professor, IIIT Hyderabad)
+Dr. Naveena Yanamala (ARS, University of Pittsburgh &Adjunct; Faculty, IIIT Hyderabad)
+
+
Optical spectroscopic methods:
+Understanding structures of unknown molecules, or determining concentrations of known molecules, present in solutions, are extremely important for chemical and biochemical research. Optical spectroscopic methods constitute a nondestructive approach towards carrying out these tasks. In several of these methods, UV or visible light is allowed to pass through the solution and the required qualitative and quantitative information regarding the molecules in the solution is extracted by analyzing the changes in the properties of the transmitted light.
Depending on its composition, a medium can have two types of effect on the transmitted light. The medium can reduce the velocity and/or reduce the intensity of the transmitted light. The first effect relates to refraction (http://en.wikipedia.org/wiki/Refraction) due to the medium while the second relates to the absorbance (http://en.wikipedia.org/wiki/Absorbance) of the medium. Both these effects will depend on the nature and the number of the molecules present in the medium as well as the wavelength of the light. Naturally other experimental conditions such as temperature also influence the behavior of light. What is important to note is that, in some sense, optical spectroscopic methods can help us to 'see' and 'count' molecules.
+The chiroptical phenomenon:
+When the molecules in the medium are chiral (http://en.wikipedia.org/wiki/Chirality_(chemistry)), then depending on whether the molecules are right handed or left handed, they affect individual interacting photons in different ways. These effects come under what are called chiroptical phenomena. Essentially, photons are associated with oscillating electric and magnetic fields, perpendicular to each other as well as to their direction of propagation. Since chiral molecules provide a chiral electrical environment they can affect the oscillating electric vectors, associated with interacting photons, in different ways. An ordinary beam of light consists of photons having their oscillating electric vectors uniformly distributed in all possible planes and, though the plane of the vectors associated with individual photons may change because of chiral interactions, the transmitted beam will still have a uniform distribution of the planes. So we can not track the chiroptical effects using ordinary light beams.
+The phenomenon of polarization of light:
However, if we use an optically anisotropic medium, such as a nicol prism, we can filter a beam of ordinary light so that the transmitted beam consists only of photons with associated electric vectors aligned to a particular plane. You are advised to go through the pages provided at the link http://www.enzim.hu/~szia/cddemo/edemo1.htm, to understand electromagnetic waves and types of polarization. The following phenomena are explained in greater detail:
+Interaction of polarized light with matter:
+We can detect chiroptical phenomena if we study the interaction of polarized light with matter. We know that interaction of light and matter leads to the phenomena of absorption and refraction. We have also seen above that any plane polarized light can be represented as a combination of two component linear polarized lights oriented horizontally and vertically, respectively, with respect to a reference plane. They can also be represented as a combination of two circularly polarized light components, namely right circularly polarized light (R-CPL) and left circularly polarized light (L-CPL). When plane polarized light travels through anisotropic materials, we can observe birefringence (differential refractive indices for the components respectively) and/or (usually both) dichroism (differential absorbance of the two components respectively). If the anisotropic material is chiral (optically active) then we observe differential refractive indices for R-CPL and L-CPL respectively, and results in a net rotation in the plane of polarization of the incident polarized light. In addition, we will also observe differential absorbanceâs for R-CPL and L-CPL respectively, leading to an elliptical polarization of the emergent light, referred to as circular dichroism. These phenomena are nicely explained in the link http://www.enzim.hu/~szia/cddemo/edemo9.htm. You are advised to go through the pages.
+Based on the principles discussed above, we have three spectroscopic methods for 'seeing' and 'counting' chiral molecules using polarized light
+Optical rotation:
+This involves the measurement of the rotation of linearly polarized light by the sample.
+
Optical rotary dispersion:
+ This involves the recording of the spectrum of optical rotation, i. e. understand the variation
+ of optical rotation as a function of wavelength.
+
Circular Dichroism:
This involves recording the difference in absorption of left and right circularly polarized light. Measurements carried out in the visible and ultra-violet region of the electro-magnetic spectrum monitor electronic transitions, and, if the molecule under study contains chiral chromophores then one CPL state will be absorbed to a greater extent than the other and the CD signal over the corresponding wavelengths will be non-zero. A circular dichroism signal can be positive or negative, depending on whether L-CPL is absorbed to a greater extent than R-CPL (CD signal positive) or to a lesser extent (CD signal negative). An example circular dichroism spectrum of a sample with multiple CD peaks is shown below, demonstrating how CD varies as a function of wavelength, and that a CD spectrum may exhibit both positive and negative peaks.
+
+
+![]() |
+
Circular dichroism (CD) spectroscopy is a spectroscopic technique where the CD of molecules is measured over a range of wavelengths. CD spectroscopy is used extensively to study chiral molecules of all types and sizes, but it is in the study of large biological molecules where it finds its most important applications. A primary use is in analyzing the secondary structure or conformation of macromolecules, particularly proteins, and because secondary structure is sensitive to its environment, e.g. temperature or pH, circular dichroism can be used to observe how secondary structure changes with environmental conditions or on interaction with other molecules. Structural, kinetic and thermodynamic information about macromolecules can be derived from circular dichroism spectroscopy. +
+
Circular dichroism spectroscopy is particularly useful for:
+
In this lab we will first carry out a few simple experiments to understand the principle working behind CD spectroscopy. We will then proceed with experiments involving the CD spectrophotometer, which is by far the most effective of the three methods.
++Basic understanding of high-school level science is sufficient to perform the experiments designed in this lab. But it is expected that a student will understand the following topics in details. +
+ Circular Dichroism Virtual Laboratory is desigen for mainly Under Graduate (3rd/4th year) and Post Graduate students. This lab will serve the purpose of interest of a large and diverse group of students. +
+Following students may be benefited from this lab. +
This lab may also be helpful for research scientists interested in photochemistry and photobiology.
++The study of optical activity of liquids began in the early 19th century with Biot and other scientists. They found that solutions of sugar and certain other naturally occurring chemicals would rotate a beam of polarized light passing through the solution. They called such substances optically active, a term which is still used. The instrument used to demonstrate or to measure this rotation was given the name polarimeter. +
++Clockwise rotation is given a positive (+) sign; counterclockwise rotation is given a negative (-) sign. Certain substances rotate light to a much greater extent than others. Both the direction of rotation and the amount of rotation per gram of solute in a given volume of solution are characteristic properties and can be used to identify an unknown substance. When the identity of the solute is known, the polarimeter can be used to determine the concentration of the solution. +
++It may be noted that approximately 25% of all drugs are marketed as either racemates (mixtures of two enantiomers) or mixtures of diasteromers. The orientation around a chiral center can have a dramatic impact on the pharmacological response of that drug in the human body. Such recent observations brought about severe tightening in the laws surrounding the introduction of new drugs into the market. Thus, chiral synthesis and purification became a crucial aspect of all successful drug manufacturing procedures. This is just one of the several areas highlighting the importance of polarimetric studies. +
+Since polarized light is the basis for all studies of optical activity, you are advised to review the "Background principles" described in the home page of this laboratory. In particular, please go through the tutorials in the pages: +
+
+http://www.enzim.hu/~szia/cddemo/edemo1.htm and
+http://www.enzim.hu/~szia/cddemo/edemo9.htm
+
+ In this experiment, the user will prepare a sugar solution of known concentration (c), but unknown identity. The user will obtain the observed rotation (αobs) from the experiment using the polarimeter and use that information to calculate the specific rotation [α] of the given sample using the above formula. The identity of the sample can thus be found out from the given list of specific rotations for different chemicals. +
++ The procedure to perform this experiment is self-explanatory and leads the user in a step-by step manner to accomplish the task. The protocol briefly involves the following steps:
++
+ i.Click on “Know Your Polarimeter” option.
+ ii.Click on the Polarimeter to Zoom-in as indicated by an arrow.
+ iii.Click on the red button provided to switch on the polarimeter and to see the light source in the polarimeter instrument.
+ iv.Click on the panel indicated by arrow to open the sample chamber.
+ v.After you see 100% Intensity of the light coming through the eye piece at α20Dthen click Continue.
+ vi.Click on the button “click to record experiment without login” to perform an experiment and further follow instructions as detailed in step 3.
+ i.Click on any of the 6 sugar sample in the bottles on the shelves.
+ ii.Type in the amount of sugar (in gm/100mL) that you want to use for the experiment in the text box provided and then presses enter on the keyboard.
+ iii.Click on one of the sample cells to transfer the prepared sugar solution into a cell of particular path length.
+ iv.After transferring the contents into the sample cell, click on the sample cell to place it into the polarimeter’s sample chamber.
+ v.Click on the power button to switch on the polarimeter to record the optical rotation of the sample.
+ vi.To rotate the dial of the eye piece in clockwise direction click on ‘+’ button and for anticlockwise direction click on ‘-’ button.
+ vii.To change the Increment Factor click on the IF* buttons 1, 5 or 10 accordingly.
+ viii.Rotate the dial both in clockwise and anti-clockwise directions for the whole 360o until you see a maximum light intensity in the right semicircle, matching the left semicircle exactly.
+ ix.Click on open record form and note down all the 4 different αobs angles where you observed maximum Intensity.
+
Chemical name | +Specific rotation[α]20D | +
D-glucose | ++52.7 | +
Lactose | ++55.4 | +
D-fructose | +-92.4 | +
L-arabinose | ++104.5 | +
D-mannose | ++14.2 | +
D-arabinose | ++105.0 | +
D-xylose | ++18.8 | +
D-galactose | ++80.2 | +Sucrose | ++66.5 | + +Maltose | ++130.5 | + +Dextrin | ++195 | + +
*NOTE: While doing the experiments you will notice that if the maximum intensity of light is observed at x° degree, it is also observed at (180+ x)° degree. From a single experiment, it is not possible to infer which the value for total rotation αtotal actually is. Then again, the observation only tells us about the orientation of the plane of polarization of the emergent light relative to that of the incident light. However, one can not off hand say anything about what is the actual total rotation the plane has undergone. Thus, for example, the observation of maxima at x° and at (180 + x)° may mean that the value of αtotal could also be (360n + x) °; where n = 0, 1, 2, … Similarly, it could also be that αtotal is -(360 - x)° or –(360 - (180 + x))° depending on whether the rotation of the light has taken place in the anticlockwise or clockwise direction. For example if the maximum intensity is observed at α value of 30° and 210° , then could be any one of the values: 30°, 210°, -330°, -150° or even 390° or 570°. To confirm the actual value of αtotal, one needs to repeat the experiment using different concentration and variable path lengths. Though there would be an ambiguity regarding the αtotal for each of these experiments, the correct choices would provide the same specific rotation [α]Tλ or [α]20D +
+Sample data for the experiment
+The purpose of this lab is to use optical rotation as a method for determining the identity of unknown sugars. By doing this experiment the user will be able to: +
++
+Chirality and optical activity:
+Chiral molecules have an asymmetrical center which respond to light as a lens and rotate the light. The ability to rotate light is termed optical activity and substances that exhibit this property are called optically active substances. Optically active organic molecules have a spiral structure like a right-handed or left-handed screw. It is this spiral nature of the molecule, which rotates the plane of polarization of light passing through it. Right-handed molecules will rotate the plane of polarization clockwise as viewed in the direction of the beam, while left-handed molecules rotate the plane in a counter clockwise direction. If right-handed and left-handed species of a given molecule occurred with equal abundance, then there would be no net effect on the polarization of light passing through. However, naturally occurring biological molecules of a given species are always either purely right-handed or purely left-handed. However, these enantiomer compounds rotate light by exactly the same amount but in the opposite direction. The degree to which a substance rotates light may be used to determine a) the identity of the substance, b) the enantiomer purity of the substance or c) the concentration of a known substance in a solution. In order to observe rotation, the light which is passed through the solution must be plane polarized. Ordinary light has waves which are oriented in all directions. Plane polarized light is made up of waves which are oriented parallel to a defined plane.
+
+![]() |
+
+When a beam of plane polarized light passes through a solution of optically active material the light will rotate. +
+
+![]() |
+
+This is because, when light interacts with matter, two basic phenomena occur, namely, absorption and the decrease in the velocity of light. Absorption is the decrease in the intensity of light because a part of the incident light is absorbed by the material. The decrease in velocity of light is due to refractive index of the material, because the velocity of light is smaller in the material than in the vacuum. +
+If the refraction index of the material differs between left and right circularly polarized light, then such materials are shown to exhibit a phenomenon called circular birefringence. Circular birefringence rotates the plane of polarization of the resultant plane-polarized light. This is termed as optical rotation. The angle by which the polarization plane of the light exiting the medium rotates with respect to the original polarization plane is determined by the difference between the refraction indices for the two circularly polarized components (and on the length of path traversed in the medium). Any molecule which exhibits optical rotation or make plane-polarized light elliptically polar is called an optically active material. +
+How do chiral molecules exhibit Optical Rotation?
++Interestingly, a monochromatic linearly polarized light beam can be considered as a superposition of two circularly polarized electromagnetic waves that are propagating in the same direction with the same frequency but the opposite sense of rotation. The plane of polarization of the resulting linearly polarized wave thus prepared can be changed (rotated) by applying a phase shift between its two circularly polarized components. With the help of this concept we can explain the phenomenon of optical rotation: We have seen that chiral molecules interact slightly differently with the two circularly polarized components of a linearly polarized light beam. This is true both for absorption and refraction. Left- and right hand circularly polarized light beams also have slightly different refractive indices in a chiral medium. This means that even if they are not absorbed they travel at different speeds through the medium. Therefore, this causes a phase shift between the two circularly polarized components which increases proportional to the path length that the light travels through the chiral medium. This phase shift manifests itself as a rotation of the plane of polarization of the resultant linearly polarized light beam - optical rotation. +
+The degree of rotation of the plane polarized light depends on the wavelength of the light (usually, the yellow sodium D line near 589 nm wavelength is used), the optical path length, the concentration of the solution, and the chemistry of the molecule. Under identical conditions, some molecules rotate polarized light more than the others do. In order measure how good chiral molecules rotate plane- polarized light, a term called as the "specific rotation" was coined. The specific rotation of a substance is an intrinsic characteristic similar to other properties such melting point, or solubility. By convention, the specific rotation of a chemical is defined as the observed rotation when light of a specified wavelength passes through sample path length of one decimeter (1 dm = 10 cm) and a sample concentration of 1 g/mL. +
+Circular birefringence and optical rotation
++Chiral molecules exhibit circular birefringence, which means that a solution of a chiral substance presents an anisotropic medium through which left circularly polarised (L-CPL) and right circularly polarised (R-CPL) propagate at different speeds. A linearly polarised wave can be thought of as the resultant of the superposition of two circularly polarised waves, one left-circularly polarised, the other right-circularly polarised. On traversing the circularly birefringent medium, the phase relationship between the circularly polarised waves changes and the resultant linearly polarised wave rotates. This is the origin of the phenomenon known as optical rotation, which is measured using a polarimeter. Measuring optical rotation as a function of wavelength is termed optical rotatory dispersion (ORD) spectroscopy. +
+
+![]() |
+
Circular birefringence:the orange cuboid represents the sample
+For pure liquids:
+
[α]Tλ = α/(l * d)
+In this equation, +
++l is the path length in decimeters +
++d is the density of the liquid in g/mL for a sample at a +
++temperature T (given in degrees Celsius) and wavelength λ (in nanometers). +
+If the wavelength of the light used is 589 nanometer (the sodium D line), the symbol “D” is used. The sign of the rotation (+ or -) is always given. +
+For solutions, a different equation is used: +
+[α]Tλ = 100 * α/(l * c)
+In this equation, +
++l is the path length in decimeters +
++c is the concentration in g/100mL for a sample at a +
++temperature T (given in degrees Celsius) and wavelength λ (in nanometers). +
++When using this equation, the concentration and the solvent are always provided in parentheses after the rotation. The rotation is reported using degrees, and no units of concentration are given (it is assumed to be g/100mL). +
Functioning of the polarimeter
+a
+![]() |
+
b
+![]() |
+
+Fig. 1: Schematic representation of the functioning of the polarimeter. +
++a. When the sample tube is empty, the planes of polarization of the polarizing and the analyzing prisms are same and αobs is 0° +
++b. When the sample tube has a solution of a chiral (optically active) substance, the plane of polarization of the emergent polarized light changes. One now needs to rotate the analyzer prism for its plane of polarization to coincide with the plane of the emergent light. This corresponds to the maximum intensity of the transmitted light. The αobs is shown with a green arrow. +
+ ++Click here to start the experiment. + +
++In experiment 8 and 9 we have seen that how a protein can go from a folded to an unfolded state at extreme environmental conditions (high temperature or presence of other chemical ). At extreme conditions intramolecular bonds are broken and the protein molecule gains a deformed shape. But in a protein solution, in the unfolded state, proteins may form intermolecular bonds and can aggregate among themselves. Whether a protein will aggregate or not that depends on the environment.
+So to study the characteristics of the protein in the unfolded state it is important to know whether the protein has undergone aggregation or not. CD spectroscopy provides a nice way to find out whether aggregation is taking place at the unfolded state. +
+In this experiment we will study the method to determine aggregation from CD spectroscopy. And will try to determine whether aggregation is happening in two different samples of Rhodopsin.
+ +
++
+
Step1: Select any one of the two samples.
+
Step2: Follow the instructions given in the Experiemntal-setup page.
+
Step3: Select the temperature range and step size of your interest.
+
Step4: Go through the instructions and fill up the table by clicking at the 222nm.
+
Step5: Observe the plot and find out the transition temperature.
+
Step6: Click on the “Measure Dynode Voltage”.
+
Step7: Follow the instruction and fill up the table by clicking at the 222nm.
+
Step8: Observe the change in Dynode voltage.
+
Step9: Click on “Go to Analysis”
+
Step 10: Submit your answers. You can verify them from redoing the experiment or going through the theory.
+
Step 11: Once you have studied both the samples you may compare them by clicking “COMPARE”.
The purpose of this lab is to make students familiar with the concept of protein aggregation. In the unfolded state a protein undergo aggregation. And CD spectroscopic methods provides us a nice way to determine that. By doing this experiment user will be able to,
+Protein aggregation is a common issue encountered during manufacture of biotherapeutics. Aggregation is a general term that encompasses several types of interactions or characteristics. Aggregates of proteins may arise from several mechanisms and may be classified in numerous ways, including soluble/insoluble, covalent/noncovalent, reversible/irreversible, and native/denatured. There is no consistent definition of what is meant by a “soluble” aggregate, so working definitions are often employed. Soluble aggregates refer to those that are not visible as discrete particles and that may not be removed by a filter with a pore size of 0.22 μm. Conversely, insoluble aggregates may be removed by filtration and are often visible to the unaided eye. However, the levels of soluble aggregates such as dimers and trimers that are acceptable are not well defined. Covalent aggregates arise from the formation of a chemical bond between 2 or more monomers. Disulfide bond formation resulting from previously unpaired free thiols is a common mechanism for covalent aggregation. Oxidation of tyrosines may also result in covalent aggregation through the formation of bi-tyrosine. For some proteins, a covalent interaction between monomers is required to form a stable protein structure. Reversible protein aggregation typically results from relatively weak noncovalent protein interactions. The reversibility is sometimes indicative of the presence of equilibrium between the monomer and higher order forms. This equilibrium may shift as a result of a change in solution conditions such as a decrease in protein concentration or a change in pH. A weak, reversible self-association of this type has been observed in a monoclonal antibody to VEGF. On occasion, reversible protein self-association manifests itself as an increase in viscosity.
+The effect of the presence of self-associated species is not always known. Both the thermodynamics and the kinetics of the system may assist in understanding how to control the association of the protein. In addition, this knowledge aids in determining how serious the presence of associated species may be during the development of a protein therapeutic. Both the potential for increased exposure to the associated species and the route of administration present potential safety concerns.
+Historically, investigators believed that denaturation was a prerequisite for protein aggregation. Exposure of hydrophobic surfaces upon denaturation results in favorable protein: protein interactions in aqueous solutions. It is true that this type of interaction leads to the formation of aggregates in many proteins and may cause extreme precipitation. However, the role of native protein interactions in the formation of self-associated species has recently become more appreciated. Small perturbations in protein structure may expose hydrophobic surfaces that lead to aggregation. Electrostatic interactions have been implicated in the formation of self-associated species of a monoclonal antibody, while dipole-dipole interactions are believed to be the cause of fibrillogenic association of β-sheets.
+Just as there are many types of interactions that can lead to protein aggregation, there are many environmental factors that can lead to aggregation. Solution conditions such as temperature, protein concentration, pH, and the ionic strength may affect the amount of aggregate observed. The presence of certain ligands, including specific ions, may enhance aggregation. Stresses to the protein such as freezing, exposure to air, or interactions with metal surfaces may result in surface denaturation, which then leads to the formation of aggregates. Finally, mechanical stresses may cause protein aggregation. Each of these environmental factors is typically encountered during bioprocessing.
++
Circular dichroism spectroscopy is widely used to follow the stability of a protein by increasing denaturant conditions. The most common denaturants are temperature, chemicals (usually urea and guanidinium chloride) and extremes of pH (usually acidic). As the denaturant condition increases the stability of the protein decreases and then unfolds (Ramos and Ferreira, 2005). CD is a convenient technique to follow protein unfolding because the spectra of folded and random coil are quite different.
+
+![]() + |
+
Characteristic far-UV CD spectra for an all-α-helix, an all-β-sheet and a random coil +protein. The spectrum for an all-α-helix protein (Alpha) has two negative bands of similar +magnitude at 222 and 208 nm, and a positive band at ~ 190 nm. The spectrum for an all β- +sheet protein (Beta) has in general a negative band between 210-220 nm and a positive band +between 195 - 200 nm. The spectrum for a disorderly (random) protein has a negative +band of great magnitude at around 200 nm. |
The indication of absorption of light is given by the dynode voltage module (in volts, V), which measures the response of the photomultiplier during the measurement and is an indicator of the quantity of photons that are not absorbed or are scattered by the sample. The higher the amount recorded, the greater the absorption or the scattering. A high absorption causes an increase in noise and consequently increases the errors of elipticity measurement. In general, the acceptable limit for reliable reading is 600 V, but acquisitions of up to 700 V are acceptable provided that the number of spectra collection and accumulation is highly enough to reduce the noise generated by absorption. It is advisable not to perform readings with voltage above 700 V as this may cause damage to the unit. The use of cells with thinner pathlengths decreases the number of photons that the sample is able to absorb. By using the Beer-Lambert law one can vary the concentration of sample and the length of the optical path in order to optimize the measurement.
+The unfolding transition can be easily determined by choosing a wavelength where the difference in signal for folded and unfolded protein is large. For instance, α-helical proteins have a large CD signal at 222 nm in which unfolded proteins has none or little signal. As discussed above the dynode voltage V (high-voltage applied to the photomultiplier of the UV detector to compensate for the reduction in the intensity light) is a result from light absorption or scattering and should be recorded for all CD measurements. For being related to scattering the recorded dynode voltage V can be used to probe the turbidity of the solution and hence aggregation (Benjwal et al., 2006). Accordingly to the Beer-Lambert law a heat induced change in the dynode voltage can only be originated from variations in the light scattering which depends on the particle size. Thus the signal of CD at 222 nm and the dynode voltage V as a function of temperature can be used to determine the amount of aggregation from denaturation. The curve profile shows that the CD signal starts to decrease at about 85ºC followed by a two-state like transition. This transition indicates that the protein unfolds as verified by the decrease in CD signal and aggregates as verified by the increase in the voltage which is related to light scattering. To sum up, as the protein aggregated its size increased and more light was scattered.
+
+![]() + |
+
Circular dichroism spectra of HoloMyoglobin (Mb) as a function of temperature. Circular dichroism measurements were recorded using a Jasco J-810 spectropolarimeter with 10 mm pathlength cell following the signal at 222 nm and the dynode voltage V as a function of temperature. A heat-induced change in the dynode voltage is originated from variations in the light scattering which depends on the particle size and thus from aggregation. The transitions indicate that the protein unfolds as verified by the decrease in CD signal and aggregates as verified by the increase in the voltage which is related to light scattering. A non-aggregated protein would have shown a constant dynode voltage throughout the whole scan. |
+
Click here to observe dispersive effect.
+
+Click here to observe absorptive effect.
+
+We have already learned from Experiment 1, how chiral molecules are optically active and how chiral substances +can be characterized on the basis of their specific rotation [α]. You will have noticed that in that experiment +we have used a sodium lamp with a wavelength of 589 nm as the light source, and may be wondering why the wave length +of light source needed to be specified. +
++Well, as has been explained in the following video using sucrose solution as an example, the specific rotation +[α] for a given substance, and hence the molar rotation [φ], varies as a function of the wavelength (λ) + of the light source.This variation in the optical rotation ([α] or [φ] ) of a substance, with the variation in + the wavelength (λ) of light, is known as optical +rotatory dispersion (ORD). +
+
+
+When a plane polarised wave passes through an optically active medium some times its state of polarisation +also gets affected along with its plane of polarisation and it comes out from the medium as an elliptically +polarised light. This phenomena is known as Circular Dichroism. +
+The experiment is devided inte two parts:
+
+
+
The purpose of the lab is to understand the effect of chiral substance on a plane polarised + light as a function of wave length. +
++By doing this experiment the user will be able to understand that:
+(1) A plane polarised light is made up of one Right Circularly and one Left Circularly polarised light. +
++(2) Different Refractive Indexes for different circularly polarised components of an anisotropic medium give +rise to Optical Rotation. +
+(3) Different rate of absorption for different circularly polarised components of an anisotropic medium + gives rise to Circular Dichroism. +
++(4) Optical Rotation depends on the wave length of incident light and results Optical Rotatory Dispersion. +
+In experiment:1 we have talked + about the phenomenon of polarisation of electromagnetic waves. We have tried to emphasize on two aspects of a plane polarised + or linearly polarised wave.
++A plane polarised wave is a composition of a left and a right +circularly polarised waves propagating in phase. +It is visually described by the following animation. Here the green and the red curve shows +propagation of right and left circularly polarised wave respectively. And superposition of them +is the blue curve which is a plane polarised wave.
+
+![]() + |
+
Whenever a electromagnetic wave enters a medium its velocity gets reduced. The ratio of its velocity in vacuum to its velocity in the medium is known as + refractive index and is represented by, n = c0 / v where c0 is the velocity of the wave in vacuum + and v is the velocity of the wave in the medium
+In an isotropic medium the properties of the medium are the same in all directions. + But in an anisotropic medium the properties become directionally dependent. + Anisotropic materials may have different indices of refraction associated with + different crystallographic directions. A common situation is that, there are + two distinct indices of refraction, and they are called birefringent + materials. In case of optically active chilral molecules, + they have different refractive indices for different circularly polarised components of a plane polarised wave(nL ≠ nR). + That means, once the plane polarised wave enters the medium speed of its right circular part and left circular part will + be different(cL ≠ cR). This property is known as circular birefringence. +
++These two aspects together give rise to the phenomena called Optical + Rotation, rotation of plane of polarisation +of a plane polarised wave after it passes through an optically active medium. +
++In experiment 1 we have seen and the Optical +Rotation of a light wave (which is an example of EM wave) when it passes through an optically +active medium like sugar solution. There we have measured the specific rotation [α]Tλ of the +light wave for different concentrations of medium at a fixed wave length of incident light λ~589nm(Na D-line)and fixed temperature T. In the this experiment we are going to observe how the specific rotation changes with wave length of incident light. +
++A wave can be characterized by its amplitude and phase. Amplitude of a wave is the maximum +displacement of the particles of the medium from its equilibrium position. Whereas phase +of a wave is the definition of a point in a waveform. Interaction of the wave with a material +effects its velocity and magnitude and this may in turn cause a change in these two characters. +If the material is transparent then no change takes place in phase. But in the case of an +anisotropic medium there may be difference in velocity of different components of the wave +(which causes change in phase). If the medium has absorptive property, then change in amplitude may take place. +
+
+The electric vector of a EM wave
+is always perpendicular to
+the direction of its propagation. For a plane polarised wave the electric vector of its Left circular
+part (EL) and the electric vector of its Right circular part (ER) make equal angles with the plane of
+polarization (αL and αR) ie they are in phase. As we have discussed, after entering an optically active
+medium velocities of the two components of a plane polarised wave (vL and vR) differs from each other.
+As a result the angles that EL and ER make with the initial plane of polarisation, no longer remains the
+same i.e. αL ≠ αR.
+This will give rise to a phase shift between the two components of a plane polarised wave
+,δ = αL – αR .
+
+
+The following figure describes this. +
+
+![]() |
+
+But the superposition of these two oppositely circularly polarised wave will still +generate a plane polarised wave with its plane of polarisation rotated to an angle +α',as described by the following figure.From the concepts of geometry it may be shown that the angle of rotation α' is half of the phase shift δ.[*] +
+
+![]() |
+
+Now we will see how this angle of rotation depends on the wave length λ of the incident light. +To understand the dependence let us first write down the electric vectors of a right circularly +polarised and a left circularly polarised wave propagating in the same direction (z) as follows +
+
+ER(z)= Eo/2 cosω(t - z/VR)
+EL(z)= Eo/2 cosω(t - z/VL)
+
Here, Eo = the magnitude
+ ω = angular frequency
+ z = distance traveled
+ v = velocity in the medium of the wave
+
+At any instant, the resultant of ER and EL (i.e. ER + EL) will produce a + plane polarised wave. We will see how much phase shift is generated when +a wave travels a distance, say d, through an optically active medium. + For that we can look at the equations of waves at z = 0 and at z = d. +
+
+
+ER(o)= Eo/2 cosω t
+EL(o)= Eo/2 cosω t
+
+
+
+ER(d)= Eo/2 cosω(t - d/VR)
+EL(d)= Eo/2 cosω(t - d/VL)
+
+
+Applying trigonometric laws we +can show that the phase difference +between ER(0)+EL(0) and ER(d)+EL(d) is given by +
++ +δ=ω .d (1/VR - 1/VL)=ω .d/c (nL - nR) + +
++Now as we know, velocity of any EM wave in any medium = (wave length of wave in the mediun) +X (frequency in that medium) and angular frequency = 2πX frequency of wave. So, +
++ +δ=2π/λ(nL - nR)d + +
++But α'= δ /2. So we can have angle of rotation directly as a function of wave length as, +
++ +α '= δ/2= π/λ(nL - nR)d + +
++So with change in the wavelength of a light, its optical rotation will also change for the same medium. This phenomena + is known as Optical Rotatory Dispersion. +
++In practical purpose, to study ORD one usually looks at two +parameters – specific rotation [α]Tλ and molecular rotation [M]Tλ. They are defined as follows. +
+
+![]() |
+
+A plot of [α]Tλ or [M]Tλwith wavelength λ is known as ORD spectra. From an ORD +spectra of an unknown material we can have an understanding of the optical properties of the material.
+When an EM wave passes through a medium, the energy of its photon may be taken up by the electrons of the atoms +of the medium. This is called absorption. +As a result the wave loses its energy and its amplitude gets reduced. This is called attenuation of a wave. +Absorption may occur for any type of polarised wave. The following figures exhibit how a linearly polarised +wave and a circularly polarised wave are attenuated by an absorptive medium. +
+![]() |
+![]() |
+
Absorption of plane polarised light source:http://www.enzim.hu/~szia/cddemo/edemo10.htm |
+Absorption of circularly polarised light source:http://www.enzim.hu/~szia/cddemo/edemo11.htm |
+
+The ratio of radiant power transmitted (P) by a sample to the radiant power incident (P0) on the sample is called the transmittance, T: +T = P/P0 +
+
+Absorbance (A), then, is defined as the logarithm (base 10) of the reciprocal of the transmittance:
+A = -log T = log (1/T)
+
+In a spectrophotometer, monochromatic plane-parallel light enters a sample at right angles to the plane-surface
+of the sample. In these conditions, the transmittance and absorbance of a sample depends on the molar concentration
+(c), light path length in centimetres (L), and molar absorptivity (ε) for the dissolved substance at the specified
+wavelength (λ).
+
+Tλ = 10εcL or Aλ = εcL
+
+Beer’s Law states that molar absorptivity is constant (and the absorbance is proportional to concentration) +for a given substance dissolved in a given solute and measured at a given wavelength. +
++For this reason, molar absorptivities are called molar absorption coefficients or molar extinction coefficients. +Because transmittance and absorbance are unitless, the units for molar absorptivity must cancel with units of measure +in concentration and light path. Therefore, molar absorptivities have units of M-1cm-1. +
++Some asymmetric (chiral) materials possess a special property that they absorb left circularly polarized light (LCPL) to +a different extent than right circularly polarized light(RCPL). Such materials are said to be exhibiting the phenomenon +of Circular Dichroism or CD (The word 'dichroism' means that the material absorbs two different types of light differently). +
+
+Following Beer's law if absorbance of LCPL AL is different from absorbance of RCPL AR then,
+AR ≠AL
+i.e. εRcL ≠εLcL
+i.e. εR ≠ εL
+
+
+We can study the effects of circular dichroism as a difference between molar extinction coefficients +(∆ε = εR - εL) of LCPL and RCPL. +
++Now let us discuss the results of circular dichroism on a plane polarised light. So if a plane polarised +light enters a a circular dichroic substance its two circular components undergo through separate absorptive +effect of the medium. So the resultant wave will no longer be a linearly polarized wave i.e. the resulting field +vector does not oscillate along a straight line but it rotates along an ellipsoid path. Such a light wave is called +an elliptically polarized light. The direction of rotation of the elliptically polarized light (or, more exactly, its +field vector) is determined by the circular component that remains stronger after traversing the material +
++
+![]() |
+
+
+As is evident from the figure above, one of the axis of the ellipse is parallel to the polarization plane +of the original light wave and another is orthogonal to it. This is the case when the material doesn't show +any refraction. However, there may be a difference between the refractive indices of the material for the RCPL +and LCPL as well. Then the axis of of the elliptically polarised resultant wave undergoes a rotion and no longer +remains parallel to the plane of polarisation of the original wave any more. The material is said to posses both +Circular Birefringence and Circular Dichroism. +
++As we have measured ORD by specific rotation, in this case we also use parameters like delta absorbance, +molar circular dichroism, molar ellipticity, molar residue ellipticity etc to measure the CD. Here are definition, +description and the inter relation of these parameters. +
+This experiment has two parts. The first part elaborates the effect of an anisotropic medium on the velocity of light passing through it. It shows how the plane of polarisation of a plane polarised light changes when RI of its two circularly polarised components are different from each other. It also describes the dispersive phenomena of optical rotation caused by the medium. +
+The second part of the experiment demonestrates the effect of an anisotropic medium on the amplitude of the wave passing through it. It exhibits how state of polarisation of a plane polarised wave changes when rate of absorbance of its two circularly polarised components are different. +
+Notes:
+[*]Geometric explanation of α'= δ/2
+
+Disclaimer:
+
+The figures used for explaining phase shift due to Optical Rotation is adopted from
+http://www.pci.uzh.ch/nonella/Anleitungen/ORD.pdf
+The download site of Prof Marco Nonella
+Institute of Physical Chemistry,
+University of Zurich
+
Click here to start the experiment.
++In Experiment 2 we have seen how an electro magnetic wave interacts with an anisotropic medium. +We have observed the phenomena called Optical Rotatory Dispersion where the optical rotation of +a plane polarised light is studied as a function of wave length of the incident light. Now we will +try to understand how the ORD spectra can be used to study the structure of an optically active substance. +We will study different types of normal and abnormal ORD spectra and try to correlate them with structural +properties of the chiral molecule. +
+
+Follow the steps given below to successfully complete the experiment.
+
+ The purpose of this lab is to make students familiar with different types of ORD + spectra obtained from different chiral substances. By doing this experiment user will be able to, +
++
+In the previous experiment we have seen that optical rotation of a plane polarised light changes with the wave length of the light when it passes through an anisptropic medium. We measure this change in optical rotation per unit length of the medium as specific rotation. In ORD spectroscopy we change the wavelength of the incident light and measure the change in specific rotation of the light. So an ORD spectrum will give us a plot of specific rotation (some times molar specific rotation) against wavelength. Depending on the nature of the chiral center different anisotropic medium produces different ORD spectrum. Hence ORD spectra may be used as a very efficient tool to determine the nature of chirality in an anisotropic medium.
+
+Now let us see how different types of ORD spectra represents different physical properties of a medium. +
+Dispersion and Plain ORD Curve
+These curves are observed for transparent compounds in the UV range.A plain curve results showing a steady increase (or decrease) of optical rotation with decrease in wavelength. These curves does not cross the zero-rotation axis and are devoid of maxima or minima within measurable range. So-called plain curve is the ORD for a chiral compound that lacks a chromophore. For Example, alcohols and hydrocarbons exhibit such kind of ORD curves.
+
+![]() |
+
+Another Property, Absorbance : Anomalous ORD Curve +
++We have mentioned the term chromophore. It is the part of a molecule where absorbance of light takes place. This occurs because at this part +energy of electronic transition between two molecular orbitals +with energy of the photons of the incident light. Incident light that hits the chromophore can thus be absorbed by exciting an electron from its +ground state into an excited state. So there is a range of wavelength,called the absorption band, where the light is absorbed. This absorption band +has a maxima at a particular wavelength λmax. As a result there comes an anomaly in the ORD curve at the neighborhood of the chromophore. The absolute magnitude of the optical rotation at first varies rapidly with wavelength, crosses zero at absorption maxima and then again varies rapidly with wavelength but in opposite direction. Such anomaly is known as Cotton effect. As opposed to plain curves, these curves exhibit a number of extreme peaks and troughs depending on the number of absorbing groups. The Cotton effect is called positive if the optical rotation first increases as the wavelength decreases (as first observed by Cotton), and negative if the rotation first decreases. The following figure exhibits both types of Cotton effects. +
++
+![]() + |
+
Figure shows absorption band and -ve & +ve cotton effect near the absorption maxima
+ +
+Octant Rule: an empirical method to determine type of Cotton effect in Ketones
+In case of saturated alkyl ketones there is a way, known as octant rule, to predict the sign of cotton effect (+ve or -ve) directly from the understanding of the structure. We can divide the space around the ketone into eight octants by looking down the carbonyl as shown below.
+![]() + |
+
Four octants in the front of the oxygen (toward the observer) and four behind. The front four can be ignored but the rear four usually contain all the atoms in the molecule. Each of these four rear octants are assigned a sign(+ ve or -ve) and all the atoms of the molecule are distributed in these four octants. Now depending on the occupancy of these four octants the sign of the cotton effect may be determined. The sign of the octant having highest occupancy determines the sign of the cotton effect. +
++In this experiment user will observe CD and ORD spectrum of same samples. These samples are chiral molecules with chromophore. It is expected that by doing this experiment the user will develop an understanding of interrelations between ORD and CD spectra. +
+Simulation Under Construction.
+
+
+
+In Experiment 3 we have seen variation in ORD spectra for different chiral molecules. In this experiment we will observe variation of CD spectra for chiral molecules with chromophores. We will aslo try to understand the relation between anomalous ORD spectra and CD spectra. +
+A CD spectra can be used as an identifying signature of chiral molecules where chromophore is present. For large chiral molecules like protein CD spectroscopy is used as a primary tool for structural characterization. +
+
+The experiment is composed of a number of steps. One may follow the steps given below to successfully run the experiment.
+
+ The purpose of this lab is to make students familiar with different types of CD + spectra obtained from different chiral substances with chromophore. By doing this experiment user will be able to, +
++
+
+Circular dichroism leads to the transformation of plane polarized light into elliptically polarized light, +and is directly related to differential absorbance of LEft Circularly Polarised (LCP) and Right Circularly Polarised (RCP) components of plane polarized light, by +chiral substances which also absorb light. The plot of the variation in the ellipticity, of the elliptically +polarized light, as a function of wavelength, gives us the CD spectrum. In order to understand circular dichroism, +and its role in CD spectroscopy, we need to visit some definitions and concepts. +
+As we have discussed CD is the direct consequence of differential absorbance. So studying variation of
+differential absorbance with variation in wavelength is a good approach. We define delta absorbance,
+a parameter to study CD, as
+ΔA=AL-AR
+where AL and AR represents the absorbance of LCP light and RCP light respectively.
+
+Though the the difference in absorption to be measured is very small (usually a few 1/100ths to a few 1/10th +of a percent), but it can be determined quite accurately. +
++A circular dichroism signal can be positive or negative, depending on whether left circularly polarised light +is absorbed to a greater extent than right circularly polarised light (CD signal positive) or to a lesser extent +(CD signal negative). An example CD spectrum of a sample with multiple CD peaks is shown below, demonstrating how +CD varies as a function of wavelength, and that a CD spectrum may exhibit both positive and negative peaks. +
+
+As discussed above, from Beer-Lambert law we can express delta absorbance as
+
+
+ΔA= (εL - εR)Cl
+where, C is the molar concentration, and l is the path length in centimetres(cm).
+
+Therefore we can plot the difference in molar extinction coefficient of LCP and RCP light
+Δε= εL - εR as a function of wavelength. Thus we have an intrinsic
+property called molar circular dichroism, Δε to represent CD spectroscopy.
+
+Upto now we have seen CD as an intrinsic property of the molecule but in many practical applications of +circular dichroism (CD), the measured CD may also be a function of temperature, concentration, and the +chemical environment, including solvents. So in those cases we should follow another way to represent CD +spectra. To do that instead of looking at the cause of circular dichroism (differential absorbance) we may +look at the effect of CD (ellipticity). +
++Hence we define ellipticity of polarization as the inverse tangent of the quotient of the minor and major axes +of the elliptically polarised wave. And it is derived as, +
+![]() |
+![]() |
+
+where
+ER and EL are the magnitudes of the electric field vectors of the right-circularly and left-circularly polarized light, respectively.
+
+This ellipticity will depend on the path length and concentration of medium. So we can think of specific ellipticity,
+ellipticity per unit length per unit concentration.We can think of an intrinsic property in terms of this ellipticity,
+molar ellipticity ([θ]), which is simply the product of molecular weight of the molecule and specific ellipticity.
+
+[θ] = M x specific ellipticity x 10-2
+
+Now the Molar circular dichroism, Δε, and molar ellipticity, [θ], are readily interconvertable by the equation:
+[θ] = 3298.2 ε
+
+After having discussed different measurable parameters related to CD spectra lets have a look at how it is measured in +practical situations. +
++Circular dichroism spectra are measured using a CD spectrometer which is a highly specialised derivative of an ordinary +absorption spectrometer. CD spectrometers measure alternately the absorption of left and right circularly polarised lights, +usually at a frequency of 50 kHz, and then calculate the CD signal. CD is reported either in units of ΔA, the delta +absorbance (is discussed below), or in degrees ellipticity. [θ], the molar ellipticity in deg cm2 dmol–1 = 3298.2 δA +which is also discussed in detail below. +
++Note: One should be very careful with the concentration of the sample taken. There is a misconception +that more the concentration, better the CD signal which is totally incorrect. However, in reality, the reverse happens. +If the concentration is more, less light will pass through it and it will give the CD signal with error. Therefore, an +optimal concentration of the sample should be chosen to obtain an error-free CD signal. +
+
+
We have seen Circular dichroism as an absorptive effect and ORD as a dispersive effect of interaction between an EM wave and an anisotropic medium. We also have discussed the measuring parameters of ORD and CD. In case of ORD the molecular rotation [M]Tλ and in case of CD the molar ellipticity [θ]Tλ are the most important parameters. They are also interrelated by Kroning-Kramer transformation as shown below. +
+
+![]() |
+
+
+So we can easily switch between CD and ORD data. One must keep in mind that ORD is observed in any molecule which is +chiral but CD is observed only when there is a chromophore. So when CD is observed a cotton effect must be present there. +
+
+But in practical purpose we prefer CD data over ORD data. There are several reasons behind doing that
+
+In this experiment we have two samples. They are enantiomers of each other. We will learn to determine which one is R and which one is S enantiomer. After that we will measure the ORD and CD spectrum of both the samples. Once we get all the spectrum we will try to match the ORD curve of a smaple to its own CD graph. +
+
+ As we are already familiar with the concepts of circular dichroism, ellipticity etc. from the previous experiments, here we are going to provide only a brief review of the CD.
+CD instruments (known as spectropolarimeters) measure the difference in absorbance between the L and R circularly polarized components (ΔA = A L - A R), and generally report this in terms of the ellipticity (θ) in degrees. It should be noted that θ = tan-1 (b/a) where b and a are the minor and major axes of the resulting ellipse . There is a simple numerical relationship between ΔA and ellipticity (in degrees), namely θ = 32.98 ΔA. The CD spectrum is obtained when the dichroism is measured as a function of wavelength.
+In a CD instrument, plane polarised light is split into the L and R components by passage through a modulator subjected to an alternating electric field (50 kHz is the frequency most commonly employed). The modulator normally used consists of a piezoelectric quartz crystal and a thin plate of isotropic material (e.g., fused silica) tightly coupled to the crystal. The alternating electric field induces structural changes in the quartz crystal; these make the plate transmit circularly polarised light at the extremes of the field. As the transmitted radiation is switched between L and R components, these are detected in turn by the photomultiplier tube.
+
+
+Module:1
+
Step:1
+Click on the regulator of the N2 gas cylinder to open the gas for purging.
+Step:2
+Click on the knob present on the cylinder to control the flow rate of N2 gas according
+to short wave length limit of measurement.
+Step:3
+After setting the flow rate now turn on the CD spectrometer by clicking the green button present on the left side of the machine.
+Step:4
+Now turn on the computer by clicking the CPU power button.
+Step:5
+Now turn on the water bath by clicking on the power button and set the temperature to 20°C for normal measurement.
+Step:6
+Now turn on the peltier temperature control(PTC) to regulate the temperature and stirrer revolution for the sample by clicking the power button.After turning on PTC, click the start button to activate the PTC.
+The PTC has two mode:
+(i)Stirrer mode:Regulate the stirrer revolution rate by scrolling the slider present on the PTC.
+(ii)Temperature mode:Regulate the temperature of the sample by clicking the Ctrl and +/- arrow keys.
+After setting the stirrer revolution rate and temperature click on the Enter button.
+Step:7
+Now click on the lid of the CD spectrometer,the instrument will now
+ undergo its initialization process. Once the initialization is completed, the lid will open and the lamp will be
+ turned on.
+
+Step:8
+After the initialization of the CD spectrometer now it is ready for the spectrum measurement.
+
+Module:2
+
+Step:1
+First click on beaker ,then on the sample solution to bring it to the table.
+Step:2
+Then pour the sample solution into the beaker.
+Step:3
+Click on the pipette to bring it to the experiment table, then click the pipette to fill it with the sample solution.
+Step:4
+Now click on cuvette to bring it to the experiment table,and then click the pipette to fill the solution into the cuvette.
+Step:5
+Now click the cuvette to place into the cuvette holder of the CD spectrometer.
+Step:6
+Now the scan will take place and the spectrum for the sample will be recorded.The detail
+process of the modulation and the detection of the CD signal is shown in the simulated diagram.
+
+The objective of this experiment is to make the user/student understand the working of CD spectrometer, its different parts and how to set the important parameters related to CD spectrometer initialization and spectrum measurement.Unfortunately, it is not always clear that such instruments are being used to their best advantage so the aim of this experiment is to provide a brief summary of the CD spectrometer functioning and some important practical aspects of performing CD experiments. +
This experiment have three modules:
+(1) CD spectrometer initialization:How to set up the CD spectrometer for initialization
+(2) Sample preparation:How to prepare a sample for the CD spectrum measurement
+(3) Graph section:This section will demonstrate real CD spectra of a protein(Lysozyme) along with a buffer at different concentration and cell length.
+
+Here are two sets of interactive questions to help you to make your understanding more clear.
+After you go through the theory section you should try out the Pre-experiment quiz before you start the actual experiment.
+Once you perform the original experiment you should try out the Post-experiment quiz to have a better insight of the concepts.
+
+
Click here to have a self evaluation.
Click here to have a self evaluation.
+Introduction to a general layout of a spectrometer +
+ ++The basic CD spectrometer design most widely adopted by the leading manufacturers comprises a high intensity broadband light source (usually a high pressure Xenon arc lamp), a double prism monochromator which not only serves to disperse the wavelength but is also used to linearly polarise the light beam, an electro-optic modulator which transforms the linearly polarised light into circularly polarised states, a sample chamber and photomultiplier detector. Sophisticated control and signal processing electronics, all under PC control, completes a typical instrument (Figure below) +
+
+
+
+
+Block diagram of a spectropolarimeter. Plane polarised +radiation is produced by passage of light from the source (LS) through 2 +prisms (P1 and P2) and a series of mirrors (M0 to M5) and slits (S1 to S3). +The ordinary ray (O) is focussed by a lens (L), and passed through a filter +(F) to the modulator (CDM). The circularly polarised components are then +passed through the shutter (SH) to the sample compartment, before +detection by the photomultiplier (PM). (E represents the extra-ordinary ray). +
++
LS light source, is a 150W, air cooled Xe lamp, with quartz envelope. It emits a strong continuous spectra in the all wavelength range of the monochromator (163-1100 nm)
M1 is an elliptical mirror focusing the lamp arc on the entrance slit (S1) of the double monochromator
M0 is the mirror to collect back-emitted radiation from the source
S1,S2,S3 are the entrance, intermediate and exit slits of the monochromator, all linked together
M2-M5 are the spherical collimator mirrors of the double monochromator (Czerny Turner type)
P1,P2 are the quartz prisms of the monochromator, prisms are used to disperse radiation and also to get linear polarization output. E-ray (extraodinary ray with crossed polarization) is not getting +out
L is the focusing lens to get beam collimated in the sample compartment
F is a series of 45° quartz plates to clean further the monochromatic exit beam polarization
CDM is the photoelastic modulator crystal in its thermostatted housing, it acts (in CD mode) as a 1/4 wave achromatic plate, i.e. the linear polarized beam is deflected + and – 45° at the crystal +oscillation frequency (50 KHz)
SH is a mechanical shutter to remove radiation from sample (when needed)
PM is the photomultiplier tube detector
+=> As white light passes through the first prism it is split into
+its component wavelengths and the wavelength selected by the intermediate
+slit.
+
+=> The prism also separates the linear polarised components of light.
+The pointed ray is the vertically polarised component and the semi-solid ray is the
+horizontally polarised component
+
+=> What actually passes through the intermediate slit is a mixture
+of horizontally polarised light of the selected wavelength and vertically
+polarised light of different wavelength.
+
+=> The second prism separates out the contaminating vertically polarised
+beam, as well as straylight that has made it through the first monochromator.
+
+=> The unique combination of the two polarising quartz prisms provides
+a wide separation of polarised components, allowing wider slit widths, so
+more light, to be used.
+
+=> The polarised light is passed through a photoelastic modulator(CDM)
+which converts the beam into alternating left and right circularly
+polarised light.
+
+
+Polarisation modulation
+
+The measurement of CD requires the generation of a monochromatic probe light beam in each of the left circularly polarised (CPL) and right circularly polarised (CPR) states and a means of detecting the difference in absorbance of the two states caused by the introduction of a sample into the light beam. The differential absorbance of a typical sample with respect to the two circularly polarised states is typically in the order of 1 part in 104 or less. Therefore the differences to be measured in the CPL and CPR photometric signals are also of this order in relation to the transmission background of the sample. The most reliable mechanism developed to date for measuring such fine differences in sample absorbance utilises a modulation technique whereby the light beam from the monochromator is alternately switched at a high frequency (typically 50 kHz) between the CPL and CPR states using a photo-elastic modulator (CDM). Following transmission through the sample, the beam strikes a photomultiplier detector which converts the incident photon flux to a photometric current.Any sample CD results in a small 50 kHz AC component superimposed on a much larger DC background resulting from the standard transmission of the sample. This AC amplitude is detected using a tuned amplifier and demodulation circuit and the CD is derived from the ratio of the AC and DC amplitudes. This optical modulation approach has the benefit of allowing sensitive detection in a single channel and also inherent rejection of noise and drift away from the modulation frequency. +
+
+
+Initialization of the CD spectrometer
+
+(1)Purging the instrument with N2:
+The need to measure very small signals in the far-UV has been the biggest influence driving improvements in instrument specification over the years and significant increases to the limit of detection and far-UV performance have been achieved. Specifically, the most critical requirement for all CD instruments is to maximise the intensity and quality of circularly polarized light available, particularly in the far-UV, down to what is the experimentally practical limit of 170-175 nm. 190 nm and below is the most demanding region of the spectrum in which the instrument must operate.
+At this wavelength the instrument must be purged with high-purity oxygen-free nitrogen (approx 3–5 L min) for at least 20 min before starting the light source and while making measurements. Any oxygen present may be converted to ozone by far-UV light from the high intensity arc, and ozone will damage optical surfaces. Higher nitrogen flow rates should be used for measurements below 190 nm.
+
+(2)Controlling the temperature of the sample:External water bath and Peltier temperature control +Accurate and repeatable temperature control of the sample is a crucial need for any spectrometer system and even more important with CD due to the heavy use in measurement of biomolecules. +In the CD spectrometer generally the circulator water bath(temperature range 20-200°C) based peltier temperature control system is used to control the the temperature of sample placed inside the cell. +The Peltier thermostatted cell holder which enables temperature control using the temperature control program. It controls the sample temperature to measure the CD spectrum with change in temperature, generally in the range of -10 to +110°C . +
++Peltier cooling attachment is based on the Peltier effect(The Peltier effect occurs whenever electrical current flows through two dissimilar conductors(or metals). Depending on the direction of current flow, the junction of the two conductors will either absorb or release heat.) +
++Cooling, Heating: When DC voltage is applied to the module, the positive and negative charge carriers in the pellet array absorb heat energy from one substrate surface and release it to the substrate at the opposite side. The surface where heat energy is absorbed becomes cold; the opposite surface where heat energy is released, becomes hot. Using this simple approach to "heat pumping," thermoelectric technology is applied to many widely-varied applications—small laser diode coolers, portable refrigerators, scientific thermal conditioning, liquid coolers, and beyond. +
++
+![]() +Schematic of a simple Peltier cooler (Source:See Ref:6b) + |
+
+The ability to measure CD spectra while controlling the temperature of a sample offers important information about conformational change associated with temperature and is used in the study of biopolymers. The temperature control program measures the thermal denaturation curve (temperature scan) and CD spectra during temperature change based on user selected parameters. +
+
+(3)Solution preparation for CD spectrum measurement
+
+(i)Selection of protein:
+Samples should, of course, be of he highest possible purity. Near-UV CD signals,
+in particular, can be seriously distorted by the presence of relatively small
+amounts of protein impurities (if they have intense signals) and by the presence
+of nucleic acids, which have intense CD bands in this region.
+
+The protein should be free from other aggregates, as aggregated proteins can cause optical artefacts in CD such as differential light scattering and absorption flattening.
+
+Far-UV CD spectra of proteins (260–178 nm) are intense and small amounts of material are required to record them. Because all peptide bonds contribute to the spectrum the amount of material required is effectively the same for any protein. Typical quantities are 200 μL of a 0.1– 0.15 mg/mL solution with a 1-mm path length cuvet or 30 μL of a 1.0–1.5 mg/mL solution with a 0.1 mm (demountable) cuvet. The latter is preferable for good far-UV penetration but the material is not generally recoverable.
+
+Near-UV CD spectra (340–255 nm) are much less intense than far-UV spectra and recording them requires more material. Spectra are usually recorded under +conditions similar to those used for measuring a conventional absorption spectrum, e.g., use a 10-mm cuvet and aim for an absorbance at 280 nm in the range 0.7–1.0. Less-concentrated solutions may be used if the CD signals are intense. +
++CD signals will be seriously distorted if too little light reaches the photomultiplier. In practical terms, this means that one cannot make reliable measurements on samples with an absorbance (sample plus solvent) much greater than 1. The absorption spectrum of the sample should always be checked to see if this absorbance limit is exceeded. In far-UV measurements, the absorbance of the protein itself is generally rather small and the major problems arise from absorption by buffer components, almost all of which will limit far-UV penetration to some extent. +
+
+
+(ii)Selection of Solvent/buffer:
+The aim in recording CD spectra of good quality is to keep overall absorbance within reasonable bounds(less than 1). If the absorbance will be too high then the relatively small photon flux reaching the detector will lead to high errors in measuring the small values of absorbance and will generate high levels of noise relative to signal. Therefore to obtain better results the concentration of sample must be kept high as to that of the solvent system. It may also be necessary to maintain the ionic strength of the sample and to add reducing or chelating agents to improve the stability of protein. Oxygen absorbs light below 200 nm; for
+optimum transparency, buffers should therefore be prepared with glass-distilled water or the
+water should be degassed before use.
+
+
+
+It is essential to run a blank spectrum with buffer or solvent system alone in order to check that the absorbance and High Tension voltage is not excessive. If that happens then it may be possible to use cells of shorter path length, provided that the concentration of sample can be increased or lower teh concentration of species which is causing problem(e.g. Chloride ions). Selection of buffer provides denaturation of proteins and peptides. The buffers also show cutoffs at a certain point in low wavelength region where they start to absorb after certain point, therefore cutoff values of certain common buffers should be known. Use of optically active buffers should be avoided as it can provide inaccurate results. Therefore clear solutions are required and CD is taken in high transparency quartz cuvettes to ensure least interference. +
+Buffer components (especially those that contain carboxylates) that have a high absorbance below 200 nm must be avoided (e.g. Tris [tris(hydroxymethyl)aminomethane], dithiothreitol, imidazole, histidine, choloride, etc.). The following table describes the cutoff wavelength (wavelength in which absorbance = 1 for a 1 mm cuvette) for common solvents and buffer components. Cuvettes with short pathlengths are better, since the amount of buffer the light travels through is minimized. The disadvantage of short pathlength cuvettes is the higher concentration of protein which must be used (increased 10-fold relative to a 1 cm cell). Ideally, the buffer concentration is low (< 10 mM). +
++ |
++ |
+
Water | +<185 | +
Trifluoroethanol | +<185 | +
Hexafluoroisopropanol | +<185 | +
Acetonitrile | +185 | +
Methanol | +195 | +
Ethanol | +196 | +
2-Propanol | +196 | +
Cyclohexane | +<185 | +
Dioxane | +232 | +
(NH4)2SO4 0.15 M | +191 | +
NaCl 0.15 M | +196 | +
NaClO4 0.15 M | +<185 | +
NaNO3 0.15 M | +245 | +
Phosphate 100 mM | +<185 | +
Tris 100 mM | +195 | +
Pipes 100 mM | +215 | +
Mes 100 mM | +205 | +
GdnHCl 4 M | +210 | +
Urea 4 M | +210 | +
+
+
Buffer component | +180nm | +190nm | +200nm | +210nm | +
NaCl | +>0.5 | +>0.5 | +0.02 | +0 | +
NaF | +0 | +0 | +0 | +0 | +
Na borate(pH 9.1) | +0.3 | +0.09 | +0 | +0 | +
Na2HPO4 | +>0.5 | +0.3 | +0.05 | +0 | +
NaH2PO4 | +0.15 | +0.01 | +0 | +0 | +
Na acetate | +>0.5 | +>0.5 | +0.17 | +0.03 | +
Tris/H2SO4(pH 8.0) | +>0.5 | +0.24 | +0.13 | +0.02 | +
HEPES/Na+ (pH 7.5) | +>0.5 | +>0.5 | +0.5 | +0.37 | +
+Chloride and carboxylate ions absorb strongly below 195nm. Therefore high concentrations of chloride ions arising from Tris/HCl buffers should be avoided and instead flouride and sulphate ions can be used to maintain ionic strength. +Buffers based on phosphate, borate or Tris are suitable for maintaining pH values in range from about 6.5-9.5 and buffers in pH range 4 to 6 are usually based on carboxylate groups or sulphonic acid derivatives and can only be used at low concentrations(<10mM). Organic solvents are used while dealing with very non-polar integral membrane proteins(generally in case of natural products or drugs). +
+
+(iii)Sample concentration to be used
+Solutions should be prepared according to the pathlength of cuvette
+
+Cuvette path(cm) + | ++Concentration of sample(mg/ml) + | +
0.01-0.02 | +0.2-1.0 | +
0.1 | +0.05-0.2 | +
1 | +0.005-0.01 | +
+(Source:See Ref:3) +
+ ++The most accurate method of determining protein concentration is quantitative amino acid analysis, using the concentrations of the stable amino acids, e.g. alanine and lysine to calculate the concentration of the intact protein. This method is very sensitive and can be performed on actual CD samples. Concentration can be determined using published molar extinction coefficients if they are available; the protein should be dialyzed or desalted into the CD buffer immediately before the spectrum is obtained and filtered though 0.1 to 0.2 micron filters to reduce light scattering. The spectrum of the CD buffer alone must be subtracted from the +spectrum of the sample. Since CD is usually carried out on samples with relatively low concentrations, it is best to prepare a filtered stock solution of the protein of ~1 mg/ml in the CD buffer and determine its protein concentration and dilute the stock for the CD measurements. It is important to thoroughly dry the cuvette before using as water droplets in cuvette can alter the concentration of the sample. +
+
+(iV)Calibration of cell Pathlength
+The cells used for CD work should be manufactured to extremely high standards. Suprasil(quartz) is generally used for measurements. Refillable cells are available commercially with pathlengths in the range 0.01 to 10cm. Shorter pathlength calls (0.001cm or even shorter) are of demountable type consisting of 2 quartz plate and one of them is prepared to required depth.
+
+The path lengths can be established either on the basis of interference patterns caused by reflection of incident light from internal surfaces of the cells or on the absorbance of standard solutions.
+High transparency quartz cuvettes (cells) are used in CD spectrometer. Generally two types of cells are used, rectangular and
+cylindrical cells with path lengths ranging from 0.01 to 1 cm. Water jacketed
+cylindrical cells are available for CD machines that do not have temperature regulated cell holders. Rectangular cells with path lengths less than 0.1 cm often have a very small total sample volume and a very small surface area facing the light beam of the CD machine. It is important that the light beam should properly focus when these cells are used, since large artifacts are produced if
+the light does not go directly through the sample. In the near-UV region where path
+lengths from 1 mm down to 0.01 mm are required rectangular cells, in their standard, semimicro, or micro forms, are normally used. These are more economical than
+the cylindrical type, and allow mixing to be carried properly. For far-UV CD spectra, short-path-length cells from 1 mm down to 0.01 mm are
+necessary because of the higher absorbance and ellipticity in this region.
+
+In the previous experiments, we have seen the effect of anisotropic medium on electromagnetic waves. +The rationale behind the emergence of the phenomenon of Circular birefringence and Circular Dichroism (CD) from such chiral +molecules has clearly been described in the earlier experiments. CD, being an intrinsic property of optically active molecules, +can therefore, be used as a method to identify and study the important optically active molecules of nature. One of the most +important optically active molecules is a protein molecule which is an essential biomolecule studied extensively across the +scientific community. Since, proteins are chiral in nature (due to their dextrorotary and levorotary components), they also +exhibit CD. As a consequence, CD can be used as a tool to study these molecules.
+In this experiment we will focus on the structure and function of protein molecules and their relationship with CD. As we proceed, we will be able to understand the different structural features of a protein and how do they affect the CD spectrum of proteins. We will see how CD spectroscopy can be used as a method for the characterization of different protein structures. Precisely, this experiment aims to observe and study characterization of protein structures and folds based on its CD spectrum. The capacity of CD to give a representative structural signature makes it a powerful tool in modern biochemistry with applications that can be found in virtually every field of study. +
+
+Step 1: The screen shows a CD spectrometer with a computer attached to it. There is a drop down menu named "Secondary Structure" and three control TABS on the right named "Measure CD", "Exit Simulation" and "N2 Purge".
+Step 2: You have to power on the CD spectrometer to activate the simulator. The power switch is at the left of the spectrometer.
+Step 3: Now you have to select one sample from the drop down menu named "Secondary Structure".
+Step 4: Now you may Purge the N2 and see what happens in the screen or directly "Measure CD".
+Step 5: If you select "Measure CD" then sample will be taken in special container. Now you have to open the spectrometer's lid . The sample will be automatically kept inside. Then you have close the lid. Opening and closing of the lid is done by clicking a white oval button below the lid.
+Step 6: You will now have the spectra of your sample. Click continue to "identify the secondary structural element" from the spectrum.
+Step 7: If it does not match with any existing spectra then you will be told that some thing has gone wrong. And you will be suggested to do the experiment again. While redoing the experiment you may try N2 purging to observe whether that makes any difference in your experimental result.
+Step 8: Once you receive a curve which matches with one of the spectrum of pure secondary structure of protein then you will be asked guess that structure.
+Step 9: Once you submit your result you will come to know whether your guess is right or wrong.
+
+ +The purpose of the lab is to give students an idea of the structure of a protein and how CD spectroscopy technique is useful to detect the characteristics of secondary structures of proteins. By performing the experiment a student will
+
+Here are two sets of interactive questions to help you to make your understanding more clear.
+After you go through the theory section you should try out the Pre-experiment quiz before you start the actual experiment.
+Once you perform the original experiment you should try out the Post-experiment quiz to have a better insight of the concepts.
+
+
Click here to have a self evaluation.
+
Click here to have a self evaluation.
+
+Introduction to proteins: +
+
Biological Significance:+ + +
+ +Proteins are the most predominant organic molecules in all living cells with remarkable biological significance. +The structure, behaviour and unique qualities of all living beings are the consequence of the protein they contain. +Proteins perform the essential and specialized functions in living cells. They are primarily responsible for the +structure and strength of the body. According to their biological roles, proteins can be classified into various categories. +Some proteins act as enzymes, hormones, blood clotting factors, antibodies etc while some proteins are classified as +structural (e.g. collagen & keratin), contractile (e.g. actin & myosin), transport (e.g. haemoglobin & myoglobin) and +regulatory proteins (e.g. G-proteins). There are also nutrient and storage proteins which are vital for the growth and +survival of living cells.These are the dynamic functions of proteins. Due to their vital functions they are also known +as the working horses of cell. +
++
Structure of proteins:+
The building block of protein molecules is called as amino acid, which occur in 20 different naturally occurring forms. +A protein is a chain of amino acids linked together through peptide bonds. All proteins are made up of same set of these +20 amino acids arranged in a specific order. Various combinations of these amino acids account for a variety of proteins +occurring naturally. A typical amino acid consist of a primary amino group (-NH2), a carboxyl group (-COOH), a hydrogen atom +(-H) and a side-chain (-R) group attached to a central α-carbon atom (-Cα). The structure is as shown below. +
+
+![]() |
+
+Structure of an amino acid
(source:http://www.bothbrainsandbeauty.com/page/3)
+The variation among the amino acids occurs at the R group, which is different in each amino acid displaying different +physiochemical properties (e.g. polarity, acidity, basicity, aromaticity, ability to from hydrogen bonds etc). +Only Proline differs from this basic structure and has its aliphatic side-chain bonded back onto the amino group +and is thus, instead an imino acid. This makes Proline a conformationally rigid molecule. +
++ +All of the 20 standard amino acids, except for glycine, have four different groups around the Cα +atom and thus are optically active and chiral in nature. These can be distinguished based on the difference +in rotation of the place polarised light. Only one of the forms of the isomer (L-isomer) +(see http://en.wikipedia.org/wiki/Chirality_(chemistry) for more details) is found in proteins. +
++
The peptide bond:
+As discussed above, a protein is a linear sequence of amino acids linked together by peptide bonds. +The peptide bond is a covalent bond between the α-amino group of one amino acid and the α-carboxyl +group of another. The formation of peptide bond involves removal of water molecule and hence, amino acids +are also referred to as residues. The figure below illustrates a peptide bond formation between two amino +acid residues with the removal of water molecule. +
++
+![]() |
+
Peptide bond formation
(source: http://www.bothbrainsandbeauty.com/page/3)
+
+The peptide bond has partial double bond character. When two amino acids are joined by a peptide bond,
+they form a dipeptide.A tripeptide refers to a chain of three amino acids while tetrapeptide is a sequence
+of four amino acid residues and so on. Addition of further amino acids results in long chains called as oligopeptides
+(upto 25 amino acid residues) and polypeptides (>25 amino acid residues). The backbone conformation of a polypeptide
+is specified by the rotational angles about the Cα - N bond(φ) and Cα - C (ψ) of each amino acid
+residues as shown below:
+
+![]() |
+
Torsional angles
(Source:http://biochem.co/page/3/)
+
+Since amino acids are chiral in nature, they can generate CD signals. In CD spectroscopy, +in the far-UV spectral region of wavelengths ranging from 190-250 nm, the chromophore is +the peptide bond while in the near-UV spectral region of wavelengths ranging from 250-350 nm, +the chromophores are the aromatic amino acids and disulfide bonds. Signals in the region from +250-270 nm are attributable to phenylalanine residues, signals from 270-290 nm are attributable +to tyrosine, and those from 280-300 nm are attributable to tryptophan. Disulfide bonds give rise +to broad weak signals throughout the near-UV spectrum. The signal strength in the near-UV CD region +is much weaker than that in the far-UV CD region. Near-UV CD spectra require about 1 ml of protein +solution with an OD at 280 nm of 0.5 to 1 (which corresponds to 0.25 to 2 mg/ml for most proteins). +
++
Primary Structure of proteins+
The primary level of structure in a protein is the linear sequence of amino acids as joined together by +peptide bonds. It refers to the number and order of the amino acids present in the protein. The convention +for the designation of the order of amino acids is that the N-terminal end (i.e. the end bearing the residue +with the free α-amino group) is to the left (and the number 1 amino acid) and the C-terminal end +(i.e. the end with the residue containing a free α-carboxyl group) is to the right. +
++
Secondary structure of proteins:+
The secondary level of structure in a protein refers to the folding of the local regions of the polypeptide chain. +Secondary structure arises when various functional groups of the constituting amino acids interact and arrange +themselves spatially. This causes the amino acid chain to twist and attain different configurations. +The most common types of secondary structure elements are the α-helices, β-pleated sheets and random coils. +
++The α-helix is a common secondary structure encountered in many proteins (e.g. haemoglobin). The formation of the α +-helix is spontaneous and is stabilized by H-bonding between amide hydrogen and carbonyl oxygen of peptide bonds spaced four +residues apart. This orientation of H-bonding produces a helical coiling of the peptide backbone such that the R-groups +lie on the exterior of the helix and perpendicular to its axis. In an α-helix, as shown below, there are 3.6 amino +acids per turn of the helix covering a distance of 5.4 Ao, and each amino acid residue represents an advance of 1.5 Ao along the axis of the helix. +
++
+![]() |
+
An Alpha-helix
(source: http://student.ccbcmd.edu/~gkaiser/biotutorials/proteins/fg4a.html)
+
+Not all amino acids favour the formation of the α-helix due to steric constraints of the R-groups. +Amino acids such as Alanine, Aspartic acid, Glutamic acid, Isoleucine, Leucine and Methionine favour +the formation of α-helices, whereas, Glycine and Proline disrupt the helix. This is particularly true for +Proline since it cannot form the correct pattern of hydrogen bonds due to lack of a hydrogen atom on its +nitrogen atom. For this reason, Proline is often found at the end of the α-helix, where it alters the direction +of the polypeptide chain and terminates the helix. + +
++ +The second common secondary structure in proteins is the β-pleated sheets. The β-sheets are +composed of two different regions of stretches of at least 5 - 10 amino acids called as +β-strands. They could be different polypeptide chains or in different sections of the +same polypeptide chain. The planarity of the peptide bond forces the polypeptide to be pleated, +with the side chains protruding above and below the sheet. The folding and alignment of +these strands aside one another to form β-sheets is stabilized by H-bonding between amide hydrogen and +carbonyl oxygen. Adjacent polypeptide chains in the β-sheets are either parallel or anti-parallel +depending on whether they run in the same direction or in opposite directions. In parallel sheets, +adjacent peptide chains proceed in the same direction (i.e. the direction of N-terminal to C-terminal ends is the same) +, whereas, in anti-parallel sheets adjacent chains are aligned in opposite directions. β-sheets can be depicted as shown below. +
++
+![]() |
+
+
+![]() |
Beta-sheet
(source:
+http://www.chembio.uoguelph.ca/educmat/phy456/456lec01.htm
+and http://www.cryst.bbk.ac.uk/pps97/course/section3/sheet.html)
+
+β-pleated sheets provide strength and rigidity in many structural proteins such as silk fibroin. +The ribbon depiction of β-pleated sheets is shown in the figure below. +
++
+![]() |
Ribbon depiction of β-pleated sheets.
+(source:http://themedicalbiochemistrypage.org/protein-structure.html)
+
+Turns are the third secondary structures that serve to reverse the direction of the polypeptide chain in order to +fold tightly into the compact shape. These turns are often found connecting the ends of anti-parallel β-pleated sheets. +They are located primarily on the protein surface and accordingly contain polar and charged residues. Antibody recognition, phosphorylation, glycosylation, and hydroxylation sites are found frequently at or adjacent to turns. +Regions of the polypeptide chain that are not in a regular secondary structure are said to have a coil or loop conformation. +
++We will now see how the presence of each of these structural elements in the protein can affect the CD spectrum of protein. We will also +observe the CD signal generated which is a representative of these structural elements that can be used to characterise a given protein. +
+CD and Proteins:
++ +Having discussed the basic Physics behind CD spectroscopy in experiment 3 +we are now in a position to understand how naturally occurring molecules like protein shows Circular Dichroism.
+ ++ +We now know that in an optically active medium, chromophores cause differential absorption and in turn give rise to Circular +Dichroism. In case of proteins, the α-carbon acts as a chiral center and hence provides an optically active medium. Proteins +possess a number of chromophores (peptide bond, aromatic side chain, disulphide bond etc) which can give rise to CD signals. +In the far UV region (180-250nm), which corresponds to peptide bond absorption, the CD spectrum can be analysed to give the +content of regular secondary structural features such as α-helix and β-sheet. The CD spectrum in the near UV region (250-320 nm) +reflects the environments of the aromatic amino acid side chains and thus gives information about the tertiary structure of the protein. +
++To study secondary structures, amide bonds (peptide bonds) are the main source of CD spectra. Molecular Orbital +Theory(http://en.wikipedia.org/wiki/Molecular_orbital_theory) +tells us that each molecule has a set of molecular orbitals and electrons of its atoms are distributed among those orbitals. +For amide bond, in simplified Molecular Orbital Theory, the 2Px orbitals of the nitrogen, carbon and oxygen atoms of the amide +linkage are combined to form three orthogonal linear combinations, the π+, πo, and π- bonds. These three orbitals have the plane +of the peptide bond as there nodal plane. The four π electrons fill the first two molecular orbitals, the π+ which is strongly bonding and +πo which is almost nonbonding. The remaining two electrons are non-bonding electrons on the oxygen atoms of the amide bond which +are conventionally labeled the 2Py electrons. These electrons have energy which is close to that of the atomic orbitals of hydrogen. +
+
+Now under excitation there may be two types of electronic transition
+1. n - π* centered around 220 nm and
+2. π - π* centered around 190 nm
+
+
+![]() |
+*Peptide bond
+
+1. The n-π* transition involves the promotion of an electron from the n to the π- orbital.
+The transition is very weak because the ground and excited states have nodal planes which are perpendicular to one another.
+Thus the n-π* transition is said to be forbidden. The transition is forbidden electronically but permitted magnetically.
+ Thus the absorption band of the n-π* transition is very weak, but the CD bands can be very large.
+
+2. The π - π* transition involves the promotion of an electron from the πo to the π orbital and is strong with an
+ extinction coefficient equal to approximately 7100.
+
+ +In a system of N non interacting chromophores if one chromophore is excited by the incident light, the energies of the other +N non interacting molecules are unchanged. Thus, an array of N chromophores would have N-fold degeneracy, as any chromophores +could be equally excited by the light. But a folded protein the amide is in a continuous array. Therefore, their chromophores +are in ordered arrays. So, when electrons are excited they do interact. Now different secondary structures of a protein correspond +to such different types of arrays. And thus different secondary structures of protein give different types of CD spectra. +
++ +For example, we may have a series of amino acid Alanine (part of a protein) arranged in different forms. +They may appear as α-helix, β sheet or random coils. And for each of these secondary structures +we have different CD curves. The following figure shows that. +
++
+![]() |
*CD of Poly L Lysine for different secondary structure.
+
+
Let us now look at CD of different secondary structures+ +
+
+![]() |
*CD (blue) and absorption spectra of Random Coil +Electronic Transitions: p -> p*(positive at 212 nm) ; n -> p*(negative at 195 nm) +
++
+![]() |
*CD (blue) and absorption spectra of β Sheet +Electronic Transitions: n -> p*(positive at 195 nm) ; p -> p*(negative at 218 nm) + +
++
+![]() |
+
*CD (blue) and absorption (dotted) spectra of α Helix +Electronic Transitions: p -> p*(positive perpendicular at 192 nm); p -> p*(negative parallel at 209 +nm); n -> p*(negative at 222 nm is red shifted) +
++*Source:http://mach7.bluehill.com/proteinc/cd/cdspec.html +
++In this experiment we are going to measure CD spectrum of different unknown protein samples. These samples are pure secondary structures. User will have an experience to predict the nature of secondary structure from the shape of the CD spectrum. +
++In Experiment 6 we have seen CD spectrum of pure secondary structures of a protein eg alpha helix,beta sheet, coil etc. +We have seen how these spectra have different characteristics. Following diagram shows the nature of such spectra. +
+
+![]() |
+
+But in practice, proteins are a combination of different types of secondary structures. So CD spectrum of a protein sample will show a combined effect of different types of secondary structures present in it. Now it is important to extract information about presence of different secondary structures in the sample. For that we follow a method called deconvolution. By deconvoluting + CD spectra of a protein we can come to know which kind of secondary structure is present in what amount in the protein. +
++Now in the case of protein structure is conserved more than sequence. Moreover structure is the basis of functions of a protein. + So there is a need to order the vast amounts of structural data of protein available. And our common philosophy leads us to study groups rather than individuals. Hence, on the basis of the amount and the type of secondary structures present in a protein, it is classified into different classes. +
++In this experiment we will see the method of deconvolution and learn the classification rule of protein on the basis of secondary structure. +
+Step 1: Select any one sample from the list of four samples and click "continue"
+Step 2: The next step shows variation of ellipticity (in milli-degrees) with wavelength (in nm) of both the sample spectrum and base line. It also shows the sample and experimental environment details. Click "Substract Baseline From Sample" to go to the next step.
+Step 3: In this step a graph is shown where baseline is substracted from the sample spectrum. You can go "back" to review the previous step or "continue" to the next step.
+Step 4: In this step you are given 3 options. Among them you have to select one method of Deconvolution and "Run" the experiment.
+Step 5: This step shows the result of deconvolution. From the information given in the result window you have to decide in which class does the protein sample belong. If you are not sure you can "Repeat Deconvolution" with other methods. And then submit your “answer”.
+Step 6: This step will show whether your result is right or wrong.
+
+Purpose of this lab is to give students an idea of how CD spectrum of a protein sample is deconvoluted and how
+information about secondary structure of the protein sample can be obtained from it. By doing this lab an user will be able to understand,
+
+
+Here are two sets of interactive questions to help you to make your understanding more clear.
+After you go through the theory section you should try out the Pre-experiment quiz before you start the actual experiment.
+Once you perform the original experiment you should try out the Post-experiment quiz to have a better insight of the concepts.
+
+
Click here to have a self evaluation.
+
+
Click here to have a self evaluation.
+
Deconvolution
++Let us now consider the CD spectrum as a mathematical functional or signal. We will first see what is called convolution of such signals. +
++Convolution is a mathematical operation on two functions, producing a third function that is typically viewed as a modified version of one of the original functions. In this context these initial functions are CD spectra of known pure secondary structures which convolute to give rise to a complex spectrum of a real protein. +
++Deconvolution is an algorithm-based process used to reverse the effects of convolution on recorded data. Now to deconvolute a CD spectrum of a protein sample we have to: +
+A basis set is a set of components chosen in such a way that your experimental CD spectrum can be view as a linear combination of them. If these basis were obtained from a set of reference protein whose structure and CD is known, we can obtain structural information on our protein as well. +
++Different Processes of Deconvolution of CD spectrum +
++All methods of analyzing CD spectra assume that the spectrum of a protein can be represented +by a linear combination of the spectra of its secondary structural elements, plus a noise term, +which includes the contribution of aromatic chromophores and prosthetic groups. +
++
+where θλ is the CD of the protein as a function of wavelength, εi is the fraction of each secondary +structure, i, and Sλi is the ellipticity at each wavelength of each ith secondary structural element. + In constrained fits, the sum of all the fractional weights, εi, +must equal one and all of the fractional contributions must be greater than or equal to zero. +
+
+There are two general classes of methods to evaluate protein conformation.
+
+The protein-based analyses are superior when analyzing the conformation of globular, well-folded proteins. + So we will discuss three different methods of second type. +
++1. Ridge Regression based method CONTIN: +
+Principle:CONTIN fits the CD of unknown proteins by comparison to a linear combination of the spectra of a large database of proteins with known conformations. In this method the contribution of each reference spectrum is kept small unless it contributes to a good agreement between the theoretical best fit curve and the raw data. +
++Advantage: This method results in relatively good estimates of α-helices and β-sheets. Different references are used for every fit, which is an advantage for obtaining the best fits of the data. +
++Disadvantage: Complicates the quantitative analysis of the effect of a mutations or denaturant, since a different set of standards is used for each analysis. +
++(2) & (3) Neural Network based approach CDNN & K2D: +
++Process: A neural network is an artificial intelligence program used to find correlations in data. A neural network is first trained using a set of known proteins so that the input of the CD at each wavelength results in the output of the correct secondary structure. The trained network is then used to analyze unknown proteins. Two widely used programs are CDNN and K2D. +
++Advantage: CDNN analyzes data to determine helix, anti and parallel β- structure, turns and remainder and K2D determines helix, total β-structure and remainder. K2D gives a good estimate of the helical and sheet contents of both proteins and polypeptides. +
++Disadvantage: However, the K2D program does not estimate turns. CDNN is not suitable for the analysis of polypeptides and it currently is not being distributed. +
++Classification of Globular Proteins According to Secondary Structure: +
++As we have discussed in the introduction section, structure is more conservative than sequence and structure of a protein directly controls its functions. So it is important to classify proteins depending on its secondary structure and study proteins as a group having common structural properties. +
+ ++Here are four types of classes of proteins classified on the basis of their secondary structure. +
++All alpha: Proteins that contain only (in some exceptional instances there may be isolated beta-sheets) +alpha helical secondary structure. Myoglobin is an example of an all alpha protein. +