/* ------------------------------------------------------------------------------ * * # Glyphicons for Bootstrap * * Glyphicons icon font path and style overrides * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ @font-face { src: url('../css/icons/glyphicons/glyphicons-halflings-regular.eot'); src: url('../css/icons/glyphicons/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../css/icons/glyphicons/glyphicons-halflings-regular.woff2') format('woff2'), url('../css/icons/glyphicons/glyphicons-halflings-regular.woff') format('woff'), url('../css/icons/glyphicons/glyphicons-halflings-regular.ttf') format('truetype'), url('../css/icons/glyphicons/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); } .glyphicon { font-size: 16px; vertical-align: middle; top: -1px; } .dropdown-content-heading { padding: 20px; font-size: 12px; text-transform: uppercase; font-weight: 500; } .dropdown-content-heading + .dropdown-menu-body { padding-top: 0; } .dropdown-content-heading + .dropdown-header { padding-top: 0!important; } ul.dropdown-menu .dropdown-content-heading { padding-left: 15px; padding-right: 15px; } ul.dropdown-menu .dropdown-content-heading:first-child { padding-top: 15px; padding-bottom: 15px; } .dropdown-content-heading .icons-list { float: right; } @media (min-width: 769px) { .dropdown-content-heading + .table-responsive { border-top: 1px solid #ddd; } } .dropdown-content-footer { background-color: #fcfcfc; color: #333333; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .dropdown-content-footer a { display: block; padding: 7px; text-align: center; color: #333333; } .dropdown-content-footer a:hover, .dropdown-content-footer a:focus { background-color: #f5f5f5; } .dropdown-content-footer a > i.display-block { top: 0; } @media (max-width: 768px) { .navbar-inverse .dropdown-content-footer { background-color: rgba(0, 0, 0, 0.1); color: #fff; border-color: transparent; border-radius: 0; } .navbar-inverse .dropdown-content-footer a { color: #fff; } .navbar-inverse .dropdown-content-footer a:hover, .navbar-inverse .dropdown-content-footer a:focus { background-color: rgba(0, 0, 0, 0.1); } } .dropdown-content-body { padding: 20px; } .dropdown-content-heading + .dropdown-content-body { padding-top: 0; } .dropdown-content:not(ul) { padding-top: 0; padding-bottom: 0; } .dropdown-content .form-inline { white-space: nowrap; } .menu-list { margin: 0 0 20px 0; list-style: none; padding: 0; overflow: hidden; } @media (min-width: 1200px) { [class*=col-lg-] .menu-list { margin-bottom: 8px; } } @media (min-width: 1025px) { [class*=col-md-] .menu-list { margin-bottom: 8px; } } @media (min-width: 769px) { [class*=col-sm-] .menu-list { margin-bottom: 8px; } } @media (min-width: 480px) { [class*=col-xs-] .menu-list { margin-bottom: 8px; } } .menu-list ul { margin: 0; padding: 0; list-style: none; position: absolute; display: none; left: 110%; width: 100%; } .menu-list li { position: relative; margin-top: 1px; } .menu-list li:first-child { margin-top: 0; } .menu-list li > a { display: block; color: #333333; padding: 8px 12px; border-radius: 3px; } .menu-list li > a:hover, .menu-list li > a:focus { background-color: #f5f5f5; } .menu-list li > a > i { margin-right: 10px; } .menu-list li > a > .label, .menu-list li > a > .badge { float: right; margin-left: 7px; } .menu-list li.active > a, .menu-list li.active > a:hover, .menu-list li.active > a:focus { color: #fff; background-color: #2196F3; } .menu-list li.disabled > a, .menu-list li.disabled > a:hover, .menu-list li.disabled > a:focus { background-color: transparent; color: #999999; cursor: not-allowed; } .menu-list li.disabled > a > .label, .menu-list li.disabled > a > .badge, .menu-list li.disabled > a > img { opacity: 0.8; filter: alpha(opacity=80); } @media (max-width: 768px) { .menu-list li > a { color: #fff; } .menu-list li > a:hover, .menu-list li > a:focus { background-color: rgba(0, 0, 0, 0.1); } .menu-list li.active > a, .menu-list li.active > a:hover, .menu-list li.active > a:focus { background-color: rgba(0, 0, 0, 0.1); } .menu-list li.disabled > a, .menu-list li.disabled > a:hover, .menu-list li.disabled > a:focus { background-color: transparent; color: rgba(255, 255, 255, 0.6); cursor: not-allowed; } .navbar-default .menu-list li > a { color: #333333; } .navbar-default .menu-list li > a:hover, .navbar-default .menu-list li > a:focus { background-color: #f5f5f5; } .navbar-default .menu-list li.active > a, .navbar-default .menu-list li.active > a:hover, .navbar-default .menu-list li.active > a:focus { color: #fff; background-color: #2196F3; } .navbar-default .menu-list li.disabled > a, .navbar-default .menu-list li.disabled > a:hover, .navbar-default .menu-list li.disabled > a:focus { background-color: transparent; color: #999999; } } @media (min-width: 769px) { .menu-list { overflow-y: auto; max-height: 340px; } } .dd-wrapper .dd-menu { overflow: hidden; position: relative; } .dd-wrapper .dd-header h6 .label, .dd-wrapper .dd-header h6 .badge { margin-left: 7px; } .dd-wrapper .dd-header h6 > i { margin-right: 7px; } .dd-wrapper .dd-header h6:first-child { display: none; } .dd-wrapper .dd-parent .active-ul + ul { position: relative; display: block; left: 0; } .dd-wrapper .link-back { display: block; padding: 8px 0; border-radius: 3px; margin-bottom: 10px; font-size: 12px; text-transform: uppercase; line-height: 1.6666667; } .dd-wrapper .link-back:before { content: '\ede7'; font-size: 16px; line-height: 1; position: relative; top: -1px; vertical-align: middle; margin-right: 7px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .dd-wrapper .link-back .dd-icon, .dd-wrapper .link-back i { display: none; } @media (max-width: 768px) { .navbar .dd-wrapper .link-back { padding: 20px 0; text-align: center; margin-top: -10px; margin-bottom: 20px; border-bottom: 1px solid #eeeeee; } .navbar-inverse .dd-wrapper .link-back { color: #fff; border-bottom-color: rgba(255, 255, 255, 0.1); } } .dd-wrapper .dd-icon { float: right; margin-top: 2px; } .dd-wrapper .dd-icon:after { content: '\e9c7'; font-size: 16px; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .dd-wrapper .dd-header .dd-icon:after { content: '\e9c5'; } .menu-heading { display: block; font-size: 12px; text-transform: uppercase; font-weight: 500; margin-bottom: 10px; padding-top: 4px; } .menu-heading > i { float: left; margin-right: 7px; } .menu-heading.underlined { padding-bottom: 10px; border-bottom: 1px solid #eeeeee; } @media (max-width: 768px) { .menu-heading { color: #fff; } div:first-child > .menu-heading { margin-top: 0; } .navbar-default .menu-heading { color: #333333; } .menu-heading.underlined { border-bottom-color: rgba(255, 255, 255, 0.1); } .navbar-default .menu-heading.underlined { border-bottom-color: #eeeeee; } } .dropdown-menu .nav-tabs, .dropdown-menu .nav-tabs > li > a { border-radius: 0; } .dropdown-menu .nav-tabs > li:first-child > a, .dropdown-menu .nav-tabs > li.active:first-child > a { border-left: 0; } .dropdown-menu .nav-tabs > li:last-child > a, .dropdown-menu .nav-tabs > li.active:last-child > a { border-right: 0; } @media (max-width: 768px) { .dropdown-menu .nav-tabs { margin-top: 0; } .dropdown-menu .nav-tabs:before { content: none; } .dropdown-menu .nav-tabs > li + li { margin-top: 1px; } .dropdown-menu .nav-tabs > li > a { border: 0; padding-left: 20px; padding-right: 20px; } .dropdown-menu .nav-tabs > li > a:hover, .dropdown-menu .nav-tabs > li > a:focus { background-color: rgba(0, 0, 0, 0.1); } .dropdown-menu .nav-tabs > li.active > a, .dropdown-menu .nav-tabs > li.active > a:hover, .dropdown-menu .nav-tabs > li.active > a:focus { border: 0; background-color: rgba(0, 0, 0, 0.1); } .navbar .dropdown-menu .nav-tabs { border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .navbar .dropdown-menu .nav-tabs > li { margin-bottom: 0; } .navbar .dropdown-menu .nav-tabs.active > a { border-color: transparent; } .navbar-inverse .dropdown-menu .nav-tabs > li > a { color: #fff; } .navbar-inverse .dropdown-menu .nav-tabs > li.disabled > a, .navbar-inverse .dropdown-menu .nav-tabs > li.disabled > a:hover, .navbar-inverse .dropdown-menu .nav-tabs > li.disabled > a:focus { color: rgba(255, 255, 255, 0.6); background-color: transparent; } .navbar-default .dropdown-menu .nav-tabs { border-top-color: #ddd; border-bottom-color: #ddd; border-left: 0; border-right: 0; } .navbar-default .dropdown-menu .nav-tabs > li > a:hover, .navbar-default .dropdown-menu .nav-tabs > li > a:focus { color: #333333; background-color: #f8f8f8; } .navbar-default .dropdown-menu .nav-tabs > li.active > a, .navbar-default .dropdown-menu .nav-tabs > li.active > a:hover, .navbar-default .dropdown-menu .nav-tabs > li.active > a:focus { color: #333333; background-color: #f8f8f8; } .navbar-default .dropdown-menu .nav-tabs > li.disabled > a, .navbar-default .dropdown-menu .nav-tabs > li.disabled > a:hover, .navbar-default .dropdown-menu .nav-tabs > li.disabled > a:focus { color: #999999; background-color: transparent; } } .navbar-progress { float: left; margin-left: 20px; } .navbar-progress .progress { width: 200px; } @media (max-width: 768px) { .navbar-progress { margin: 12px 20px; float: none; } .navbar-progress .progress { margin-top: 0; margin-bottom: 0; width: 100%; } } .navbar-xs .navbar-progress .progress { margin-top: 11px; margin-bottom: 11px; } .navbar-progress .progress, .navbar-xs .navbar-progress .progress-sm { margin-top: 13px; margin-bottom: 13px; } .navbar-progress .progress-sm, .navbar-xs .navbar-progress .progress-xs { margin-top: 15px; margin-bottom: 15px; } .navbar-progress .progress-xs, .navbar-xs .navbar-progress .progress-xxs { margin-top: 17px; margin-bottom: 17px; } .navbar-progress .progress-xxs { margin-top: 19px; margin-bottom: 19px; } .navbar-sm .navbar-progress .progress { margin-top: 12px; margin-bottom: 12px; } .navbar-lg .navbar-progress .progress, .navbar-sm .navbar-progress .progress-sm { margin-top: 15px; margin-bottom: 15px; } .navbar-lg .navbar-progress .progress-sm, .navbar-sm .navbar-progress .progress-xs { margin-top: 17px; margin-bottom: 17px; } .navbar-lg .navbar-progress .progress-xs, .navbar-sm .navbar-progress .progress-xxs { margin-top: 19px; margin-bottom: 19px; } .navbar-lg .navbar-progress .progress-xxs { margin-top: 21px; margin-bottom: 21px; } @media (max-width: 768px) { .navbar .btn-group .dropdown-menu, .navbar .dropdown .dropdown-menu, .navbar .input-group .dropdown-menu { width: 100%; border-width: 0 0 1px 0; border-radius: 0; } .navbar .btn-group .dropdown-menu > li > a, .navbar .dropdown .dropdown-menu > li > a, .navbar .input-group .dropdown-menu > li > a { padding-left: 20px; padding-right: 20px; } .navbar .btn-group, .navbar .input-group, .navbar .form-group:not(.has-feedback), .navbar .input-group-btn { position: static; } .navbar .select2-container { width: 100%!important; } .navbar-fixed-bottom .btn-group .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu, .navbar-fixed-bottom .input-group .dropdown-menu { border-width: 1px 0 0 0; } .navbar-component .btn-group .dropdown-menu, .navbar-component .dropdown .dropdown-menu, .navbar-component .input-group .dropdown-menu { border-width: 0 1px 1px 1px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .table-responsive { margin-bottom: 0; } } /* ------------------------------------------------------------------------------ * * # Breadcrumb component * * Overrides for breadcrumb bootstrap component * * Version: 1.1 * Latest update: Oct 20, 2015 * * ---------------------------------------------------------------------------- */ .breadcrumb { border-radius: 0; margin-bottom: 0; } .breadcrumb > li { position: relative; } .breadcrumb > li > a { color: #333333; } .breadcrumb > li > a:hover, .breadcrumb > li > a:focus { opacity: 0.85; filter: alpha(opacity=85); } .breadcrumb > li i { display: inline-block; font-size: 12px; } .breadcrumb > li > .dropdown-menu { margin-top: 0; margin-left: 5px; } .breadcrumb > li:first-child > .dropdown-menu { margin-left: 0; } .breadcrumb > li > .dropdown-menu-right { margin-left: 0; margin-right: -10px; } .breadcrumb > li:hover > .dropdown-menu { display: block; } .breadcrumb > li.location-text { margin-right: 7px; } .breadcrumb > li.location-text + li:before { content: none; } .breadcrumb > li.location-text + li > .dropdown-menu { margin-left: 0; } @media (max-width: 768px) { .heading-elements .breadcrumb { padding-top: 0; padding-bottom: 0; } .breadcrumb > li { position: static; } .breadcrumb > li .dropdown-menu { width: 100%; margin: 0; border-radius: 0; border-width: 1px 0; } .breadcrumb > li .dropdown-menu > li { position: static; } .breadcrumb .dropdown-submenu > .dropdown-menu { position: static; } } .page-title .breadcrumb { float: none; display: block; margin: 0; padding-top: 3px; padding-bottom: 0; } .page-title .breadcrumb:first-child { padding-top: 0; padding-bottom: 3px; } .page-title .breadcrumb > li > a, .page-title .breadcrumb > li + li:before { color: #777; } .page-title .breadcrumb.position-right { margin-left: 28px; } .page-header-content > .breadcrumb { padding-top: 0; padding-bottom: 16px; } .page-header-content > .breadcrumb:first-child { padding-bottom: 0; padding-top: 16px; } .breadcrumb-dash > li + li:before { content: '\2013\00a0'; } .breadcrumb-arrow > li + li:before { content: '\2192\00a0'; } .breadcrumb-arrows > li + li:before { content: '\00bb\00a0'; } .breadcrumb-caret > li + li:before { content: '\203A\00a0'; } .breadcrumb-line { background-color: #fcfcfc; border-bottom: 1px solid #ddd; position: relative; } .breadcrumb-line:after { content: ''; display: table; clear: both; } .page-header-content + .breadcrumb-line { border-bottom-width: 0; border-top: 1px solid #ddd; } .page-header-transparent .page-header-content + .breadcrumb-line { border-bottom-width: 1px; margin-bottom: 20px; } .breadcrumb-line .breadcrumb { margin-left: 20px; margin-right: 56px; } @media (min-width: 769px) { .breadcrumb-line .breadcrumb { float: left; margin-right: 0; } } @media (max-width: 768px) { .breadcrumb-line { z-index: 998; } } .page-header-transparent .breadcrumb-line { background-color: #fff; } .page-header-transparent .breadcrumb-line-component { margin-left: 20px; margin-right: 20px; padding-right: 0; } .page-header-transparent .breadcrumb-line-component > .breadcrumb-elements { margin-right: 0; } .breadcrumb-line[class*=bg-] a, .breadcrumb-line[class*=bg-] i { color: inherit; } .breadcrumb-line[class*=bg-] .breadcrumb > .active, .breadcrumb-line[class*=bg-] .breadcrumb > li + li:before { color: rgba(255, 255, 255, 0.75); } .breadcrumb-line[class*=bg-] .breadcrumb-elements { border-top-color: rgba(255, 255, 255, 0.1); } .breadcrumb-line[class*=bg-] .breadcrumb-elements > li > a { color: #fff; opacity: 1; filter: alpha(opacity=100); } .breadcrumb-line[class*=bg-] .breadcrumb-elements > li.open > a, .breadcrumb-line[class*=bg-] .breadcrumb-elements > li > a:hover, .breadcrumb-line[class*=bg-] .breadcrumb-elements > li > a:focus { background-color: rgba(0, 0, 0, 0.1); } .breadcrumb-line-component { border: 1px solid #ddd; margin-bottom: 20px; border-radius: 3px; background-color: #fff; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .page-header .breadcrumb-line-component { margin-left: 20px; margin-right: 20px; background-color: #fcfcfc; } .page-header > .breadcrumb-line-component { border-width: 1px; } .page-header > .breadcrumb-line-component:first-child { margin-top: 20px; margin-bottom: 0; } .breadcrumb-line-component .breadcrumb { margin-left: 15px; } .breadcrumb-line-component .breadcrumb-elements { margin-right: 0; } .breadcrumb-line-component .breadcrumb-elements .dropdown-menu { border-width: 1px; } .breadcrumb-line-component .breadcrumb-elements > li:last-child > .dropdown-menu-right { right: -1px; } .breadcrumb-elements { text-align: center; margin: 0; padding: 0; list-style: none; border-top: 1px solid #ddd; font-size: 0; } .breadcrumb-elements:after { content: ''; display: table; clear: both; } .breadcrumb-elements > li { display: inline-block; position: static; font-size: 13px; } .breadcrumb-elements > li > a { display: block; padding: 8px 15px; color: #333333; } .breadcrumb-elements > li.open > a, .breadcrumb-elements > li > a:hover, .breadcrumb-elements > li > a:focus { opacity: 0.75; filter: alpha(opacity=75); } .breadcrumb-elements .dropdown-menu { margin-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; } @media (max-width: 768px) { .breadcrumb-elements .dropdown-menu { left: 0; right: 0; border-width: 1px 0; border-radius: 0; } .breadcrumb-elements .dropdown-menu > li > a { padding-left: 15px; padding-right: 15px; } } .breadcrumb-elements .dropup > .dropdown-menu { margin-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .breadcrumb-elements [data-toggle="collapse"] { display: block; position: absolute; top: 0; right: 20px; } @media (min-width: 769px) { .breadcrumb-elements { float: right; margin-right: 20px; text-align: inherit; border-top: 0; } .breadcrumb-elements.collapse { display: block; visibility: visible; } .breadcrumb-elements > li { float: left; } .breadcrumb-elements > li, .breadcrumb-elements > li .btn-group { position: relative; } .breadcrumb-elements [data-toggle="collapse"] { display: none; } } @media (max-width: 768px) { .breadcrumb-elements { background-color: inherit; text-align: center; position: absolute; top: 50%; right: 20px; height: 36px; margin-top: -18px; } } /* ------------------------------------------------------------------------------ * * # Pagination (multiple pages) component * * Overrides for pagination bootstrap component * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .pagination { margin-top: 0; margin-bottom: 0; } .pagination > li > a, .pagination > li > span { min-width: 36px; text-align: center; } .pagination.pagination-rounded > li:first-child > a, .pagination.pagination-rounded > li:first-child > span { border-bottom-left-radius: 100px; border-top-left-radius: 100px; } .pagination.pagination-rounded > li:last-child > a, .pagination.pagination-rounded > li:last-child > span { border-bottom-right-radius: 100px; border-top-right-radius: 100px; } .pagination-flat > li > a, .pagination-flat > li > span { margin-left: 1px; border-radius: 3px; min-width: 36px; background-color: transparent; } .pagination-flat > li > a, .pagination-flat > li > span, .pagination-flat > li > a:hover, .pagination-flat > li > span:hover, .pagination-flat > li > a:focus, .pagination-flat > li > span:focus { border-color: transparent; } .pagination-flat > .active > a, .pagination-flat > .active > span, .pagination-flat > .active > a:hover, .pagination-flat > .active > span:hover, .pagination-flat > .active > a:focus, .pagination-flat > .active > span:focus { border-color: transparent; } .pagination-flat > .disabled > span, .pagination-flat > .disabled > span:hover, .pagination-flat > .disabled > span:focus, .pagination-flat > .disabled > a, .pagination-flat > .disabled > a:hover, .pagination-flat > .disabled > a:focus { border-color: transparent; } .pagination-flat.pagination-rounded > li > a, .pagination-flat.pagination-rounded > li > span { border-radius: 100px; } .pagination-flat.pagination-lg > li > a, .pagination-flat.pagination-lg > li > span { min-width: 40px; } .pagination-flat.pagination-sm > li > a, .pagination-flat.pagination-sm > li > span { min-width: 34px; } .pagination-flat.pagination-xs > li > a, .pagination-flat.pagination-xs > li > span { min-width: 32px; } .pagination-separated > li > a, .pagination-separated > li > span { margin-left: 2px; } .pagination-lg > li > a, .pagination-lg > li > span { line-height: 1.4285715; min-width: 40px; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .pagination-sm > li > a, .pagination-sm > li > span { font-size: 13px; min-width: 34px; } .pagination-xs > li > a, .pagination-xs > li > span { padding: 5px 10px; font-size: 12px; line-height: 1.6666667; } .pagination-xs > li:first-child > a, .pagination-xs > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .pagination-xs > li:last-child > a, .pagination-xs > li:last-child > span { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .pagination-xs > li > a, .pagination-xs > li > span { line-height: 1.6666667; min-width: 32px; } /* ------------------------------------------------------------------------------ * * # Pager component * * Overrides for pager bootstrap component * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .pager { margin-bottom: 0; } .pager li > a, .pager li > span { padding: 7px 12px; color: #333333; } .pager li > a:hover, .pager li > a:focus { border-color: #2196F3; color: #fff; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { border-color: #ddd; } .pager.text-left { text-align: left; } .pager.text-right { text-align: right; } .pager-lg li > a, .pager-lg li > span { padding: 9px 15px; font-size: 14px; } .pager-sm li > a, .pager-sm li > span { padding: 6px 11px; font-size: 13px; } .pager-xs li > a, .pager-xs li > span { padding: 5px 10px; font-size: 12px; line-height: 1.6666667; } .pager-rounded li > a, .pager-rounded li > span { border-radius: 100px; } .pager-linked li > a, .pager-linked li > span { border-color: transparent; color: #1E88E5; } .pager-linked li > a:hover, .pager-linked li > span:hover { background-color: #2196F3; color: #fff; } .pager-linked .disabled > a, .pager-linked .disabled > a:hover, .pager-linked .disabled > a:focus, .pager-linked .disabled > span { border-color: transparent; } /* ------------------------------------------------------------------------------ * * # Labels component * * Overrides for labels bootstrap component * * Version: 1.1 * Latest update: Oct 20, 2015 * * ---------------------------------------------------------------------------- */ .label { display: inline-block; font-weight: 500; padding: 1px 4px 0px 4px; line-height: 1.5384616; border: 1px solid transparent; text-transform: uppercase; font-size: 10px; letter-spacing: 0.1px; border-radius: 2px; } .btn .label { top: 0; } .list-group-item.active > .label, .nav-pills > .active > a > .label, .nav-tabs-solid > .active > a > .label, .nav-tabs[class*=bg-] > li > a > .label { color: #333333; background-color: #fff; border-color: #fff; } @media (min-width: 769px) { .list-group-item > .label { float: right; } .list-group-item > .label + .label { margin-right: 7px; } } .label > .caret, .badge > .caret { margin-top: -2px; } .open .label.dropdown-toggle, .open .badge.dropdown-toggle { -webkit-box-shadow: none; box-shadow: none; } .label[href]:hover, .badge[href]:hover, .label[href]:focus, .badge[href]:focus { opacity: 0.85; filter: alpha(opacity=85); } .label-default { border-color: #999999; } .label-default[href]:hover, .label-default[href]:focus { background-color: #999999; } .label-primary { border-color: #2196F3; } .label-primary[href]:hover, .label-primary[href]:focus { background-color: #2196F3; } .label-success { border-color: #4CAF50; } .label-success[href]:hover, .label-success[href]:focus { background-color: #4CAF50; } .label-info { border-color: #00BCD4; } .label-info[href]:hover, .label-info[href]:focus { background-color: #00BCD4; } .label-warning { border-color: #FF5722; } .label-warning[href]:hover, .label-warning[href]:focus { background-color: #FF5722; } .label-danger { border-color: #F44336; } .label-danger[href]:hover, .label-danger[href]:focus { background-color: #F44336; } .label-striped { background-color: #f5f5f5; color: #333333; border-left-width: 2px; padding: 5px 10px; } .label-striped.label-striped-right { border-left-width: 1px; border-right-width: 2px; } .label-striped, .label-striped.label-icon { border-radius: 0; } .label-striped[href]:hover, .label-striped[href]:focus { color: #333333; background-color: #eeeeee; -webkit-box-shadow: none; box-shadow: none; } .label-flat { background-color: transparent; border-width: 2px; border-radius: 0; } .label-flat[href]:hover, .label-flat[href]:focus { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .label-icon { padding: 7px; border-radius: 2px; } .label-icon > i { top: 0; } .label-icon.label-flat { padding: 6px; } .label-icon-xlg { padding: 10px; } .label-icon-xlg.label-flat { padding: 9px; } .label-icon-lg { padding: 9px; } .label-icon-lg.label-flat { padding: 8px; } .label-icon-sm { padding: 6px; } .label-icon-sm.label-flat { padding: 5px; } .label-icon-xs { padding: 5px; } .label-icon-xs.label-flat { padding: 4px; } .label-rounded { border-radius: 100px; } .label-rounded:not(.label-icon) { padding-left: 7px; padding-right: 7px; } .label-roundless { border-radius: 0; } .label-block { display: block; } .form-control + .label-block { margin-top: 7px; } .label-block.text-left { text-align: left; margin-right: 0; } .label-block.text-right { text-align: right; margin-left: 0; } /* ------------------------------------------------------------------------------ * * # Badges component * * Overrides for badges bootstrap component * * Version: 1.1 * Latest update: Nov 25, 2015 * * ---------------------------------------------------------------------------- */ .badge { padding: 1px 5px 0px 5px; font-size: 10px; letter-spacing: 0.1px; vertical-align: baseline; background-color: transparent; border: 1px solid transparent; } .btn .badge { top: 0; } .btn-xs .badge { padding: 1px 5px 0px 5px; } .list-group-item.active > .badge, .nav-pills > .active > a > .badge, .nav-tabs-solid > .active > a > .badge, .nav-tabs[class*=bg-] > li > a > .badge { color: #333333; background-color: #fff; border-color: #fff; } .nav-pills > li > a > .badge { margin-left: 0; } .nav-pills > li > a > .badge.position-right { margin-left: 7px; } .badge-default { background-color: #999999; border-color: #999999; } .badge-primary { background-color: #2196F3; border-color: #2196F3; } .badge-success { background-color: #4CAF50; border-color: #4CAF50; } .badge-info { background-color: #00BCD4; border-color: #00BCD4; } .badge-warning { background-color: #FF5722; border-color: #FF5722; } .badge-danger { background-color: #F44336; border-color: #F44336; } .badge-flat { background-color: transparent; border-width: 2px; } .badge-flat[href]:hover, .badge-flat[href]:focus { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } /* ------------------------------------------------------------------------------ * * # Thumbnails component * * Overrides for thumbnails bootstrap component * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .thumbnail { -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .thumbnail > a { display: block; } .thumbnail > img, .thumbnail a > img { width: 100%; } a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: #ddd; } .thumbnail .caption { padding: 17px; padding-top: 20px; } .thumbnail .caption i.pull-right, .thumbnail .caption .icons-list.pull-right { margin-top: 4px; } .thumbnail .caption .media-heading { margin-top: 0; } .thumbnail .caption .media-heading:after { content: ''; display: table; clear: both; } .modal-dialog .thumbnail { border-width: 0; -webkit-box-shadow: none; box-shadow: none; } .thumbnail > .panel-heading { margin: -3px; margin-bottom: 0; } .thumbnail .panel-footer { margin: -3px; margin-top: 0; } .thumbnail.no-padding img, .thumbnail.no-padding .thumb { border-top-right-radius: 3px; border-top-left-radius: 3px; -webkit-box-shadow: none; box-shadow: none; } .thumbnail.no-padding .caption { padding: 20px; } .thumbnail.no-padding .panel-heading, .thumbnail.no-padding .panel-footer { margin: 0; } .thumb { position: relative; display: block; } .thumb img:not(.media-preview) { display: inline-block; width: 100%; max-width: 100%; height: auto; } .thumb:hover .caption-zoom { border-radius: 0; -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.7); box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.7); } .thumb:hover .caption-offset { left: 8px; top: 8px; } .thumb .caption-collapse { top: 80%; z-index: 10; height: auto; } .thumb:hover .thumb .caption-collapse { top: 100%; } .thumb-rounded { width: 60%; margin: 20px auto 0 auto; } .thumb-rounded, .thumb-rounded img { border-radius: 50%; } .caption-overflow { position: absolute; top: 0; left: 0; color: #fff; width: 100%; height: 100%; visibility: hidden; border-radius: inherit; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .caption-overflow span { position: absolute; top: 50%; margin-top: -17px; width: 100%; text-align: center; } .thumb:hover > .caption-overflow { background-color: rgba(0, 0, 0, 0.7); visibility: visible; opacity: 1; filter: alpha(opacity=100); } .zoom-image { color: #fff; display: inline-block; text-align: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .thumb:hover .zoom-image { background-color: rgba(0, 0, 0, 0.6); opacity: 1; filter: alpha(opacity=100); } .img-rounded + .zoom-image { border-radius: 3px; } .img-circle + .zoom-image { border-radius: 50%; } .zoom-image i { font-size: 32px; position: absolute; top: 50%; left: 50%; margin-top: -16px; margin-left: -16px; } .thumb-slide { overflow: hidden; } .thumb-slide .caption { position: absolute; bottom: -100%; left: 0; color: #fff; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 10; -webkit-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; } .thumb-slide .caption span { position: absolute; top: 50%; left: 0; margin-top: -18px; width: 100%; text-align: center; } .thumb-slide:hover .caption { bottom: 0; } /* ------------------------------------------------------------------------------ * * # Alert component * * Overrides for alerts bootstrap component * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .alert { position: relative; padding-left: 20px; padding-right: 20px; } .alert .alert-heading { margin-top: 0; margin-bottom: 5px; } .alert .alert-link { color: inherit; } .alert .close, .alert .close:hover, .alert .close:focus { color: inherit; } .alert-primary { background-color: #E3F2FD; border-color: #1E88E5; color: #1565C0; } .alert-primary hr { border-top-color: #187bd1; } .alert-primary .alert-link { color: #104d92; } .alert-primary, .alert-primary .close { color: #104d92; } .alert-success, .alert-success .close { color: #205823; } .alert-info, .alert-info .close { color: #00545c; } .alert-warning, .alert-warning .close { color: #aa3510; } .alert-danger, .alert-danger .close { color: #9c1f1f; } .alert.alert-rounded { border-radius: 100px; padding-left: 25px; padding-right: 25px; } .alert-component[class*=alert-styled-] { background-color: #fff; } .alert[class*=bg-] a, .alert[class*=bg-] .alert-link { color: #fff; } .alert[class*=alert-styled-]:after, .ui-pnotify[class*=alert-styled-] > .alert:after { content: '\e9a2'; color: #fff; width: 44px; left: -44px; text-align: center; position: absolute; top: 50%; margin-top: -8px; font-size: 16px; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .alert[class*=alert-styled-].alert-danger:after, .ui-pnotify[class*=alert-styled-] > .alert.alert-danger:after, .alert[class*=alert-styled-][class*=bg-danger]:after, .ui-pnotify[class*=alert-styled-] > .alert[class*=bg-danger]:after { content: '\ed64'; } .alert[class*=alert-styled-].alert-success:after, .ui-pnotify[class*=alert-styled-] > .alert.alert-success:after, .alert[class*=alert-styled-][class*=bg-success]:after, .ui-pnotify[class*=alert-styled-] > .alert[class*=bg-success]:after { content: '\ed6e'; } .alert[class*=alert-styled-].alert-warning:after, .ui-pnotify[class*=alert-styled-] > .alert.alert-warning:after, .alert[class*=alert-styled-][class*=bg-warning]:after, .ui-pnotify[class*=alert-styled-] > .alert[class*=bg-warning]:after { content: '\e9bd'; } .alert[class*=alert-styled-].alert-info:after, .ui-pnotify[class*=alert-styled-] > .alert.alert-info:after, .alert[class*=alert-styled-][class*=bg-info]:after, .ui-pnotify[class*=alert-styled-] > .alert[class*=bg-info]:after { content: '\e9b9'; } .alert.alert-styled-right:after, .ui-pnotify.alert-styled-right > .alert:after { left: auto; right: -44px; } .alert.alert-styled-custom:after, .ui-pnotify.alert-styled-custom > .alert:after { content: "\e81b"; } .alert.alert-styled-left, .ui-pnotify.alert-styled-left > .alert { border-left-width: 44px; } .alert.alert-styled-left[class*=bg-], .ui-pnotify.alert-styled-left[class*=bg-] > .alert { border-left-color: rgba(0, 0, 0, 0.15) !important; } .alert.alert-styled-right, .ui-pnotify.alert-styled-right > .alert { border-right-width: 44px; } .alert.alert-styled-right[class*=bg-], .ui-pnotify.alert-styled-right[class*=bg-] > .alert { border-right-color: rgba(0, 0, 0, 0.15) !important; } .alert[class*=alert-arrow-]:before, .ui-pnotify[class*=alert-arrow-] > .alert:before { content: ""; display: inline-block; position: absolute; top: 50%; left: 0; border-left: 5px solid; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left-color: inherit; margin-top: -5px; } .alert.alert-arrow-right:before, .ui-pnotify.alert-arrow-right > .alert:before { left: auto; right: 0; border-left: 0; border-right: 5px solid; border-right-color: inherit; } .ui-pnotify[class*=alpha-] > { background-color: inherit; border-color: inherit; color: inherit; } /* ------------------------------------------------------------------------------ * * # Progress bars component * * Overrides for progress bars bootstrap component * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .progress { position: relative; margin-bottom: 0; height: 18px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); } .progress-bar { line-height: 18px; overflow: hidden; } .progress-rounded, .progress-rounded > .progress-bar { border-radius: 100px; } .progress .progressbar-back-text { position: absolute; left: 0; width: 100%; height: 100%; text-align: center; font-size: 12px; } .progress .progressbar-front-text { display: block; width: 100%; text-align: center; position: relative; font-size: 12px; } .progress.right .progress-bar { right: 0; float: right; } .progress.right .progressbar-front-text { position: absolute; right: 0; } .progress.vertical { width: 50px; height: 100%; display: inline-block; } .progress.vertical + .progress.vertical { margin-left: 10px; } .progress.vertical .progress-bar { width: 100%; height: 0; -webkit-transition: height 0.6s ease; -o-transition: height 0.6s ease; transition: height 0.6s ease; } .progress.vertical.bottom { position: relative; } .progress.vertical.bottom .progressbar-front-text { position: absolute; bottom: 0; } .progress.vertical.bottom .progress-bar { position: absolute; bottom: 0; } .progress-lg { height: 22px; } .progress-lg .progress-bar { line-height: 22px; } .progress-sm { height: 14px; } .progress-xs { height: 10px; } .progress-xxs { height: 6px; } .progress-micro { height: 2px; } .progress-sm .progress-bar, .progress-xs .progress-bar, .progress-xxs .progress-bar, .progress-micro .progress-bar { font-size: 0; } /* ------------------------------------------------------------------------------ * * # Media list component * * Overrides for media list bootstrap component * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .media { margin-top: 20px; position: relative; } .media, .media-body { overflow: visible; } .media-left, .media-right, .media-body { position: relative; } .media-heading { margin-bottom: 2px; display: block; } .media-list { margin-bottom: 0; } .media-right, .media > .pull-right { padding-left: 20px; } .media-left, .media > .pull-left { padding-right: 20px; } @media (max-width: 768px) { .stack-media-on-mobile { text-align: center; } .stack-media-on-mobile .media-annotation { display: block; } .stack-media-on-mobile .media-annotation.dotted:not(.pull-right):before { content: none; margin: 0; } .stack-media-on-mobile .media-heading .media-annotation { margin-left: 0; margin-right: 0; padding-bottom: 5px; } .stack-media-on-mobile .media-left, .stack-media-on-mobile .media-right, .stack-media-on-mobile .media-body { display: block; width: auto; padding-left: 0; padding-right: 0; } .stack-media-on-mobile .media-left img, .stack-media-on-mobile .media-right img, .stack-media-on-mobile .media-body img { width: 100%; height: auto; max-height: none; } .stack-media-on-mobile .media-body, .stack-media-on-mobile .media-right { margin-top: 15px; } .stack-media-on-mobile .media-heading { margin-bottom: 5px; } } .media-left img:not(.media-preview), .media-right img:not(.media-preview), .thumbnail .media img:not(.media-preview) { width: 40px; height: 40px; max-width: none; } .media-badge { position: absolute; left: -10px; top: -2px; } .media-badge, .media-badge[class*=bg-] { border: 2px solid; } @media (max-width: 768px) { .navbar-inverse .media-badge { border: 0; top: 0; } } .media-annotation { color: #999999; font-size: 12px; font-weight: 400; } .media-heading .media-annotation { margin-left: 7px; } .media-annotation i { font-size: 13px; } .media-annotation.dotted:not(.pull-right):before { content: '•'; margin-right: 10px; } .media-header { white-space: nowrap; margin-top: 20px; } .media-header:first-child { margin-top: 0; } .media-list-bordered > li { border-top: 1px solid #eeeeee; padding-top: 15px; margin-top: 15px; } .media-list-bordered > li:first-child { padding-top: 0; border-top-width: 0; } .media-list-bordered.media-list-linked .media-header { margin-bottom: 15px; } .media-list-linked .media { margin-top: 0; padding: 0; } .media-list-linked .media-link { display: block; padding: 15px 20px; color: #333333; } .media-list-linked .media-link:hover, .media-list-linked .media-link:focus { background-color: #fafafa; color: #333333; } .media-list-linked .media-header { padding-left: 20px; padding-right: 20px; margin-top: 10px; margin-bottom: 10px; } .media-list-linked .media-header:first-child { margin-top: 0; } .media-list-linked.media-list-bordered > li:first-child { border-top-width: 1px; } .media-list-linked.media-list-bordered > .media-header { margin-top: 0; } .media-list-linked.media-list-bordered > .media-header:first-child { border-top-width: 0; } /* ------------------------------------------------------------------------------ * * # List groups component * * Overrides for list groups bootstrap component * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .list-group { list-style: none; margin-bottom: 0; border: 1px solid #ddd; padding: 5px 0; border-radius: 3px; } .list-group-borderless { border: 0; border-radius: 0; } .list-group-item { background-color: transparent; padding: 10px 20px; border: 0; } .list-group-item.disabled .label, .list-group-item.disabled:hover .label, .list-group-item.disabled:focus .label, .list-group-item.disabled .badge, .list-group-item.disabled:hover .badge, .list-group-item.disabled:focus .badge { opacity: 0.75; filter: alpha(opacity=75); } .list-group-divider { height: 1px; display: block; background-color: #e5e5e5; margin-top: 5px; margin-bottom: 5px; } .list-group-header { padding: 7px 20px; font-size: 11px; line-height: 1.82; color: #999999; text-transform: uppercase; } .list-group-header:first-child { margin-top: 5px; } .list-group-item + .list-group-header, .list-group-divider + .list-group-header { margin-top: 10px; } .list-group-item > i, .list-group-header > i { margin-right: 7px; } .list-group-item > i.pull-right, .list-group-header > i.pull-right { margin-right: 0; margin-left: 7px; margin-top: 3px; } .list-group-item > .badge, .list-group-header > .badge, .list-group-item > .label, .list-group-header > .label { margin-top: 1px; } .list-group-item-heading { margin-top: 5px; margin-bottom: 5px; } .list-group-item-text { line-height: 1.5384616; margin-bottom: 5px; } .list-group-item-success { color: #43A047; background-color: #E8F5E9; } a.list-group-item-success, button.list-group-item-success { color: #43A047; } a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading { color: inherit; } a.list-group-item-success:hover, button.list-group-item-success:hover, a.list-group-item-success:focus, button.list-group-item-success:focus { color: #43A047; background-color: #d6edd8; } a.list-group-item-success.active, button.list-group-item-success.active, a.list-group-item-success.active:hover, button.list-group-item-success.active:hover, a.list-group-item-success.active:focus, button.list-group-item-success.active:focus { color: #fff; background-color: #43A047; border-color: #43A047; } .list-group-item-success, a.list-group-item-success, a.list-group-item-success:hover, a.list-group-item-success:focus { color: #205823; } .list-group-item-info { color: #1565C0; background-color: #E3F2FD; } a.list-group-item-info, button.list-group-item-info { color: #1565C0; } a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading { color: inherit; } a.list-group-item-info:hover, button.list-group-item-info:hover, a.list-group-item-info:focus, button.list-group-item-info:focus { color: #1565C0; background-color: #cbe7fb; } a.list-group-item-info.active, button.list-group-item-info.active, a.list-group-item-info.active:hover, button.list-group-item-info.active:hover, a.list-group-item-info.active:focus, button.list-group-item-info.active:focus { color: #fff; background-color: #1565C0; border-color: #1565C0; } .list-group-item-info, a.list-group-item-info, a.list-group-item-info:hover, a.list-group-item-info:focus { color: #104d92; } .list-group-item-warning { color: #EF6C00; background-color: #FFF3E0; } a.list-group-item-warning, button.list-group-item-warning { color: #EF6C00; } a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading { color: inherit; } a.list-group-item-warning:hover, button.list-group-item-warning:hover, a.list-group-item-warning:focus, button.list-group-item-warning:focus { color: #EF6C00; background-color: #ffe9c6; } a.list-group-item-warning.active, button.list-group-item-warning.active, a.list-group-item-warning.active:hover, button.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus, button.list-group-item-warning.active:focus { color: #fff; background-color: #EF6C00; border-color: #EF6C00; } .list-group-item-warning, a.list-group-item-warning, a.list-group-item-warning:hover, a.list-group-item-warning:focus { color: #aa3510; } .list-group-item-danger { color: #D84315; background-color: #FBE9E7; } a.list-group-item-danger, button.list-group-item-danger { color: #D84315; } a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading { color: inherit; } a.list-group-item-danger:hover, button.list-group-item-danger:hover, a.list-group-item-danger:focus, button.list-group-item-danger:focus { color: #D84315; background-color: #f7d5d1; } a.list-group-item-danger.active, button.list-group-item-danger.active, a.list-group-item-danger.active:hover, button.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus, button.list-group-item-danger.active:focus { color: #fff; background-color: #D84315; border-color: #D84315; } .list-group-item-danger, a.list-group-item-danger, a.list-group-item-danger:hover, a.list-group-item-danger:focus { color: #9c1f1f; } /* ------------------------------------------------------------------------------ * * # Panels component * * Overrides for panels bootstrap component * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .panel { margin-bottom: 20px; border-color: #ddd; color: #333333; } .panel[class*=bg-] > .panel-heading { border-color: rgba(255, 255, 255, 0.2); } @media (max-width: 768px) { .panel[class*=bg-] > .panel-heading { background-color: inherit; } } .panel[class*=bg-].panel-flat > .panel-heading { border-bottom-color: transparent; } .panel[class*=bg-] > .panel-body { background-color: inherit; } .panel[class*=bg-] .panel-title { color: #fff; } .panel[class*=bg-] .table thead td, .panel[class*=bg-] .table tbody td, .panel[class*=bg-] .table thead th, .panel[class*=bg-] .table tbody th { border-color: rgba(255, 255, 255, 0.1); } .panel[class*=bg-] .text-muted, .panel[class*=bg-] .help-block, .panel[class*=bg-] .help-inline { color: rgba(255, 255, 255, 0.8); } .panel[class*=border-top-] { border-top-right-radius: 0; border-top-left-radius: 0; } .panel[class*=border-bottom-] { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .panel[class*=border-left-] { border-bottom-left-radius: 0; border-top-left-radius: 0; } .panel[class*=border-right-] { border-bottom-right-radius: 0; border-top-right-radius: 0; } .panel-body { position: relative; } .panel-flat > .panel-heading + .panel-body { padding-top: 0; } .panel-heading { position: relative; } .panel-bordered > .panel-heading { margin: 0; } .panel-flat > .panel-heading { padding-top: 20px; padding-bottom: 20px; background-color: #fff; } .panel-flat[class*=bg-] > .panel-heading { background-color: inherit; } .panel-heading[class*=bg-], .panel-primary .panel-heading, .panel-danger .panel-heading, .panel-success .panel-heading, .panel-warning .panel-heading, .panel-info .panel-heading { margin: -1px -1px 0 -1px; border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel-white > .panel-heading { background-color: #fff; border-bottom-color: #ddd; } .panel-title { position: relative; font-size: 13px; } a.panel-title { display: block; } .panel-title img { max-height: 20px; display: inline-block; vertical-align: top; } .panel-title > small:not(.display-block), .panel-title > .small:not(.display-block) { margin-left: 5px; } h1.panel-title, .h1.panel-title { font-size: 25px; } h2.panel-title, .h2.panel-title { font-size: 23px; } h3.panel-title, .h3.panel-title { font-size: 21px; } h4.panel-title, .h4.panel-title { font-size: 19px; } h5.panel-title, .h5.panel-title { font-size: 17px; } h6.panel-title, .h6.panel-title { font-size: 15px; } .icons-list a[data-action] { vertical-align: middle; -webkit-transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; } .icons-list a[data-action]:after { font-size: 16px; min-width: 16px; text-align: center; display: inline-block; line-height: 1; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icons-list a[data-action="collapse"]:after { content: '\e9c1'; } .icons-list a[data-action="reload"]:after { content: '\e9fb'; } .icons-list a[data-action="close"]:after { content: '\e9b6'; } .icons-list a[data-action="move"]:after { content: '\e986'; } .icons-list a[data-action="modal"]:after { content: '\e9eb'; } .panel-footer { position: relative; } .panel-footer:after { content: ''; display: table; clear: both; } .panel-footer > ul { margin: 0; padding: 0; font-size: 0; list-style: none; float: left; margin-left: 15px; } .panel-footer > ul:first-child { margin-left: 0; } .panel-footer > ul > li { display: inline-block; font-size: 13px; padding-top: 8px; padding-bottom: 8px; } .panel-footer > ul > li + li { margin-left: 15px; } .panel-footer > ul > li > a { color: #333333; } .panel-footer > ul > li .dropdown-menu { margin-top: 0; margin-bottom: 0; } @media (max-width: 480px) { .panel-footer { text-align: center; } .panel-footer ul, .panel-footer .pull-right { margin-left: 0; float: none!important; } .panel-footer > ul > li, .panel-footer .dropdown, .panel-footer .dropup, .panel-footer .btn-group { position: static; } .panel-footer .dropdown-menu { left: 0; right: 0; } } .panel-footer-transparent { background-color: transparent; border-top: 0; } .panel-footer-transparent > ul > li { padding-top: 0; padding-bottom: 0; margin-bottom: 20px; } .panel-group-control .panel-title > a { padding-left: 26px; display: inline-block; } .panel-group-control .panel-title > a:before { content: '\e9b7'; position: absolute; top: 50%; margin-top: -8px; left: 0; font-size: 16px; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .panel-group-control .panel-title > a.collapsed:before { content: '\e9b8'; } .panel-group-control.panel-group-control-right .panel-title > a { padding-left: 0; padding-right: 26px; } .panel-group-control.panel-group-control-right .panel-title > a:before { left: auto; right: 0; } .panel-primary { border-color: #ddd; } .panel-primary.panel-bordered { border-color: #2196F3; } .panel-success { border-color: #ddd; } .panel-success.panel-bordered { border-color: #4CAF50; } .panel-info { border-color: #ddd; } .panel-info.panel-bordered { border-color: #00BCD4; } .panel-warning { border-color: #ddd; } .panel-warning.panel-bordered { border-color: #FF5722; } .panel-danger { border-color: #ddd; } .panel-danger.panel-bordered { border-color: #F44336; } /* ------------------------------------------------------------------------------ * * # Wells component * * Overrides for wells bootstrap component * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .well { margin-bottom: 0; padding: 20px; -webkit-box-shadow: none; box-shadow: none; } .well-white { background-color: #fff; } .well-lg { padding: 25px; border-radius: 3px; } .well-sm { padding: 15px; } /* ------------------------------------------------------------------------------ * * # Close button component * * Overrides for close button bootstrap component * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .close { font-size: 17px; text-shadow: none; opacity: 0.6; filter: alpha(opacity=60); } .close:hover, .close:focus { outline: 0; opacity: 1; filter: alpha(opacity=100); } /* ------------------------------------------------------------------------------ * * # Modals component * * Overrides for modals bootstrap component * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .modal-content { border-radius: 3px; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); } .modal-header { position: relative; padding-bottom: 0; } .modal-header[class*=bg-] { padding: 15px 20px; border-top-right-radius: 2px; border-top-left-radius: 2px; } .modal-header[class*=bg-] .close { margin-top: -9.75px; } .modal-content[class*=bg-] .modal-header .close, .modal-header[class*=bg-] .close { color: #fff; } .modal-header .close { position: absolute; right: 20px; top: 50%; margin-top: 0; } .modal-body .close { margin-top: 0!important; } .modal-footer { padding-top: 0; } .modal-footer.text-center { text-align: center; } .modal-footer.text-left { text-align: left; } @media (min-width: 769px) { .modal-xs { width: 300px; } .modal-full { width: 94%; margin-left: 3%; margin-right: 3%; } } /* ------------------------------------------------------------------------------ * * # Tooltips component * * Overrides for tooltips bootstrap component * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .tooltip { font-size: 13px; line-height: 1.5384616; } .tooltip [class*=bg-] { border-radius: 3px; } .tooltip [class*=bg-] > .tooltip-inner { background-color: inherit; } .tooltip.top [class*=bg-] .tooltip-arrow { border-top-color: inherit; } .tooltip.right [class*=bg-] .tooltip-arrow { border-right-color: inherit; } .tooltip.bottom [class*=bg-] .tooltip-arrow { border-bottom-color: inherit; } .tooltip.left [class*=bg-] .tooltip-arrow { border-left-color: inherit; } .tooltip-inner { padding: 7px 12px; } /* ------------------------------------------------------------------------------ * * # Popovers component * * Overrides for popovers bootstrap component * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .popover { border-radius: 3px; padding: 0; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .popover-title { font-size: 12px; line-height: 1.6666667; border: 0; padding: 15px 15px 0 15px; text-transform: uppercase; font-weight: 500; border-top-right-radius: 3px; border-top-left-radius: 3px; } .popover-title[class*=bg-] { padding: 10px 15px; margin: -1px -1px 0 -1px; } .popover-content { padding: 15px; } .popover[class*=bg-].top > .arrow, .popover[class*=border-].top > .arrow, .popover[class*=bg-].top > .arrow:after, .popover[class*=border-].top > .arrow:after { border-top-color: inherit; } .popover[class*=bg-].right > .arrow, .popover[class*=border-].right > .arrow, .popover[class*=bg-].right > .arrow:after, .popover[class*=border-].right > .arrow:after { border-right-color: inherit; } .popover[class*=bg-].bottom > .arrow, .popover[class*=border-].bottom > .arrow, .popover[class*=bg-].bottom > .arrow:after, .popover[class*=border-].bottom > .arrow:after { border-bottom-color: inherit; } .popover[class*=bg-].left > .arrow, .popover[class*=border-].left > .arrow, .popover[class*=bg-].left > .arrow:after, .popover[class*=border-].left > .arrow:after { border-left-color: inherit; }