Bootstrap snippet: Profile photos

designed to help people of all skill levels - designer or developer, huge nerd or early beginner.
copy and paste the code. Use it as a complete kit or use it to start something more complex.



<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet"> <div class="container"> <header class="page-header"> <h3>MALINDA HOLLAWAY <small>Web/UI Developer, Kandy, Sri Lanka</small></h3> </header> <div class="tile" id="profile-main"> <div class="pm-overview c-overflow mCustomScrollbar _mCS_2 mCS-autoHide mCS_no_scrollbar" style="overflow: visible;"><div id="mCSB_2" class="mCustomScrollBox mCS-minimal mCSB_vertical mCSB_outside" tabindex="0"><div id="mCSB_2_container" class="mCSB_container mCS_y_hidden mCS_no_scrollbar_y" style="position:relative; top:0; left:0;" dir="ltr"> <div class="pmo-pic"> <div class="p-relative"> <a href=""> <img class="img-responsive mCS_img_loaded" src="http://192.185.228.226/projects/sf/1-1/img/profile-pics/profile-pic-2.jpg" alt=""> </a> <div class="dropdown pmop-message"> <a data-toggle="dropdown" href="" class="pmopm-send"> <i class="zmdi zmdi-comment-text-alt"></i> </a> <div class="dropdown-menu"> <textarea placeholder="Write something..."></textarea> <button class="btn bg-green btn-icon"><i class="zmdi zmdi-mail-send"></i></button> </div> </div> <a href="" class="pmop-edit"> <i class="zmdi zmdi-camera"></i> <span class="hidden-xs">Update Profile Picture</span> </a> </div> <div class="pmo-stat"> <h2 class="m-0 c-white">1562</h2> Total Connections </div> </div> <div class="pmo-block pmo-contact hidden-xs"> <h2>Contact</h2> <ul> <li><i class="zmdi zmdi-phone"></i> 00971 12345678 9</li> <li><i class="zmdi zmdi-email"></i> malinda-h@gmail.com</li> <li><i class="zmdi zmdi-facebook-box"></i> malinda.hollaway</li> <li><i class="zmdi zmdi-twitter"></i> @malinda (twitter.com/malinda)</li> <li> <i class="zmdi zmdi-pin"></i> <address class="m-b-0"> 10098 ABC Towers, <br> Dubai Silicon Oasis, Dubai, <br> United Arab Emirates </address> </li> </ul> </div> <div class="pmo-block pmo-items hidden-xs"> <h2>Connections</h2> <div class="pmob-body"> <div class="row"> <a href="" class="col-xs-2"> <img class="img-avatar mCS_img_loaded" src="http://192.185.228.226/projects/sf/1-1/img/profile-pics/1.jpg" alt=""> </a> <a href="" class="col-xs-2"> <img class="img-avatar mCS_img_loaded" src="http://192.185.228.226/projects/sf/1-1/img/profile-pics/2.jpg" alt=""> </a> <a href="" class="col-xs-2"> <img class="img-avatar mCS_img_loaded" src="http://192.185.228.226/projects/sf/1-1/img/profile-pics/3.jpg" alt=""> </a> <a href="" class="col-xs-2"> <img class="img-avatar mCS_img_loaded" src="http://192.185.228.226/projects/sf/1-1/img/profile-pics/4.jpg" alt=""> </a> <a href="" class="col-xs-2"> <img class="img-avatar mCS_img_loaded" src="http://192.185.228.226/projects/sf/1-1/img/profile-pics/5.jpg" alt=""> </a> <a href="" class="col-xs-2"> <img class="img-avatar mCS_img_loaded" src="http://192.185.228.226/projects/sf/1-1/img/profile-pics/6.jpg" alt=""> </a> <a href="" class="col-xs-2"> <img class="img-avatar mCS_img_loaded" src="http://192.185.228.226/projects/sf/1-1/img/profile-pics/7.jpg" alt=""> </a> <a href="" class="col-xs-2"> <img class="img-avatar mCS_img_loaded" src="http://192.185.228.226/projects/sf/1-1/img/profile-pics/8.jpg" alt=""> </a> <a href="" class="col-xs-2"> <img class="img-avatar mCS_img_loaded" src="http://192.185.228.226/projects/sf/1-1/img/profile-pics/1.jpg" alt=""> </a> <a href="" class="col-xs-2"> <img class="img-avatar mCS_img_loaded" src="http://192.185.228.226/projects/sf/1-1/img/profile-pics/2.jpg" alt=""> </a> <a href="" class="col-xs-2"> <img class="img-avatar mCS_img_loaded" src="http://192.185.228.226/projects/sf/1-1/img/profile-pics/3.jpg" alt=""> </a> <a href="" class="col-xs-2"> <img class="img-avatar mCS_img_loaded" src="http://192.185.228.226/projects/sf/1-1/img/profile-pics/4.jpg" alt=""> </a> </div> </div> </div> </div></div><div id="mCSB_2_scrollbar_vertical" class="mCSB_scrollTools mCSB_2_scrollbar mCS-minimal mCSB_scrollTools_vertical" style="display: none;"><div class="mCSB_draggerContainer"><div id="mCSB_2_dragger_vertical" class="mCSB_dragger" style="position: absolute; min-height: 50px; display: block; height: 0px; max-height: 787px; top: 0px;" oncontextmenu="return false;"><div class="mCSB_dragger_bar" style="line-height: 50px;"></div></div><div class="mCSB_draggerRail"></div></div></div></div> <div class="pm-body clearfix"> <ul class="tab-nav tn-justified"> <li class="active"><a href="profile-about.html">About</a></li> <li><a href="profile-photos.html">Photos</a></li> <li><a href="profile-connections.html">Connections</a></li> </ul> <div class="pmb-block photos clearfix"> <div class="p-header"> <ul class="p-menu"> <li class="active"><a href=""><i class="zmdi zmdi-image"></i> Photos</a></li> <li><a href=""><i class="zmdi zmdi-play-circle"></i> Videos</a></li> <li><a href=""><i class="zmdi zmdi-collection-image"></i> Albums</a></li> </ul> </div> <div class="lightbox"> <a href="http://192.185.228.226/projects/sf/1-1/media/gallery/1.jpg" class="col-md-2 col-sm-4 col-xs-6 p-item"> <img src="http://192.185.228.226/projects/sf/1-1/media/gallery/thumbs/1.jpg" alt=""> </a> <a href="http://192.185.228.226/projects/sf/1-1/media/gallery/2.jpg" class="col-md-2 col-sm-4 col-xs-6 p-item"> <img src="http://192.185.228.226/projects/sf/1-1/media/gallery/thumbs/2.jpg" alt=""> </a> <a href="http://192.185.228.226/projects/sf/1-1/media/gallery/3.jpg" class="col-md-2 col-sm-4 col-xs-6 p-item"> <img src="http://192.185.228.226/projects/sf/1-1/media/gallery/thumbs/3.jpg" alt=""> </a> <a href="http://192.185.228.226/projects/sf/1-1/media/gallery/4.jpg" class="col-md-2 col-sm-4 col-xs-6 p-item"> <img src="http://192.185.228.226/projects/sf/1-1/media/gallery/thumbs/4.jpg" alt=""> </a> <a href="http://192.185.228.226/projects/sf/1-1/media/gallery/5.jpg" class="col-md-2 col-sm-4 col-xs-6 p-item"> <img src="http://192.185.228.226/projects/sf/1-1/media/gallery/thumbs/5.jpg" alt=""> </a> <a href="http://192.185.228.226/projects/sf/1-1/media/gallery/6.jpg" class="col-md-2 col-sm-4 col-xs-6 p-item"> <img src="http://192.185.228.226/projects/sf/1-1/media/gallery/thumbs/6.jpg" alt=""> </a> <a href="http://192.185.228.226/projects/sf/1-1/media/gallery/7.jpg" class="col-md-2 col-sm-4 col-xs-6 p-item"> <img src="http://192.185.228.226/projects/sf/1-1/media/gallery/thumbs/7.jpg" alt=""> </a> <a href="http://192.185.228.226/projects/sf/1-1/media/gallery/8.jpg" class="col-md-2 col-sm-4 col-xs-6 p-item"> <img src="http://192.185.228.226/projects/sf/1-1/media/gallery/thumbs/8.jpg" alt=""> </a> <a href="http://192.185.228.226/projects/sf/1-1/media/gallery/9.jpg" class="col-md-2 col-sm-4 col-xs-6 p-item"> <img src="http://192.185.228.226/projects/sf/1-1/media/gallery/thumbs/9.jpg" alt=""> </a> <a href="http://192.185.228.226/projects/sf/1-1/media/gallery/10.jpg" class="col-md-2 col-sm-4 col-xs-6 p-item"> <img src="http://192.185.228.226/projects/sf/1-1/media/gallery/thumbs/10.jpg" alt=""> </a> <a href="http://192.185.228.226/projects/sf/1-1/media/gallery/11.jpg" class="col-md-2 col-sm-4 col-xs-6 p-item"> <img src="http://192.185.228.226/projects/sf/1-1/media/gallery/thumbs/11.jpg" alt=""> </a> <a href="http://192.185.228.226/projects/sf/1-1/media/gallery/12.jpg" class="col-md-2 col-sm-4 col-xs-6 p-item"> <img src="http://192.185.228.226/projects/sf/1-1/media/gallery/thumbs/12.jpg" alt=""> </a> <a href="http://192.185.228.226/projects/sf/1-1/media/gallery/13.jpg" class="col-md-2 col-sm-4 col-xs-6 p-item"> <img src="http://192.185.228.226/projects/sf/1-1/media/gallery/thumbs/13.jpg" alt=""> </a> <a href="http://192.185.228.226/projects/sf/1-1/media/gallery/14.jpg" class="col-md-2 col-sm-4 col-xs-6 p-item"> <img src="http://192.185.228.226/projects/sf/1-1/media/gallery/thumbs/14.jpg" alt=""> </a> <a href="http://192.185.228.226/projects/sf/1-1/media/gallery/15.jpg" class="col-md-2 col-sm-4 col-xs-6 p-item"> <img src="http://192.185.228.226/projects/sf/1-1/media/gallery/thumbs/15.jpg" alt=""> </a> <a href="http://192.185.228.226/projects/sf/1-1/media/gallery/16.jpg" class="col-md-2 col-sm-4 col-xs-6 p-item"> <img src="http://192.185.228.226/projects/sf/1-1/media/gallery/thumbs/16.jpg" alt=""> </a> <a href="http://192.185.228.226/projects/sf/1-1/media/gallery/17.jpg" class="col-md-2 col-sm-4 col-xs-6 p-item"> <img src="http://192.185.228.226/projects/sf/1-1/media/gallery/thumbs/7.jpg" alt=""> </a> <a href="http://192.185.228.226/projects/sf/1-1/media/gallery/18.jpg" class="col-md-2 col-sm-4 col-xs-6 p-item"> <img src="http://192.185.228.226/projects/sf/1-1/media/gallery/thumbs/18.jpg" alt=""> </a> <a href="http://192.185.228.226/projects/sf/1-1/media/gallery/19.jpg" class="col-md-2 col-sm-4 col-xs-6 p-item"> <img src="http://192.185.228.226/projects/sf/1-1/media/gallery/thumbs/19.jpg" alt=""> </a> <a href="http://192.185.228.226/projects/sf/1-1/media/gallery/20.jpg" class="col-md-2 col-sm-4 col-xs-6 p-item"> <img src="http://192.185.228.226/projects/sf/1-1/media/gallery/thumbs/20.jpg" alt=""> </a> <a href="http://192.185.228.226/projects/sf/1-1/media/gallery/21.jpg" class="col-md-2 col-sm-4 col-xs-6 p-item"> <img src="http://192.185.228.226/projects/sf/1-1/media/gallery/thumbs/21.jpg" alt=""> </a> <a href="http://192.185.228.226/projects/sf/1-1/media/gallery/22.jpg" class="col-md-2 col-sm-4 col-xs-6 p-item"> <img src="http://192.185.228.226/projects/sf/1-1/media/gallery/thumbs/22.jpg" alt=""> </a> <a href="http://192.185.228.226/projects/sf/1-1/media/gallery/23.jpg" class="col-md-2 col-sm-4 col-xs-6 p-item"> <img src="http://192.185.228.226/projects/sf/1-1/media/gallery/thumbs/23.jpg" alt=""> </a> <a href="http://192.185.228.226/projects/sf/1-1/media/gallery/24.jpg" class="col-md-2 col-sm-4 col-xs-6 p-item"> <img src="http://192.185.228.226/projects/sf/1-1/media/gallery/thumbs/24.jpg" alt=""> </a> <a href="http://192.185.228.226/projects/sf/1-1/media/gallery/1.jpg" class="col-md-2 col-sm-4 col-xs-6 p-item"> <img src="http://192.185.228.226/projects/sf/1-1/media/gallery/thumbs/1.jpg" alt=""> </a> <a href="http://192.185.228.226/projects/sf/1-1/media/gallery/2.jpg" class="col-md-2 col-sm-4 col-xs-6 p-item"> <img src="http://192.185.228.226/projects/sf/1-1/media/gallery/thumbs/2.jpg" alt=""> </a> <a href="http://192.185.228.226/projects/sf/1-1/media/gallery/3.jpg" class="col-md-2 col-sm-4 col-xs-6 p-item"> <img src="http://192.185.228.226/projects/sf/1-1/media/gallery/thumbs/3.jpg" alt=""> </a> <a href="http://192.185.228.226/projects/sf/1-1/media/gallery/4.jpg" class="col-md-2 col-sm-4 col-xs-6 p-item"> <img src="http://192.185.228.226/projects/sf/1-1/media/gallery/thumbs/4.jpg" alt=""> </a> <a href="http://192.185.228.226/projects/sf/1-1/media/gallery/5.jpg" class="col-md-2 col-sm-4 col-xs-6 p-item"> <img src="http://192.185.228.226/projects/sf/1-1/media/gallery/thumbs/5.jpg" alt=""> </a> <a href="http://192.185.228.226/projects/sf/1-1/media/gallery/6.jpg" class="col-md-2 col-sm-4 col-xs-6 p-item"> <img src="http://192.185.228.226/projects/sf/1-1/media/gallery/thumbs/6.jpg" alt=""> </a> <a href="http://192.185.228.226/projects/sf/1-1/media/gallery/7.jpg" class="col-md-2 col-sm-4 col-xs-6 p-item"> <img src="http://192.185.228.226/projects/sf/1-1/media/gallery/thumbs/7.jpg" alt=""> </a> <a href="http://192.185.228.226/projects/sf/1-1/media/gallery/8.jpg" class="col-md-2 col-sm-4 col-xs-6 p-item"> <img src="http://192.185.228.226/projects/sf/1-1/media/gallery/thumbs/8.jpg" alt=""> </a> <a href="http://192.185.228.226/projects/sf/1-1/media/gallery/9.jpg" class="col-md-2 col-sm-4 col-xs-6 p-item"> <img src="http://192.185.228.226/projects/sf/1-1/media/gallery/thumbs/9.jpg" alt=""> </a> <a href="http://192.185.228.226/projects/sf/1-1/media/gallery/10.jpg" class="col-md-2 col-sm-4 col-xs-6 p-item"> <img src="http://192.185.228.226/projects/sf/1-1/media/gallery/thumbs/10.jpg" alt=""> </a> <a href="http://192.185.228.226/projects/sf/1-1/media/gallery/11.jpg" class="col-md-2 col-sm-4 col-xs-6 p-item"> <img src="http://192.185.228.226/projects/sf/1-1/media/gallery/thumbs/11.jpg" alt=""> </a> <a href="http://192.185.228.226/projects/sf/1-1/media/gallery/12.jpg" class="col-md-2 col-sm-4 col-xs-6 p-item"> <img src="http://192.185.228.226/projects/sf/1-1/media/gallery/thumbs/12.jpg" alt=""> </a> <a href="http://192.185.228.226/projects/sf/1-1/media/gallery/13.jpg" class="col-md-2 col-sm-4 col-xs-6 p-item"> <img src="http://192.185.228.226/projects/sf/1-1/media/gallery/thumbs/13.jpg" alt=""> </a> <a href="http://192.185.228.226/projects/sf/1-1/media/gallery/14.jpg" class="col-md-2 col-sm-4 col-xs-6 p-item"> <img src="http://192.185.228.226/projects/sf/1-1/media/gallery/thumbs/14.jpg" alt=""> </a> <a href="http://192.185.228.226/projects/sf/1-1/media/gallery/15.jpg" class="col-md-2 col-sm-4 col-xs-6 p-item"> <img src="http://192.185.228.226/projects/sf/1-1/media/gallery/thumbs/15.jpg" alt=""> </a> <a href="http://192.185.228.226/projects/sf/1-1/media/gallery/16.jpg" class="col-md-2 col-sm-4 col-xs-6 p-item"> <img src="http://192.185.228.226/projects/sf/1-1/media/gallery/thumbs/16.jpg" alt=""> </a> <a href="http://192.185.228.226/projects/sf/1-1/media/gallery/17.jpg" class="col-md-2 col-sm-4 col-xs-6 p-item"> <img src="http://192.185.228.226/projects/sf/1-1/media/gallery/thumbs/7.jpg" alt=""> </a> <a href="http://192.185.228.226/projects/sf/1-1/media/gallery/18.jpg" class="col-md-2 col-sm-4 col-xs-6 p-item"> <img src="http://192.185.228.226/projects/sf/1-1/media/gallery/thumbs/18.jpg" alt=""> </a> <a href="http://192.185.228.226/projects/sf/1-1/media/gallery/19.jpg" class="col-md-2 col-sm-4 col-xs-6 p-item"> <img src="http://192.185.228.226/projects/sf/1-1/media/gallery/thumbs/19.jpg" alt=""> </a> <a href="http://192.185.228.226/projects/sf/1-1/media/gallery/20.jpg" class="col-md-2 col-sm-4 col-xs-6 p-item"> <img src="http://192.185.228.226/projects/sf/1-1/media/gallery/thumbs/20.jpg" alt=""> </a> <a href="http://192.185.228.226/projects/sf/1-1/media/gallery/21.jpg" class="col-md-2 col-sm-4 col-xs-6 p-item"> <img src="http://192.185.228.226/projects/sf/1-1/media/gallery/thumbs/21.jpg" alt=""> </a> <a href="http://192.185.228.226/projects/sf/1-1/media/gallery/22.jpg" class="col-md-2 col-sm-4 col-xs-6 p-item"> <img src="http://192.185.228.226/projects/sf/1-1/media/gallery/thumbs/22.jpg" alt=""> </a> <a href="http://192.185.228.226/projects/sf/1-1/media/gallery/23.jpg" class="col-md-2 col-sm-4 col-xs-6 p-item"> <img src="http://192.185.228.226/projects/sf/1-1/media/gallery/thumbs/23.jpg" alt=""> </a> <a href="http://192.185.228.226/projects/sf/1-1/media/gallery/24.jpg" class="col-md-2 col-sm-4 col-xs-6 p-item"> <img src="http://192.185.228.226/projects/sf/1-1/media/gallery/thumbs/24.jpg" alt=""> </a> </div> <div class="clearfix"></div> <div class="load-more m-t-30"> <a href=""><i class="zmdi zmdi-refresh-alt"></i> Load More...</a> </div> </div> </div> </div> </div>
hr, img { border: 0; } body, figure { margin: 0; } .btn-group>.btn-group, .btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group, .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, .dropdown-menu { float: left; } #ms-menu-trigger, .btn, .toggle-switch { -ms-user-select: none; } .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .pre-scrollable { max-height: 340px; } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%} 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; } b, optgroup, strong { font-weight: 700; } dfn { font-style: italic; } h1 { margin: .67em 0; } mark { background: #ff0; color: #000; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -.5em; } sub { bottom: -.25em; } img { vertical-align: middle; } svg:not(:root) { overflow: hidden; } hr { box-sizing: content-box; height: 0; } pre, textarea { overflow: auto; } code, kbd, pre, samp { font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } .glyphicon, address { font-style: normal; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto; } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } @media print { blockquote, img, pre, tr { page-break-inside: avoid; } *, :after, :before { background: 0 0!important; color: #000!important; box-shadow: none!important; text-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; } thead { display: table-header-group; } 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; } }.btn, .btn-danger.active, .btn-danger:active, .btn-info.active, .btn-info:active, .btn-primary.active, .btn-primary:active, .btn-warning.active, .btn-warning:active, .btn.active, .btn:active, .dropdown-menu>.disabled>a:focus, .dropdown-menu>.disabled>a:hover, .form-control, .navbar-toggle, .open>.dropdown-toggle.btn-danger, .open>.dropdown-toggle.btn-info, .open>.dropdown-toggle.btn-primary, .open>.dropdown-toggle.btn-warning { background-image: none; } @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-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, .glyphicon-btc:before, .glyphicon-xbt:before { content: "\e227"} .glyphicon-jpy:before, .glyphicon-yen:before { content: "\00a5"} .glyphicon-rub:before, .glyphicon-ruble: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"} *, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: transparent; } body { font-family: Roboto, sans-serif; font-size: 13px; line-height: 1.42857143; color: #767676; background-color: #edecec; } button, input, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #2196f3; text-decoration: none; } a:focus, a:hover { color: #0a6ebd; text-decoration: none; } a:focus { outline: dotted thin; outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px; } .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: 2px; } .img-thumbnail { padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #eee; border-radius: 2px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .img-circle { border-radius: 50%} hr { margin-top: 18px; margin-bottom: 18px; border-top: 1px solid #eee; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } [role=button] { cursor: pointer; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: #333; } .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: #828282; } .h1, .h2, .h3, h1, h2, h3 { margin-top: 18px; margin-bottom: 9px; } .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: 9px; margin-bottom: 9px; } dl, ol, ul { margin-top: 0; } .lead, address, dl { margin-bottom: 18px; } .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: 33px; } .h2, h2 { font-size: 27px; } .h3, h3 { font-size: 23px; } .h4, h4 { font-size: 17px; } .h5, h5 { font-size: 13px; } .h6, h6 { font-size: 12px; } p { margin: 0 0 9px; } .lead { font-size: 14px; font-weight: 300; line-height: 1.4; } blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child, ol ol, ol ul, ul ol, ul ul { margin-bottom: 0; } dt, kbd kbd { font-weight: 700; } address, blockquote .small, blockquote footer, blockquote small, dd, dt, pre { line-height: 1.42857143; } @media (min-width:768px) { .lead { font-size: 19.5px; } }.small, small { font-size: 92%} .mark, mark { background-color: #fcf8e3; padding: .2em; } .list-inline, .list-unstyled { padding-left: 0; list-style: none; } .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: #828282; } .text-primary { color: #2196f3; } a.text-primary:focus, a.text-primary:hover { color: #0c7cd5; } .text-success { color: #4caf50; } a.text-success:focus, a.text-success:hover { color: #3d8b40; } .text-info { color: #2196f3; } a.text-info:focus, a.text-info:hover { color: #0c7cd5; } .text-warning { color: #ff9800; } a.text-warning:focus, a.text-warning:hover { color: #cc7a00; } .text-danger { color: #f55a4e; } a.text-danger:focus, a.text-danger:hover { color: #f32c1e; } .bg-primary { color: #fff; background-color: #2196f3; } a.bg-primary:focus, a.bg-primary:hover { background-color: #0c7cd5; } .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; } code, pre code { background-color: transparent; } .page-header { padding-bottom: 8px; border-bottom: 1px solid transparent; } ol, ul { margin-bottom: 9px; } .list-inline { margin-left: -5px; } .list-inline>li { display: inline-block; padding-left: 5px; padding-right: 5px; } dd { margin-left: 0; } @media (min-width:768px) { .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } .container { width: 100%} }#messages-main:after, .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, .media:after, .modal-footer:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after { clear: both; } abbr[data-original-title], abbr[title] { cursor: help; border-bottom: 1px dotted #828282; } .initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 9px 18px; margin: 0 0 18px; font-size: 16.25px; border-left: 5px solid #eee; } blockquote .small, blockquote footer, blockquote small { display: block; font-size: 80%; color: #828282; } legend, pre { display: block; color: #333; } blockquote .small:before, blockquote footer:before, blockquote small:before { content: '\2014 \00A0'} .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #eee; border-left: 0; text-align: right; } code, kbd { padding: 2px 4px; font-size: 90%; border-radius: 2px; } caption, th { text-align: left; } .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'} code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } code { color: #c7254e; } kbd { color: #fff; background-color: #333; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25); } kbd kbd { padding: 0; font-size: 100%; box-shadow: none; } pre { padding: 8.5px; margin: 0 0 9px; font-size: 12px; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 2px; } .container, .container-fluid { margin-right: auto; margin-left: auto; } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; border-radius: 0; } .container, .container-fluid { padding-left: 15px; padding-right: 15px; } .pre-scrollable { overflow-y: scroll; } @media (min-width:992px) { .container { width: 100%} }@media (min-width:1200px) { .container { width: 100%} }.row { margin-left: -15px; margin-right: -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-left: 15px; padding-right: 15px; } .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: #fff; } caption { padding-top: 10px; padding-bottom: 10px; color: #828282; } .table { width: 100%; max-width: 100%} .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: 10px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #f0f0f0; } .table>thead>tr>th { border-bottom: 2px solid #f0f0f0; } .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 #f0f0f0; } .table .table { background-color: #edecec; } .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: 7px; } .table-bordered, .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 #f0f0f0; } .table-bordered>thead>tr>td, .table-bordered>thead>tr>th { border-bottom-width: 2px; } .table-striped>tbody>tr:nth-of-type(odd) { background-color: #fcfcfc; } .table-hover>tbody>tr:hover { background-color: #fff; } table col[class*=col-] { position: static; float: none; display: table-column; } table td[class*=col-], table th[class*=col-] { position: static; float: none; display: table-cell; } .table>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: #fffcbe; } .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: #fffba4; } .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 { overflow-x: auto; min-height: .01%} @media screen and (max-width:767px) { .table-responsive { width: 100%; margin-bottom: 13.5px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #f0f0f0; } .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, legend { padding: 0; border: 0; } fieldset { margin: 0; min-width: 0; } legend { width: 100%; margin-bottom: 18px; font-size: 19.5px; line-height: inherit; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; } input[type=search] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; } input[type=checkbox], input[type=radio] { margin: 4px 0 0; margin-top: 1px\9; line-height: normal; } .form-control, output { font-size: 13px; line-height: 1.42857143; color: #9e9e9e; display: block; } 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: dotted thin; outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px; } output { padding-top: 7px; } .form-control { width: 100%; height: 35px; padding: 6px 12px; background-color: #fff; border: 1px solid #e8e8e8; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); } .form-control:focus { border-color: #79c2ff; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(121, 194, 255, .6); } .form-control::-moz-placeholder { color: #b4b4b4; opacity: 1; } .form-control:-ms-input-placeholder { color: #b4b4b4; } .form-control::-webkit-input-placeholder { color: #b4b4b4; } .has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .form-control-feedback, .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: #4caf50; } .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; } @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: 35px; } .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: 40px; } }.form-group { margin-bottom: 15px; } .checkbox, .radio { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .checkbox label, .radio label { min-height: 18px; 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-left: -20px; margin-top: 4px\9; } .checkbox+.checkbox, .radio+.radio { margin-top: -5px; } .checkbox-inline, .radio-inline { position: relative; display: inline-block; margin-bottom: 0; vertical-align: middle; font-weight: 400; cursor: pointer; } .checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline { margin-top: 0; margin-left: 10px; } .checkbox-inline.disabled, .checkbox.disabled label, .radio-inline.disabled, .radio.disabled label, fieldset[disabled] .checkbox label, fieldset[disabled] .checkbox-inline, fieldset[disabled] .radio label, fieldset[disabled] .radio-inline, 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; } .form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; min-height: 31px; } .form-control-static.input-lg, .form-control-static.input-sm { padding-left: 0; padding-right: 0; } .form-group-sm .form-control, .input-sm { padding: 5px 10px; border-radius: 2px; font-size: 12px; } .input-sm { height: 30px; line-height: 1.5; } select.input-sm { height: 30px; line-height: 30px; } select[multiple].input-sm, textarea.input-sm { height: auto; } .form-group-sm .form-control { height: 30px; line-height: 1.5; } .form-group-lg .form-control, .input-lg { border-radius: 0; padding: 10px 16px; font-size: 17px; } .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: 30px; padding: 6px 10px; font-size: 12px; line-height: 1.5; } .input-lg { height: 40px; line-height: 1.3333333; } select.input-lg { height: 40px; line-height: 40px; } select[multiple].input-lg, textarea.input-lg { height: auto; } .form-group-lg .form-control { height: 40px; line-height: 1.3333333; } .form-group-lg select.form-control { height: 40px; line-height: 40px; } .form-group-lg select[multiple].form-control, .form-group-lg textarea.form-control { height: auto; } .form-group-lg .form-control-static { height: 40px; min-height: 35px; padding: 11px 16px; font-size: 17px; line-height: 1.3333333; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 43.75px; } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 35px; height: 35px; line-height: 35px; text-align: center; pointer-events: none; } .collapsing, .dropdown, .dropup { position: relative; } .form-group-lg .form-control+.form-control-feedback, .input-group-lg+.form-control-feedback, .input-lg+.form-control-feedback { width: 40px; height: 40px; line-height: 40px; } .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 .form-control { border-color: #4caf50; -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: #3d8b40; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #92cf94; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #92cf94; } .has-success .input-group-addon { color: #4caf50; border-color: #4caf50; background-color: #dff0d8; } .has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .form-control-feedback, .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: #ff9800; } .has-warning .form-control { border-color: #ff9800; -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: #cc7a00; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ffc166; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ffc166; } .has-warning .input-group-addon { color: #ff9800; border-color: #ff9800; background-color: #fcf8e3; } .has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .form-control-feedback, .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: #f55a4e; } .has-error .form-control { border-color: #f55a4e; -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: #f32c1e; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #fbb4af; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #fbb4af; } .has-error .input-group-addon { color: #f55a4e; border-color: #f55a4e; background-color: #f2dede; } .has-feedback label~.form-control-feedback { top: 23px; } .has-feedback label.sr-only~.form-control-feedback { top: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #b6b6b6; } @media (min-width:768px) { .form-inline .form-control-static, .form-inline .form-group { display: inline-block; } .form-inline .control-label, .form-inline .form-group { margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .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 .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 .control-label { text-align: right; margin-bottom: 0; padding-top: 7px; } }.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline { margin-top: 0; margin-bottom: 0; padding-top: 7px; } .form-horizontal .checkbox, .form-horizontal .radio { min-height: 25px; } .form-horizontal .form-group { margin-left: -15px; margin-right: -15px; } .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: 17px; } .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 12px; } }.btn { display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 13px; line-height: 1.42857143; border-radius: 2px; -webkit-user-select: none; -moz-user-select: none; user-select: none; } #ms-menu-trigger, .toggle-switch { -webkit-user-select: none; -moz-user-select: none; } .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline: dotted thin; outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px; } .btn.focus, .btn:focus, .btn:hover { color: #333; text-decoration: none; } .btn.active, .btn:active { 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; opacity: .65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-primary { color: #fff; background-color: #2196f3; border-color: #0d8aee; } .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: #0a68b4; border-color: #064475; } .btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary { color: #fff; background-color: #1791f2; border-color: #0d87e9; } .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: #2196f3; border-color: #0d8aee; } .btn-primary .badge { color: #2196f3; background-color: #fff; } .btn-success { color: #fff; background-color: #4caf50; border-color: #449d48; } .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: #327334; border-color: #1e441f; } .btn-success.active, .btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover, .open>.dropdown-toggle.btn-success { color: #fff; background-color: #49a84d; border-color: #439a46; } .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: #4caf50; border-color: #449d48; } .btn-success .badge { color: #4caf50; background-color: #fff; } .btn-info { color: #fff; background-color: #00bcd4; border-color: #00a5bb; } .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: #006f7d; border-color: #00343b; } .btn-info.active, .btn-info.focus, .btn-info:active, .btn-info:focus, .btn-info:hover, .open>.dropdown-toggle.btn-info { color: #fff; background-color: #00b3ca; border-color: #00a1b5; } .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: #00bcd4; border-color: #00a5bb; } .btn-info .badge { color: #00bcd4; background-color: #fff; } .btn-warning { color: #fff; background-color: #ff9800; border-color: #e68900; } .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: #a86400; border-color: #663d00; } .btn-warning.active, .btn-warning.focus, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .open>.dropdown-toggle.btn-warning { color: #fff; background-color: #f59200; border-color: #e08600; } .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: #ff9800; border-color: #e68900; } .btn-warning .badge { color: #ff9800; background-color: #fff; } .btn-danger { color: #fff; background-color: #f44336; border-color: #f32c1e; } .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: #c8180b; border-color: #891008; } .btn-danger.active, .btn-danger.focus, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .open>.dropdown-toggle.btn-danger { color: #fff; background-color: #f33a2c; border-color: #f22819; } .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: #f44336; border-color: #f32c1e; } .btn-danger .badge { color: #f44336; background-color: #fff; } .btn-link { font-weight: 400; 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: #0a6ebd; text-decoration: none; background-color: transparent; } .btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover { color: #828282; text-decoration: none; } .btn-group-lg>.btn, .btn-lg { padding: 10px 16px; font-size: 17px; line-height: 1.3333333; border-radius: 2px; } .btn-group-sm>.btn, .btn-sm { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 2px; } .btn-group-xs>.btn, .btn-xs { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 2px; } .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 { height: 0; overflow: hidden; -webkit-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: .35s; transition-duration: .35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid\9; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu {
Dey-Dey

Profile photos

Dey-Dey
  Dec 25th 2015, 21:28
162 Views