/*! * Jasny extension p7 to Bootstrap v3.0.0 * * Copyright 2013 Twitter, Inc * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world by @mdo and @fat. */ @media (min-width: 1px) { .container-smooth { max-width: 1170px; } } .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.428571429; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus { color: #333333; text-decoration: none; } .btn:active, .btn.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { pointer-events: none; cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .btn-default { color: #333333; background-color: #ffffff; border-color: #cccccc; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { color: #333333; background-color: #ebebeb; border-color: #adadad; } .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { background-color: #ffffff; border-color: #cccccc; } .btn-primary { color: #ffffff; background-color: #428bca; border-color: #357ebd; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { color: #ffffff; background-color: #3276b1; border-color: #285e8e; } .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color: #428bca; border-color: #357ebd; } .btn-warning { color: #ffffff; background-color: #f0ad4e; border-color: #eea236; } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning { color: #ffffff; background-color: #ed9c28; border-color: #d58512; } .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning { background-image: none; } .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active { background-color: #f0ad4e; border-color: #eea236; } .btn-danger { color: #ffffff; background-color: #d9534f; border-color: #d43f3a; } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger { color: #ffffff; background-color: #d2322d; border-color: #ac2925; } .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger { background-image: none; } .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active { background-color: #d9534f; border-color: #d43f3a; } .btn-success { color: #ffffff; background-color: #5cb85c; border-color: #4cae4c; } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { color: #ffffff; background-color: #47a447; border-color: #398439; } .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { background-image: none; } .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { background-color: #5cb85c; border-color: #4cae4c; } .btn-info { color: #ffffff; background-color: #5bc0de; border-color: #46b8da; } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info { color: #ffffff; background-color: #39b3d7; border-color: #269abc; } .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info { background-image: none; } .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active { background-color: #5bc0de; border-color: #46b8da; } .btn-link { font-weight: normal; color: #428bca; cursor: pointer; border-radius: 0; } .btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: #2a6496; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color: #999999; text-decoration: none; } .btn-lg { padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } .btn-sm, .btn-xs { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-xs { padding: 1px 5px; } .btn-block { display: block; width: 100%; padding-right: 0; padding-left: 0; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .btn-labeled { padding-top: 0; padding-bottom: 0; } .btn-label { position: relative; left: -12px; display: inline-block; padding: 6px 12px; background: rgba(0, 0, 0, 0.15); border-radius: 3px 0 0 3px; } .btn-label.btn-label-right { right: -12px; left: auto; border-radius: 0 3px 3px 0; } .btn-lg .btn-label { left: -16px; padding: 10px 16px; border-radius: 5px 0 0 5px; } .btn-lg .btn-label.btn-label-right { right: -16px; left: auto; border-radius: 0 5px 5px 0; } .btn-sm .btn-label { left: -10px; padding: 5px 10px; border-radius: 2px 0 0 2px; } .btn-sm .btn-label.btn-label-right { right: -10px; left: auto; border-radius: 0 2px 2px 0; } .btn-xs .btn-label { left: -5px; padding: 1px 5px; border-radius: 2px 0 0 2px; } .btn-xs .btn-label.btn-label-right { right: -5px; left: auto; border-radius: 0 2px 2px 0; } .nav-tabs-bottom { border-top: 1px solid #dddddd; border-bottom: 0; } .nav-tabs-bottom > li { margin-top: -1px; margin-bottom: 0; } .nav-tabs-bottom > li > a { border-radius: 0 0 4px 4px; } .nav-tabs-bottom > li > a:hover, .nav-tabs-bottom > li > a:focus, .nav-tabs-bottom > li.active > a, .nav-tabs-bottom > li.active > a:hover, .nav-tabs-bottom > li.active > a:focus { border: 1px solid #dddddd; border-top-color: transparent; } .nav-tabs-left { border-right: 1px solid #dddddd; border-bottom: 0; } .nav-tabs-left > li { float: none; margin-right: -1px; margin-bottom: 0; } .nav-tabs-left > li > a { margin-right: 0; margin-bottom: 2px; border-radius: 4px 0 0 4px; } .nav-tabs-left > li > a:hover, .nav-tabs-left > li > a:focus, .nav-tabs-left > li.active > a, .nav-tabs-left > li.active > a:hover, .nav-tabs-left > li.active > a:focus { border: 1px solid #dddddd; border-right-color: transparent; } .row > .nav-tabs-left { position: relative; z-index: 1; padding-right: 0; padding-left: 15px; margin-right: -1px; } .row > .nav-tabs-left + .tab-content { border-left: 1px solid #dddddd; } .nav-tabs-right { border-bottom: 0; border-left: 1px solid #dddddd; } .nav-tabs-right > li { float: none; margin-bottom: 0; margin-left: -1px; } .nav-tabs-right > li > a { margin-bottom: 2px; margin-left: 0; border-radius: 0 4px 4px 0; } .nav-tabs-right > li > a:hover, .nav-tabs-right > li > a:focus, .nav-tabs-right > li.active > a, .nav-tabs-right > li.active > a:hover, .nav-tabs-right > li.active > a:focus { border: 1px solid #dddddd; border-left-color: transparent; } .row > .nav-tabs-right { padding-right: 15px; padding-left: 0; } .navmenu { width: 300px; height: 100%; border-style: solid; border-width: 1px; border-radius: 4px; } .navmenu-fixed-left, .navmenu-fixed-right { position: fixed; top: 0; z-index: 1030; border-radius: 0; } .navmenu-fixed-left { left: 0; border-width: 0 1px 0 0; } .navmenu-fixed-right { right: 0; border-width: 0 0 0 1px; } .navmenu-nav { margin-bottom: 10px; } .navmenu-nav.dropdown-menu { position: static; float: none; padding-top: 0; margin: 0; border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .navmenu-brand { display: block; padding: 10px 15px; margin: 10px 0; font-size: 18px; line-height: 20px; } .navmenu-brand:hover, .navmenu-brand:focus { text-decoration: none; } .navmenu-default { background-color: #f8f8f8; border-color: #e7e7e7; } .navmenu-default .navmenu-brand { color: #777777; } .navmenu-default .navmenu-brand:hover, .navmenu-default .navmenu-brand:focus { color: #5e5e5e; background-color: transparent; } .navmenu-default .navmenu-text { color: #777777; } .navmenu-default .navmenu-nav > .dropdown > a:hover .caret, .navmenu-default .navmenu-nav > .dropdown > a:focus .caret { border-top-color: #333333; border-bottom-color: #333333; } .navmenu-default .navmenu-nav > .open > a, .navmenu-default .navmenu-nav > .open > a:hover, .navmenu-default .navmenu-nav > .open > a:focus { color: #555555; background-color: #e7e7e7; } .navmenu-default .navmenu-nav > .open > a .caret, .navmenu-default .navmenu-nav > .open > a:hover .caret, .navmenu-default .navmenu-nav > .open > a:focus .caret { border-top-color: #555555; border-bottom-color: #555555; } .navmenu-default .navmenu-nav > .dropdown > a .caret { border-top-color: #777777; border-bottom-color: #777777; } .navmenu-default .navmenu-nav.dropdown-menu { background-color: #e7e7e7; } .navmenu-default .navmenu-nav.dropdown-menu > .divider { background-color: #f8f8f8; } .navmenu-default .navmenu-nav.dropdown-menu > .active > a, .navmenu-default .navmenu-nav.dropdown-menu > .active > a:hover, .navmenu-default .navmenu-nav.dropdown-menu > .active > a:focus { background-color: #d7d7d7; } .navmenu-default .navmenu-nav > li > a { color: #777777; } .navmenu-default .navmenu-nav > li > a:hover, .navmenu-default .navmenu-nav > li > a:focus { color: #333333; background-color: transparent; } .navmenu-default .navmenu-nav > .active > a, .navmenu-default .navmenu-nav > .active > a:hover, .navmenu-default .navmenu-nav > .active > a:focus { color: #555555; background-color: #e7e7e7; } .navmenu-default .navmenu-nav > .disabled > a, .navmenu-default .navmenu-nav > .disabled > a:hover, .navmenu-default .navmenu-nav > .disabled > a:focus { color: #cccccc; background-color: transparent; } .navmenu-inverse { background-color: #222222; border-color: #080808; } .navmenu-inverse .navmenu-brand { color: #999999; } .navmenu-inverse .navmenu-brand:hover, .navmenu-inverse .navmenu-brand:focus { color: #ffffff; background-color: transparent; } .navmenu-inverse .navmenu-text { color: #999999; } .navmenu-inverse .navmenu-nav > .dropdown > a:hover .caret, .navmenu-inverse .navmenu-nav > .dropdown > a:focus .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } .navmenu-inverse .navmenu-nav > .open > a, .navmenu-inverse .navmenu-nav > .open > a:hover, .navmenu-inverse .navmenu-nav > .open > a:focus { color: #ffffff; background-color: #080808; } .navmenu-inverse .navmenu-nav > .open > a .caret, .navmenu-inverse .navmenu-nav > .open > a:hover .caret, .navmenu-inverse .navmenu-nav > .open > a:focus .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } .navmenu-inverse .navmenu-nav > .dropdown > a .caret { border-top-color: #999999; border-bottom-color: #999999; } .navmenu-inverse .navmenu-nav.dropdown-menu { background-color: #080808; } .navmenu-inverse .navmenu-nav.dropdown-menu > .divider { background-color: #222222; } .navmenu-inverse .navmenu-nav.dropdown-menu > .active > a, .navmenu-inverse .navmenu-nav.dropdown-menu > .active > a:hover, .navmenu-inverse .navmenu-nav.dropdown-menu > .active > a:focus { background-color: #000000; } .navmenu-inverse .navmenu-nav > li > a { color: #999999; } .navmenu-inverse .navmenu-nav > li > a:hover, .navmenu-inverse .navmenu-nav > li > a:focus { color: #ffffff; background-color: transparent; } .navmenu-inverse .navmenu-nav > .active > a, .navmenu-inverse .navmenu-nav > .active > a:hover, .navmenu-inverse .navmenu-nav > .active > a:focus { color: #ffffff; background-color: #080808; } .navmenu-inverse .navmenu-nav > .disabled > a, .navmenu-inverse .navmenu-nav > .disabled > a:hover, .navmenu-inverse .navmenu-nav > .disabled > a:focus { color: #444444; background-color: transparent; } .alert-fixed-top, .alert-fixed-bottom { position: fixed; left: 0; z-index: 1035; width: 100%; margin: 0; border-radius: 0; } @media (min-width: 992px) { .alert-fixed-top, .alert-fixed-bottom { left: 50%; width: 992px; margin-left: -496px; } } .alert-fixed-top { top: 0; border-width: 0 0 1px 0; } @media (min-width: 992px) { .alert-fixed-top { border-width: 0 1px 1px 1px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } } .alert-fixed-bottom { bottom: 0; border-width: 1px 0 0 0; } @media (min-width: 992px) { .alert-fixed-bottom { border-width: 1px 1px 0 1px; border-top-right-radius: 4px; border-top-left-radius: 4px; } } .offcanvas { display: none; } .offcanvas.in { display: block; } @media (max-width: 767px) { .offcanvas-xs { display: none; } .offcanvas-xs.in { display: block; } } @media (max-width: 991px) { .offcanvas-sm { display: none; } .offcanvas-sm.in { display: block; } } @media (max-width: 1199px) { .offcanvas-md { display: none; } .offcanvas-md.in { display: block; } } .offcanvas-lg { display: none; } .offcanvas-lg.in { display: block; } .canvas-sliding { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s, -ms-transform 0.35s; } .offcanvas-clone { position: absolute !important; top: auto !important; right: 0 !important; bottom: 0 !important; left: auto !important; width: 0 !important; height: 0 !important; padding: 0 !important; margin: 0 !important; overflow: hidden !important; border: none !important; opacity: 0 !important; } .table.rowlink td:not(.rowlink-skip), .table .rowlink td:not(.rowlink-skip) { cursor: pointer; } .table.rowlink td:not(.rowlink-skip) a, .table .rowlink td:not(.rowlink-skip) a { font: inherit; color: inherit; text-decoration: inherit; } .table-hover.rowlink tr:hover td, .table-hover .rowlink tr:hover td { background-color: #cfcfcf; } .btn-file { position: relative; overflow: hidden; vertical-align: middle; } .btn-file > input { position: absolute; top: 0; right: 0; margin: 0; font-size: 23px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); transform: translate(-300px, 0) scale(4); direction: ltr; } .fileinput { display: inline-block; margin-bottom: 9px; } .fileinput .uneditable-input { display: inline-block; margin-bottom: 0; vertical-align: middle; cursor: text; } .fileinput .thumbnail { display: inline-block; margin-bottom: 5px; overflow: hidden; text-align: center; vertical-align: middle; } .fileinput .thumbnail > img { max-height: 100%; } .fileinput .btn { vertical-align: middle; } .fileinput-exists .fileinput-new, .fileinput-new .fileinput-exists { display: none; } .fileinput-inline .fileinput-controls { display: inline; } .fileinput .uneditable-input { white-space: normal; } .fileinput-new .input-group .btn-file { border-radius: 0 4px 4px 0; } .fileinput-new .input-group .btn-file.btn-xs, .fileinput-new .input-group .btn-file.btn-sm { border-radius: 0 3px 3px 0; } .fileinput-new .input-group .btn-file.btn-lg { border-radius: 0 6px 6px 0; } .form-group.has-warning .fileinput .uneditable-input { color: #c09853; border-color: #faebcc; } .form-group.has-warning .fileinput .fileinput-preview { color: #c09853; } .form-group.has-warning .fileinput .thumbnail { border-color: #faebcc; } .form-group.has-error .fileinput .uneditable-input { color: #b94a48; border-color: #ebccd1; } .form-group.has-error .fileinput .fileinput-preview { color: #b94a48; } .form-group.has-error .fileinput .thumbnail { border-color: #ebccd1; } .form-group.has-success .fileinput .uneditable-input { color: #468847; border-color: #d6e9c6; } .form-group.has-success .fileinput .fileinput-preview { color: #468847; } .form-group.has-success .fileinput .thumbnail { border-color: #d6e9c6; } .input-group-addon:not(:first-child) { border-left: 0; }