/*** -----------------------------------------------------------------------------------------------
ADMIN TEMPLATE | BOO Admin Template
----------------------------------------
BOO.css - DEFAULT stylesheed
web : http://www.wrapbootstrap.net/
filename : asset/css/boo.css
version : 16.11.2012
copyright : (c) 2012 Petr Marasek
contact : gootoboo@gmail.com
-------------------------------------------------------------------------------------------- ***/
/* RESET
---------------------------------------------------------------------------- */
.clearfix {
*zoom: 1;
}
.clearfix:before,
.clearfix:after {
display: table;
content: "";
line-height: 0;
}
.clearfix:after {
clear: both;
}
.hide-text {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.input-block-level {
display: block;
width: 100%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
a:focus {
outline: 0;
}
.fix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.fix {
display: inline-block;
}
/* MIXINS
---------------------------------------------------------------------------- */
/* SCAFFOLDING
---------------------------------------------------------------------------- */
html,
body {
position: relative;
height: 100%;
padding: 0;
margin: 0;
/* background: url("../img/background/body-bg-02.jpg") repeat scroll 0 0 #ECEDEF;*/
/**/-webkit-transformace : translate3d ( 0 , 0 , 0 );
}
body {
font-size: 14px;
}
a {
color: #0066cc;
text-decoration: none;
}
a:hover {
color: #005580;
}
/* GRID
---------------------------------------------------------------------------- */
/* LAYOUTS
---------------------------------------------------------------------------- */
.container {
margin-right: auto;
margin-left: auto;
*zoom: 1;
}
.container:before,
.container:after {
display: table;
content: "";
line-height: 0;
}
.container:after {
clear: both;
}
.container-fluid {
padding-right: 20px;
padding-left: 20px;
*zoom: 1;
}
.container-fluid:before,
.container-fluid:after {
display: table;
content: "";
line-height: 0;
}
.container-fluid:after {
clear: both;
}
.container-full {
padding-right: 0;
padding-left: 0;
}
.container-full .page-head,
.container-full .navbar-page {
margin-right: 0;
margin-left: 0;
}
/* TYPOGRAPHY
---------------------------------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.6);
}
h1 small,
h2 small,
h3 small {
font-weight: bold;
color: #77a170;
}
h4 small,
h6 small{
color: #336699;
}
h5 small{
color: #ffffff;
}
h1 small {
font-size: 24px;
}
h2 small {
font-size: 22px;
}
h3 small {
font-size: 18px;
}
h4 small {
font-size: 14px;
}
h1.replace {
font-size: 34px;
}
h2.replace {
font-size: 28px;
}
h3.replace {
font-size: 20px;
}
h4.replace {
font-size: 16px;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover {
text-decoration: none;
}
h1 i,
h2 i,
h3 i,
h4 i,
h5 i,
h6 i {
text-rendering: auto;
}
.page-header {
padding-bottom: 3px;
margin: 20px 0 30px;
border-bottom: 1px solid #c8ccce;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 1);
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 1);
-o-box-shadow: 0 1px 0 rgba(255, 255, 255, 1);
box-shadow: 0 1px 0 rgba(255, 255, 255, 1);
}
.page-header h1,
.page-header h2,
.page-header h3,
.page-header h4,
.page-header h5,
.page-header h6 {
margin-bottom: 0;
}
.well-black .page-header {
border-bottom-color: #222;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
-o-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
}
.simple-header {
display: block;
padding-bottom: 8px;
margin-bottom: 10px;
line-height: 30px;
border-bottom: 1px solid #c8ccce;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 1);
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 1);
-o-box-shadow: 0 1px 0 rgba(255, 255, 255, 1);
box-shadow: 0 1px 0 rgba(255, 255, 255, 1);
}
h1.simple-header,
h2.simple-header,
h3.simple-header,
h4.simple-header,
h5.simple-header {
padding-bottom: 5px;
line-height: 30px;
}
ul.inline,
ol.inline {
margin-left: 0;
list-style: none;
}
ul.inline > li,
ol.inline > li {
float: left;
}
ul.inline:before,
ul.inline:after {
display: table;
content: "";
}
ul.inline:after {
clear: both;
}
hr {
border-top: 1px solid #d1d2d3;
border-bottom: 1px solid #fff;
}
hr.strong {
border-top-color: #bbb;
}
hr.dotted {
border-top: 1px dotted #c3c5c8;
}
hr.dashed {
border-top: 1px dashed #c3c5c8;
}
.well-black hr {
border-top-color: #222;
border-bottom-color: #616161;
}
/* CODE
---------------------------------------------------------------------------- */
.well-black code {
background-color: #369;
border: 1px solid #2a2c2e;
color: #ff6666;
}
/* FORM 902
---------------------------------------------------------------------------- */
legend {
border-color: #c8ccce;
}
legend.section-form {
padding: 9px 0 0;
}
.well-black legend {
color: #f1f1f1;
border-color: #222;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
-o-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
}
label,
.label-field {
display: block;
min-height: 20px;
font-weight: bold;
font-size: 12px;
}
.label-field.left {
display: inline-block;
float: left;
*display: inline;
*z-index: 1;
}
.label-field.right {
display: inline-block;
float: right;
*display: inline;
*z-index: 1;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
border: 1px solid;
border-color: #a8abba #b5b7c5 #c5c7d2;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
-o-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
}
.well-black select,
.well-black textarea,
.well-black input[type="text"],
.well-black input[type="password"],
.well-black input[type="datetime"],
.well-black input[type="datetime-local"],
.well-black input[type="date"],
.well-black input[type="month"],
.well-black input[type="time"],
.well-black input[type="week"],
.well-black input[type="number"],
.well-black input[type="email"],
.well-black input[type="url"],
.well-black input[type="search"],
.well-black input[type="tel"],
.well-black input[type="color"],
.well-black .uneditable-input {
color: #E6E8EB;
background-color: #369;
border-color: #272727 #252525 #222222;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
-o-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
}
.input-mini {
width: 60px;
}
.input-small {
width: 90px;
}
.input-medium {
width: 150px;
}
.input-large {
width: 210px;
}
.input-xlarge {
width: 270px;
}
.input-xxlarge {
width: 530px;
}
.ie7 input[class*="span"],
.ie7 select[class*="span"],
.ie7 textarea[class*="span"],
.ie7 .uneditable-input[class*="span"],
.ie7 .row-fluid input[class*="span"],
.ie7 .row-fluid select[class*="span"],
.ie7 .row-fluid textarea[class*="span"],
.ie7 .row-fluid .uneditable-input[class*="span"],
.ie7 .input-block-level,
.ie8 input[class*="span"],
.ie8 select[class*="span"],
.ie8 textarea[class*="span"],
.ie8 .uneditable-input[class*="span"],
.ie8 .row-fluid input[class*="span"],
.ie8 .row-fluid select[class*="span"],
.ie8 .row-fluid textarea[class*="span"],
.ie8 .row-fluid .uneditable-input[class*="span"],
.ie8 .input-block-level {
min-height: 20px
}
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
cursor: not-allowed;
background-color: #eee;
border: 1px solid #c5c7d2;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
-o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.input-append input, /*1665*/
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input {
position: relative;
margin-bottom: 0;
*margin-left: 0;
vertical-align: top;
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
.input-append .btn,
.input-prepend .btn {
border-color: #a8abba #b5b7c5 #c5c7d2;
border-color: rgba(0, 0, 0, 0.30) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.20);
}
.input-append input:focus,
.input-prepend input:focus,
.input-append select:focus,
.input-prepend select:focus,
.input-append .uneditable-input:focus,
.input-prepend .uneditable-input:focus {
z-index: 2;
}
.input-append .add-on,
.input-prepend .add-on {
display: inline-block;
width: auto;
height: 20px;
min-width: 16px;
padding: 4px 5px;
font-size: 14px;
font-weight: normal;
line-height: 20px;
text-align: center;
text-shadow: 0 1px 0 #fff;
background-color: #eee;
border: 1px solid #ccc;
}
.input-append .add-on, /*1705*/
.input-prepend .add-on,
.input-append .btn,
.input-prepend .btn,
.input-append .btn-group > .dropdown-toggle,
.input-prepend .btn-group > .dropdown-toggle {
vertical-align: top;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.input-append .active,
.input-prepend .active {
background-color: #a9dba9;
border-color: #46a546;
}
.input-prepend .add-on,
.input-prepend .btn {
margin-right: -1px;
}
.input-prepend .add-on:first-child,
.input-prepend .btn:first-child {
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}
.input-append input,
.input-append select,
.input-append .uneditable-input {
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}
.input-append input + .btn-group .btn:last-child,
.input-append select + .btn-group .btn:last-child,
.input-append .uneditable-input + .btn-group .btn:last-child {
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
.input-append .add-on, /*1751*/
.input-append .btn,
.input-append .btn-group {
margin-left: -1px;
}
.input-append .add-on:last-child,
.input-append .btn:last-child,
.input-append .btn-group:last-child > .dropdown-toggle {
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.input-prepend.input-append input + .btn-group .btn,
.input-prepend.input-append select + .btn-group .btn,
.input-prepend.input-append .uneditable-input + .btn-group .btn {
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
margin-right: -1px;
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}
.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
margin-left: -1px;
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
.input-prepend.input-append .btn-group:first-child {
margin-left: 0;
} /*1799*/
/* for bootstrap multiselect */
.input-prepend.input-append select[multiple="multiple"] {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.input-prepend.input-append select[multiple="multiple"]:first-child + input,
.input-prepend.input-append select[multiple="multiple"]:first-child + .btn,
.input-prepend.input-append select[multiple="multiple"]:first-child + .btn-group .btn,
.input-prepend.input-append select[multiple="multiple"]:first-child + .dropdown .btn {
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}
.input-append.append-percent {
position: relative;
padding-left: 10px;
}
.input-append.append-percent input {
padding-right: 0;
margin-left: -10px;
}
.input-append.append-percent .btn {
position: absolute;
right: 0;
top: 0;
}
.form-condensed label {
margin-bottom: 0;
}
.form-condensed select,
.form-condensed textarea,
.form-condensed input[type="text"],
.form-condensed input[type="password"],
.form-condensed input[type="datetime"],
.form-condensed input[type="datetime-local"],
.form-condensed input[type="date"],
.form-condensed input[type="month"],
.form-condensed input[type="time"],
.form-condensed input[type="week"],
.form-condensed input[type="number"],
.form-condensed input[type="email"],
.form-condensed input[type="url"],
.form-condensed input[type="search"],
.form-condensed input[type="tel"],
.form-condensed input[type="color"],
.form-condensed .uneditable-input {
margin-bottom: 0;
}
.form-datapreview label {
margin-top: 0px
}
legend + .control-group,
legend + .section-form-content {
margin-top: 20px;
-webkit-margin-top-collapse: separate;
}
.form-condensed .control-group {
margin-bottom: 5px;
}
.form-dark select,
.form-dark textarea,
.form-dark input[type="text"],
.form-dark input[type="password"],
.form-dark input[type="datetime"],
.form-dark input[type="datetime-local"],
.form-dark input[type="date"],
.form-dark input[type="month"],
.form-dark input[type="time"],
.form-dark input[type="week"],
.form-dark input[type="number"],
.form-dark input[type="email"],
.form-dark input[type="url"],
.form-dark input[type="search"],
.form-dark input[type="tel"],
.form-dark input[type="color"],
.form-dark .uneditable-input {
background-color: #e1e2e9; /*ie*/
background-color: rgba(0, 0, 0, 0.1);
}
.form-dark input[disabled],
.form-dark select[disabled],
.form-dark textarea[disabled],
.form-dark input[readonly],
.form-dark select[readonly],
.form-dark textarea[readonly] {
cursor: not-allowed;
background-color: #f1f1f1;
border: 1px solid #d1d1d1;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
-o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
input:-moz-placeholder, textarea:-moz-placeholder {
color: #999999;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #999999;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #999999;
}
.form-dark input:-moz-placeholder, .form-dark textarea:-moz-placeholder {
color: #a8a9ad;
}
.form-dark input:-ms-input-placeholder, .form-dark textarea:-ms-input-placeholder {
color: #a8a9ad;
}
.form-dark input::-webkit-input-placeholder, .form-dark textarea::-webkit-input-placeholder {
color: #a8a9ad;
}
.well-black input:-moz-placeholder, .well-black textarea:-moz-placeholder {
color: #5b5e62;
}
.well-black input:-ms-input-placeholder, .well-black textarea:-ms-input-placeholder {
color: #5b5e62;
}
.well-black input::-webkit-input-placeholder, .well-black textarea::-webkit-input-placeholder {
color: #5b5e62;
}
label.label-left,
.label-left label,
.label-left .label-field,
.form-horizontal.label-left .control-label,
.form-horizontal .label-left .control-label {
text-align: left;
}
.mini-labels .control-group > label {
width: 70px;
}
.mini-labels .controls {
margin-left: 80px;
}
.mini-labels .form-actions {
padding-left: 80px;
}
.small-labels .control-group > label {
width: 110px;
}
.small-labels .controls {
margin-left: 120px;
}
.small-labels .form-actions {
padding-left: 120px;
}
.help-block,
.help-inline,
.info-block,
.info-inline {
color: #75788b;
font-size: 12px;
font-weight: normal;
text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
}
.help-icon {
padding: 5px;
cursor: pointer;
}
.well-black .help-block,
.well-black .help-inline,
.well-black .info-block,
.well-black .info-inline {
color: #b8bac7;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
}
.help-block i,
.help-inline i {
font-size: 14px;
}
a.help-block,
a.help-inline {
text-decoration: none
}
.help-block,
.info-block {
margin-bottom: 5px;
}
.control-group.warning label {
color: #c09853;
}
.control-group.error label {
color: #b94a48;
}
.control-group.success label {
color: #468847;
}
.control-group.info label {
color: #3a87ad;
}
/* Allow for input prepend/append in search forms */
.form-search .input-append .search-query,
.form-search .input-prepend .search-query {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.form-search .input-append .search-query {
-webkit-border-radius: 14px 0 0 14px;
-moz-border-radius: 14px 0 0 14px;
border-radius: 14px 0 0 14px;
}
.form-search .input-append .btn {
-webkit-border-radius: 0 14px 14px 0;
-moz-border-radius: 0 14px 14px 0;
border-radius: 0 14px 14px 0;
}
.form-search .input-prepend .search-query {
-webkit-border-radius: 0 14px 14px 0;
-moz-border-radius: 0 14px 14px 0;
border-radius: 0 14px 14px 0;
}
.form-search .input-prepend .btn {
-webkit-border-radius: 14px 0 0 14px;
-moz-border-radius: 14px 0 0 14px;
border-radius: 14px 0 0 14px;
}
/* wrapper for corection uniform checkbox */
.checkbox-wrap {
display: inline-block;
padding-left: 18px
}
.clear-icon-wrap {
position: relative;
top: 0;
left: 0
}
/* Form list --------------------- */
.form-list {
list-style: none;
margin-left: 0;
}
.list-bordered > li {
border-bottom: 1px solid #c8ccce;
border-bottom: 1px solid rgba( 0, 0, 0, 0.15);
border-top: 1px solid #fff;
border-top: 1px solid rgba( 255, 255, 255, 0.6);
}
.list-bordered .control-group {
padding-top: 9px;
padding-bottom: 9px;
margin-bottom: 0;
}
.list-bordered .media {
padding-top: 7px;
padding-bottom: 7px;
margin-top: 0;
}
.list-bordered .media .data,
.list-bordered .media .media-heading {
margin-bottom: 0;
}
.list-bordered.dotted > li,
.list-bordered.dotted .control-group {
border-bottom: 1px dotted #bec2c4;
border-bottom: 1px dotted rgba( 0, 0, 0, 0.25);
border-top: 1px dotted #fff;
border-top: 1px dotted rgba( 255, 255, 255, 0.9);
}
.well-black .list-bordered.dotted .control-group {
border-bottom-color: #111111;
border-top-color: #515356;
}
.form-condensed .list-bordered .control-group {
padding: 5px 0
}
.list-bordered .section-form {
border-top: 1px solid #fff;
border-bottom: 1px solid #c8ccce;
}
.list-bordered li:first-child {
border-top: none;
}
.list-bordered li:last-child {
border-bottom: none;
}
.section-form {
min-height: 30px;
padding: 9px 0;
margin: 0;
font-size: 18px;
line-height: 30px;
color: #3399ff;
}
.section-form:before,
.section-form:after {
display: table;
content: "";
}
.section-form:after {
clear: both;
}
.section-form h4 {
margin: 10px 0 0;
font-weight: normal
}
.list-bordered .control-group:first-child,
.list-bordered .section-form:first-child {
border-top: none;
}
.list-bordered .control-group:last-child {
border-bottom: none;
}
/* TABLE
---------------------------------------------------------------------------- */
.table {
font-size: 12px
}
.table a {
text-decoration: none
}
.table caption {
font-weight: bold;
padding-top: 3px;
padding-bottom: 4px;
text-align: left;
text-transform: uppercase;
color: #222;
}
.table caption small {
text-transform: none;
color: #868a98;
}
.table caption span {
color: #868a98;
}
.table caption h3,
.table caption h4 {
margin: 0 0 5px;
text-transform: none;
}
.table th,
.table td {
border-top-color: #d5d5d5;
}
.table thead th {
background: #e1e4ea;
}
.table caption,
.table thead th,
.table tfoot th,
.table tbody {
text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
}
.table-bordered {
border-color: #d5d5d5
}
.table-bordered th,
.table-bordered td {
border-left-color: #d5d5d5;
}
.table-bordered thead + tbody tr:first-child th,
.table-bordered thead + tbody tr:first-child td,
.table-bordered tfoot + tbody tr:first-child th,
.table-bordered tfoot + tbody tr:first-child td {
border-top: 0;
}
.table-content {
margin: 0;
}
.table-content {
margin: 0;
border-collapse: separate;
*border-collapse: collapse;
border-left: 0;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.table-content th,
.table-content td {
border-left: 1px solid #d5d5d5;
}
.table-content th:first-child,
.table-content td:first-child {
border-left: none;
}
.table-content thead + tbody tr:first-child th,
.table-content thead + tbody tr:first-child td,
.table-content tfoot + tbody tr:first-child th,
.table-content tfoot + tbody tr:first-child td,
.table-content caption + thead tr:first-child th,
.table-content caption + tbody tr:first-child th,
.table-content caption + tbody tr:first-child td,
.table-content colgroup + thead tr:first-child th,
.table-content colgroup + tbody tr:first-child th,
.table-content colgroup + tbody tr:first-child td,
.table-content thead:first-child tr:first-child th,
.table-content tbody:first-child tr:first-child th,
.table-content tbody:first-child tr:first-child td {
border-top: 0;
}
.table tr.condensed th {
padding: 4px 8px;
}
.table-light th,
.table-light td {
border-top: none !important;
border-left: none !important;
}
.table-light thead th,
.table-light thead td {
background: transparent !important;
border-bottom: 1px solid #d1d2d5;
}
/* Checkbox
------------------------------------------- */
.table .check-col {
width: 20px;
}
/* Zebra
------------------------------------------- */
.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
background-color: #f7f7f7;
}
.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
background: #e5fecb;
border-top-color: #b3d58f;
}
.table tbody tr.info td {
background-color: #d9edf7;
}
.table tbody tr.error td {
background-color: #f2dede;
}
.table tbody tr.warning td {
background-color: #fcf8e3;
}
.table tbody tr.success td {
background-color: #dff0d8;
}
.table-hover tbody tr.info:hover td {
background-color: #c4e3f3;
}
.table-hover tbody tr.error:hover td {
background-color: #ebcccc;
}
.table-hover tbody tr.success:hover td {
background-color: #d0e9c6;
}
.table-hover tbody tr.warning:hover td {
background-color: #faf2cc;
}
/* Table Tool
------------------------------------------- */
.table-tool {
border-top: 1px solid #b4b7be;
font-weight: bold;
padding: 4px 10px;
position: relative;
background: #d3d5da;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(2%, #ebedf2), color-stop(85%, #d3d5da));
background: -webkit-linear-gradient(top, #ffffff 0%, #ebedf2 2%, #d3d5da 85%);
background: -moz-linear-gradient(top, #ffffff 0%, #ebedf2 2%, #d3d5da 85%);
background: -ms-linear-gradient(top, #ffffff 0%, #ebedf2 2%, #d3d5da 85%);
background: -o-linear-gradient(top, #ffffff 0%, #ebedf2 2%, #d3d5da 85%);
background: linear-gradient(top, #ffffff 0%, #ebedf2 2%, #d3d5da 85%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffffff', endColorstr='#ffd3d5da', GradientType=0 );
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.table-tool:before,
.table-tool:after {
display: table;
content: "";
}
.table-tool:after {
clear: both;
}
.table-tool .btn-toolbar {
margin-top: 0;
margin-bottom: 0;
}
.well-box .table-tool,
.widget .widget-header + .table-tool {
border-top: none;
}
/* Table Action column
------------------------------------------- */
th.action {
text-align: center;
}
td.action {
text-align: right;
}
td.action a.icon {
display: inline-block;
*display: inline;
padding-left: 4px;
padding-right: 4px;
*zoom: 1;
}
td.text-center,
.total th.text-center {
text-align: center;
}
td.text-right,
.total th.text-right {
text-align: right;
}
/* Table Action block
------------------------------------------- */
.action-table {
padding: 5px 10px;
border-top: 1px solid #d1d2d5;
}
.action-table:before,
.action-table:after {
display: table;
content: "";
}
.action-table:after {
clear: both;
}
.action-select-wraper {
margin-bottom: 0;
}
.action-select-wraper select {
margin: 0 4px 0 0;
width: auto;
}
span.arrow-table-action {
display: inline-block;
float: left;
width: 30px;
height: 30px;
background: url('../img/table/arrow-table-action.png') no-repeat 50% 50%;
}
.action-table .pagination {
margin: 0 0 0 5px;
padding: 0;
float: right;
}
/* Table Message info
------------------------------------------- */
.table-message-info {
border: none;
color: #333;
font-size: 12px;
line-height: 2.16em;
text-align: left;
vertical-align: middle;
}
.well-box .table-message-info,
.widget .table-message-info {
background-color: #fffae9;
padding: 0 8px;
border-top: 1px solid #d9b751;
}
.well-box .table-message-info:last-child,
.widget-table .table-message-info:last-child {
border-bottom: 1px solid #c9c9c9;
-webkit-border-radius: 0 0 3px 3px;
-moz-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
}
.widget-box .table-message-info:last-child {
margin-bottom: 0;
border-bottom: none;
}
.widget .widget-footer .table-message-info {
background-color: transparent;
padding-left: 0;
margin-bottom: 0;
border-top: none;
border-bottom: none;
}
/* BOO-TABLE
---------------------------------------------------------------------------- */
.boo-table.table-bordered {
border-color: #c8ccce
}
.boo-table.table-bordered thead th,
.boo-table.table-bordered thead td {
border-left-color: #d5d5d5;
}
.boo-table.table-content tbody th,
.boo-table.table-content tbody td,
.boo-table.table-bordered tbody th,
.boo-table.table-bordered tbody td {
border-left-color: #d5d5d5;
border-left-style: dotted;
}
.boo-table.table-content th:first-child,
.boo-table.table-content td:first-child {
border-left: none;
}
.boo-table.table-bordered tr th:first-child,
.boo-table.table-bordered tr td:first-child {
border-left: 1px solid #c8ccce;
}
/* Boo-table Caption
------------------------------------------- */
/*.caption,*/
.boo-table caption {
display: table-caption;
padding: 3px 10px 4px;
margin: 0;
color: white;
font-weight: bold;
text-align: left;
text-transform: uppercase;
background: #2b2d38;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #369), color-stop(100%, #048ca8));
background: -webkit-linear-gradient(top, #369 0%, #048ca8 100%);
background: -moz-linear-gradient(top, #369 0%, #048ca8 100%);
background: -ms-linear-gradient(top, #369 0%, #048ca8 100%);
background: -o-linear-gradient(top, #369 0%, #048ca8 100%);
background: linear-gradient(top, #369 0%, #048ca8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#369', endColorstr='#048ca8', GradientType=0 );
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
border-top: 1px solid #2B2D38;
text-shadow: 0px -1px 0 rgba(0, 0, 0, 1);
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.boo-table caption.caption-m {
margin-left: -1px;
margin-right: -1px;
}
.widget-table .boo-table caption {
border-left: 1px solid #2B2D38;
border-right: 1px solid #2B2D38;
}
/* Boo-table theed & tfoot
------------------------------------------- */
.boo-table thead th,
.boo-table thead td,
.boo-table tfoot th,
.boo-table tfoot td {
color: #2E3038;
vertical-align: top;
background: #e5e7ec;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(1%, #f5f6fa), color-stop(85%, #e5e7ec));
background: -webkit-linear-gradient(top, #ffffff 0%, #f5f6fa 1%, #e5e7ec 85%);
background: -moz-linear-gradient(top, #ffffff 0%, #f5f6fa 1%, #e5e7ec 85%);
background: -ms-linear-gradient(top, #ffffff 0%, #f5f6fa 1%, #e5e7ec 85%);
background: -o-linear-gradient(top, #ffffff 0%, #f5f6fa 1%, #e5e7ec 85%);
background: linear-gradient(to bottom, #ffffff 0%, #f5f6fa 1%, #e5e7ec 85%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff5f6fa', endColorstr='#ffe5e7ec', GradientType=0 );
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
}
.boo-table thead th,
.boo-table thead td {
border-left-color: #b4b7be;
border-bottom: 1px solid #b4b7be;
}
.boo-table tfoot th,
.boo-table tfoot td {
border-left-color: #b4b7be;
border-top: 1px solid #b4b7be;
}
.boo-table tfoot.total th,
.boo-table tfoot.total td,
.boo-table tfoot .total th,
.boo-table tfoot .total td {
background: #ffdf7d;
border-top-color: #d9b751;
border-left-color: #d9b751;
padding-top: 4px;
padding-bottom: 4px;
}
/* table-bordered */
.boo-table.table-bordered caption + thead th,
.boo-table.table-bordered caption + thead td {
border-bottom-color: #d5d5d5;
}
/* table-light */
.boo-table.table-light thead th,
.boo-table.table-light thead td {
border-bottom-color: #d1d2d5;
}
/* Boo-table tbody
------------------------------------------- */
.boo-table tbody td {
border-color-top: #d5d5d5;
}
.boo-table.table-hover tbody tr:first-child td,
.boo-table.table-hover tbody tr:first-child:hover td {
border-top: 1px solid white;
}
/*
.boo-table tbody:first-child tr:first-child td,
.boo-table tbody:first-child tr:first-child:hover td {
border-top: none;
}
*/
/* DATA-TABLE
---------------------------------------------------------------------------- */
/* Boo-table columb filter (datatable)
------------------------------------------- */
.boo-table thead .filter th,
.boo-table.table-bordered thead .filter th {
color: #484b55;
background: #d1d6dd;
border-top: none;
border-bottom-color: #b4b7be;
border-left-color: #c1c5ce;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.boo-table .filter th .filter_wrap {
position: relative;
display: block;
vertical-align: top;
}
.boo-table .filter th .filterColumn,
.boo-table .filter th .filter_column {
display: inline-block;
*display: inline;
float: left;
width: 100%;
*z-index: 1;
}
.boo-table .filter,
.boo-table .filter input,
.boo-table .filter select {
font-size: 13px
}
.boo-table .filter th .text_filter,
.boo-table .filter th .number_filter {
padding-left: 0;
padding-right: 0;
text-indent: 4px;
width: 99.59%;
}
.boo-table .filter th .select_filter {
width: 100%;
cursor: pointer;
}
.boo-table .filter th .filter_date_range input, .boo-table .filter th .filter_number_range input, {
float: right;
margin-bottom: 1px;
width: 60%;
}
.boo-table .filterColumn .range-label-to,
.boo-table .filterColumn .range-label-from {
float: left;
display: inline-block;
*display: inline;
*z-index: 1;
}
/* Placeholder
------------------------------------------- */
table .search_init {
color: #aaafbd;
}
/* Pagination
------------------------------------------- */
.paging_two_button,
.paging_full_numbers {
float: right;
font-size: 12px;
margin: 0 0 0 9px;
}
.paging_full_numbers.btn-group span {
margin-right: -1px;
}
.paging_full_numbers.btn-group span .btn {
margin-left: -1px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
/* Length and Global filter
------------------------------------------- */
.length label,
.table-global-filter label {
display: inline-block;
margin: 0;
}
.length select,
.table-global-filter input {
display: inline-block;
margin: 0;
font-size: 13px;
width: auto;
}
.length select {
cursor: pointer;
}
.length .select2-container {
font-weight: normal
}
/* Sorting (use table or datatable)
------------------------------------------- */
thead th.sorting,
thead th.sorting_asc,
thead th.sorting_desc,
thead td.sorting,
thead td.sorting_asc,
thead td.sorting_desc {
cursor: pointer;
}
thead th.sorting .column-sorter,
thead th.sorting_asc .column-sorter,
thead th.sorting_desc .column-sorter,
thead th.sorting_disabled .column-sorter {
display: inline-block;
float: right;
*display:inline;
width: 9px;
height: 16px;
margin: 0 0 0 0.208em;
*z-index:1;
}
thead th.sorting_asc,
thead th.sorting_desc {
color: #3795EA !important;
background-color: #d9dde4;
}
.boo-table thead th.sorting_asc,
.boo-table thead th.sorting_desc {
color: #3795EA !important;
background-image: -webkit-linear-gradient(bottom, rgb(215,219,224) 15%, rgb(237,239,245) 99%, rgb(255,255,255) 100%);
background-image: -moz-linear-gradient(bottom, rgb(215,219,224) 15%, rgb(237,239,245) 99%, rgb(255,255,255) 100%);
background-image: -ms-linear-gradient(bottom, rgb(215,219,224) 15%, rgb(237,239,245) 99%, rgb(255,255,255) 100%);
background-image: -o-linear-gradient(bottom, rgb(215,219,224) 15%, rgb(237,239,245) 99%, rgb(255,255,255) 100%);
background-image: linear-gradient(bottom, rgb(215,219,224) 15%, rgb(237,239,245) 99%, rgb(255,255,255) 100%);
}
thead th.sorting .column-sorter {
background: url('../img/table/arrow-sorting.png') no-repeat right center;
filter: alpha(opacity=50);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.5);
opacity: 0.5;
}
thead th.sorting_asc .column-sorter {
background: url('../img/table/arrow-sorting-asc.png') no-repeat right center;
}
thead th.sorting_desc .column-sorter {
background: url('../img/table/arrow-sorting-desc.png') no-repeat right center;
}
thead th.sorting_disabled,
thead td.sorting_disabled {
cursor: default !important;
color: #666666
}
thead th.sorting_disabled .column-sorter {
background: none;
}
.boo-table tbody tr.odd th.sorting_1,
.boo-table tbody tr.odd td.sorting_1 {
background: #f4f8fd; /* ie */
}
.boo-table tbody tr.odd:hover th.sorting_1,
.boo-table tbody tr.odd:hover td.sorting_1,
.boo-table tbody tr.even:hover th.sorting_1,
.boo-table tbody tr.even:hover td.sorting_1 {
background: #d9f7ba; /* ie */
}
.boo-table tbody tr:nth-child(odd) th.sorting_1,
.boo-table tbody tr:nth-child(odd) td.sorting_1 {
background: #f4f8fd;
}
.boo-table tbody tr:nth-child(odd):hover th.sorting_1,
.boo-table tbody tr:nth-child(odd):hover td.sorting_1,
.boo-table tbody tr:nth-child(even):hover th.sorting_1,
.boo-table tbody tr:nth-child(even):hover td.sorting_1 {
background: #E0fAC5;
}
.boo-table td.dataTables_empty {
color: #cc0000;
text-align: center;
line-height: 4em;
}
/* DATATABLE - DTS (DataTables Scroller)
------------------------------------------- */
div.DTS .table {
margin-bottom: 0;
}
div.DTS .table-bordered {
border: none;
}
div.DTS tbody th,
div.DTS tbody td {
white-space: nowrap;
}
div.DTS tbody tr.even {
background-color: white;
}
div.DTS div.DTS_Loading {
position: absolute;
top: 50%;
left: 50%;
width: 200px;
height: 20px;
margin-top: -20px;
margin-left: -100px;
z-index: 1;
border: 1px solid #999;
padding: 20px 0;
text-align: center;
background-color: white;
background-color: rgba(255, 255, 255, 0.5);
}
div.DTS div.dataTables_scrollHead {
background: #e5e7ec;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZjVmNmZhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODUlIiBzdG9wLWNvbG9yPSIjZTVlN2VjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(1%, #f5f6fa), color-stop(85%, #e5e7ec));
background: -webkit-linear-gradient(top, #ffffff 0%, #f5f6fa 1%, #e5e7ec 85%);
background: -moz-linear-gradient(top, #ffffff 0%, #f5f6fa 1%, #e5e7ec 85%);
background: -ms-linear-gradient(top, #ffffff 0%, #f5f6fa 1%, #e5e7ec 85%);
background: -o-linear-gradient(top, #ffffff 0%, #f5f6fa 1%, #e5e7ec 85%);
background: linear-gradient(to bottom, #ffffff 0%, #f5f6fa 1%, #e5e7ec 85%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e7ec', GradientType=0 );
}
div.DTS div.dataTables_scrollHead .boo-table thead tr:last-child > *:first-child,
div.DTS div.dataTables_scrollHead .boo-table thead tr:last-child > *:last-child {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
div.DTS div.dataTables_scrollBody {
z-index: 2;
}
div.DTS div.dataTables_scroll {
background: url('../img/table/loading-background.png') repeat 0 0;
}
/* TABLE - DATA ROWLINK
---------------------------------------------------------------------------- */
tr.rowlink td {
cursor: pointer;
}
tr.rowlink td.nolink {
cursor: auto;
}
.table tbody tr.rowlink:hover td {
background-color: #dce7f2;
border-top-color: #a0c2e5;
}
a.rowlink {
font: inherit;
color: inherit;
text-decoration: inherit;
}
/* WRAPPED TABLE
---------------------------------------------------------------------------- */
/* TABLE IN WELL-BLACK
------------------------------------------- */
.well-black .table a {
color: #3399ff;
}
.well-black .table a:hover {
color: #99ccff;
}
.well-black .table caption {
color: #d6d8db;
}
.well-black .table caption small {
color: #77a170;
}
.well-black .table caption span {
color: #77a170;
}
.well-black .table th,
.well-black .table td,
.well-black .table-content th,
.well-black .table-content td {
border-top-color: #555a5e;
}
.well-black .table thead th {
background: #369;
color: #a2a5b8
}
.well-black .table-bordered,
.well-black .boo-table.table-bordered {
border-color: #555a5e
}
.well-black .table-bordered th,
.well-black .table-bordered td,
.well-black .table-content th,
.well-black .table-content td,
.well-black .boo-table.table-bordered th,
.well-black .boo-table.table-bordered td,
.well-black .boo-table.table-content th,
.well-black .boo-table.table-content td {
border-left-color: #555a5e;
}
.well-black .table-bordered thead th,
.well-black .table-bordered thead td,
.well-black .table-content thead th,
.well-black .table-content thead td,
.well-black .boo-table thead th,
.well-black .boo-table thead td {
border-left-color: #45484b;
}
.well-black .boo-table.table-bordered tr th:first-child,
.well-black .boo-table.table-bordered tr td:first-child {
border-left: 1px solid #555a5e;
}
.well-black .boo-table thead th,
.well-black .boo-table thead td,
.well-black .boo-table.table-bordered caption + thead th,
.well-black .boo-table.table-bordered caption + thead td {
border-bottom-color: #222222;
}
.well-black .table caption,
.well-black .table thead th,
.well-black .table tfoot th,
.well-black .table tbody {
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
.well-black .boo-table caption {
border: none;
background: none;
}
.well-black .boo-table tfoot.total th,
.well-black .boo-table tfoot.total td,
.well-black .boo-table tfoot .total th,
.well-black .boo-table tfoot .total td {
color: #fed147;
background-color: #5f5947;
border-top-color: #aa9247;
border-left-color: #837753;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6);
}
.well-black .table-light thead th,
.well-black .table-light thead td {
border-bottom-color: #555a5e;
}
/* Well-black zebra
------------------------------------------- */
.well-black .table-striped tbody tr:nth-child(odd) td,
.well-black .table-striped tbody tr:nth-child(odd) th {
background-color: #35383b;
}
.well-black .table-hover tbody tr:hover td,
.well-black .table-hover tbody tr:hover th {
background: #2f3235;
border-top-color: #b3d58f;
}
.well-black .boo-table.table-hover tbody tr:first-child th,
.well-black .boo-table.table-hover tbody tr:first-child td {
border-top-color: #444444;
}
.well-black .boo-table.table-hover tbody tr:first-child:hover th,
.well-black .boo-table.table-hover tbody tr:first-child:hover td {
border-top-color: #b3d58f;
}
/* TABLE IN WRAPPER
------------------------------------------- */
.table-wrapper {
border: 1px solid #c8ccce;
margin-bottom: 18px;
}
.table-wrapper {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-background-clip: padding-box;
}
.table-wrapper {
position: relative;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
.table-wrapper.wrap-strong {
border-color: #b5b9c4;
}
.table-wrapper:before,
.table-wrapper:after {
display: table;
content: "";
}
.table-wrapper:after {
clear: both;
}
/* TABLE IN WIDGET
---------------------------------------------------------------------------- */
.widget > .table,
.widget > .datatable-wrapper > .table {
margin-bottom: 0;
}
/*
.widget-simple > .datatable-wrapper {
margin-bottom: 10px;
}
.widget .boo-table.table-bordered tr > *:first-child,
.widget .boo-table.table-bordered tr > *:first-child {
border-left: 0;
}
*/
/*
.widget-table.widget-simple {
padding-bottom: 15px;
}
.widget-table .datatable-wrapper {
padding-top: 15px;
}
*/
.widget-box.widget-table .datatable-wrapper {
padding-top: 0;
}
.widget-content > .table,
.widget-body > .table {
margin-bottom: 0px
}
/* GENERAL RADIUS FOR TABLE
---------------------------------------------------------------------------- */
/* top-left */
.table-wrapper .table-content,
.table-wrapper .table-content.boo-table caption,
.table-wrapper .table-content thead:first-child tr:first-child th:first-child,
.table-wrapper .table-content tbody:first-child tr:first-child th:first-child,
.table-wrapper .table-content tbody:first-child tr:first-child td:first-child,
.table-wrapper .table-content colgroup + thead tr:first-child th:first-child,
.table-wrapper .table-content colgroup + tbody,
.table-wrapper .table-content colgroup + tbody tr:first-child th:first-child,
.table-wrapper .table-content colgroup + tbody tr:first-child td:first-child,
.table-wrapper .table-content colgroup + tfoot + tbody tr:first-child th:first-child,
.table-wrapper .table-content colgroup + tfoot + tbody tr:first-child td:first-child,
.table-wrapper .table-content > tfoot:first-child + tbody tr:first-child th:first-child,
.table-wrapper .table-content > tfoot:first-child + tbody tr:first-child td:first-child,
.boo-table.table-bordered caption,
.well .table-bordered,
.well .table-bordered thead:first-child tr:first-child th:first-child,
.well .table-bordered tbody:first-child tr:first-child td:first-child {
-webkit-border-top-left-radius: 3px;
border-top-left-radius: 3px;
-moz-border-radius-topleft: 3px;
}
/* top-right */
.table-wrapper .table-content,
.table-wrapper .table-content.boo-table caption,
.table-wrapper .table-content thead:first-child tr:first-child th:last-child,
.table-wrapper .table-content tbody:first-child tr:first-child th:last-child,
.table-wrapper .table-content tbody:first-child tr:first-child td:last-child,
.table-wrapper .table-content colgroup + thead tr:first-child th:last-child,
.table-wrapper .table-content colgroup + tbody,
.table-wrapper .table-content colgroup + tbody tr:first-child th:last-child,
.table-wrapper .table-content colgroup + tbody tr:first-child td:last-child,
.table-wrapper .table-content colgroup + tfoot + tbody tr:first-child th:last-child,
.table-wrapper .table-content colgroup + tfoot + tbody tr:first-child td:last-child,
.table-wrapper .table-content > tfoot:first-child + tbody tr:first-child th:last-child,
.table-wrapper .table-content > tfoot:first-child + tbody tr:first-child td:last-child,
.boo-table.table-bordered caption,
.well .table-bordered,
.well .table-bordered thead:first-child tr:first-child th:last-child,
.well .table-bordered tbody:first-child tr:first-child td:last-child {
-webkit-border-top-right-radius: 3px;
border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
}
/* bottom-right */
.table-wrapper .table-content,
.table-wrapper .table-content tfoot tr:last-child th:last-child,
.table-wrapper .table-content tfoot tr:last-child td:last-child,
.table-wrapper .table-content tbody:last-child tr:last-child td:last-child,
.table-wrapper .table-content tbody:last-child tr:last-child td:last-child,
.well-box .table-content,
.well-box .table-content tfoot tr:last-child th:last-child,
.well-box .table-content tfoot tr:last-child td:last-child,
.well-box .table-content tbody:last-child tr:last-child td:last-child,
.well-box .table-content tbody:last-child tr:last-child td:last-child,
.boo-table.table-bordered tfoot,
.boo-table.table-bordered tfoot tr:last-child th:last-child,
.well .table-bordered,
.well .table-bordered tfoot:last-child tr:last-child th:last-child,
.well .table-bordered tbody:last-child tr:last-child td:last-child {
-webkit-border-bottom-right-radius: 3px;
border-bottom-right-radius: 3px;
-moz-border-radius-bottomright: 3px;
}
/* bottom-left */
.table-wrapper .table-content,
.table-wrapper .table-content tfoot tr:last-child th:first-child,
.table-wrapper .table-content tfoot tr:last-child td:first-child,
.table-wrapper .table-content tbody:last-child tr:last-child td:first-child,
.table-wrapper .table-content tbody:last-child tr:last-child td:first-child,
.well-box .table-content,
.well-box .table-content tfoot tr:last-child th:first-child,
.well-box .table-content tfoot tr:last-child td:first-child,
.well-box .table-content tbody:last-child tr:last-child td:first-child,
.well-box .table-content tbody:last-child tr:last-child td:first-child,
.boo-table.table-bordered tfoot,
.boo-table.table-bordered tfoot tr:last-child th:first-child,
.well .table-bordered,
.well .table-bordered tfoot:last-child tr:last-child th:first-child,
.well .table-bordered tbody:last-child tr:last-child td:first-child {
-webkit-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
}
.boo-table.table-bordered caption + tbody,
.boo-table.table-bordered caption + tbody tr:first-child th:first-child,
.boo-table.table-bordered caption + thead tr:first-child th:first-child,
.table-wrapper .boo-table.table-content caption + thead tr:first-child th:first-child,
.table-wrapper .boo-table.table-content caption + thead tr:first-child td:first-child {
-webkit-border-top-left-radius: 0px;
border-top-left-radius: 0px;
-moz-border-radius-topleft: 0px;
}
.boo-table.table-bordered caption + tbody,
.boo-table.table-bordered caption + tbody tr:first-child th:last-child,
.boo-table.table-bordered caption + thead tr:first-child th:last-child,
.table-wrapper .boo-table.table-content caption + thead tr:first-child th:last-child,
.table-wrapper .boo-table.table-content caption + tbody tr:first-child td:last-child {
-webkit-border-top-right-radius: 0px;
border-top-right-radius: 0px;
-moz-border-radius-topright: 0px;
}
.boo-table.table-bordered tfoot + tbody,
.boo-table.table-bordered tfoot + tbody tr:last-child td:last-child,
.table-wrapper .table-content tfoot + tbody tr:last-child td:last-child {
-webkit-border-bottom-right-radius: 0px;
border-bottom-right-radius: 0px;
-moz-border-radius-bottomright: 0px;
}
.boo-table.table-bordered tfoot + tbody,
.boo-table.table-bordered tfoot + tbody tr:last-child td:first-child,
.table-wrapper .table-content tfoot + tbody tr:last-child td:first-child {
-webkit-border-bottom-left-radius: 0px;
border-bottom-left-radius: 0px;
-moz-border-radius-bottomleft: 0px;
}
/** RADIUS IN WIDGET
-------------------------------------------
.boo-table thead tr > *:first-child,
.widget > *:first-child,
.widget > .boo-table:first-child caption,
.widget > .boo-table tbody:only-child tr:first-child > *:first-child,
.widget > .datatable-wrapper,
.widget > .datatable-wrapper > *:first-child,
.widget > .datatable-wrapper > .row-fluid:first-child > *:first-child {
-webkit-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
}
.boo-table thead tr > *:last-child,
.widget > *:first-child,
.widget > .boo-table:first-child caption,
.widget > .boo-table tbody:only-child tr:first-child > *:last-child,
.widget > .datatable-wrapper,
.widget > .datatable-wrapper > *:first-child,
.widget > .datatable-wrapper > .row-fluid:first-child > *:first-child {
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
}
.boo-table tfoot tr > *:last-child,
.widget > *:last-child,
.widget > *:last-child tr:last-child > *:last-child,
.widget > .boo-table tbody:only-child tr:last-child > *:last-child,
.widget > .datatable-wrapper,
.widget > .datatable-wrapper > *:last-child,
.widget > .datatable-wrapper > .row-fluid:last-child > *:last-child {
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
}
.boo-table tfoot tr > *:first-child,
.widget > *:last-child,
.widget > *:last-child tr:last-child > *:first-child,
.widget > .boo-table tbody:only-child tr:last-child > *:first-child,
.widget > .datatable-wrapper,
.widget > .datatable-wrapper > *:last-child,
.widget > .datatable-wrapper > .row-fluid:last-child > *:last-child {
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
}
.widget > .widget-header + .boo-table thead tr:first-child > *:first-child,
.widget > .widget-content > .boo-table thead tr:first-child > *:first-child,
.widget > .boo-table caption + thead tr:first-child > *:first-child,
.widget > .datatable-wrapper > .boo-table,
.widget > .datatable-wrapper > .table-bordered,
.widget- > .datatable-wrapper > .table-bordered tr:first-child > *:first-child,
.widget > .datatable-wrapper > .widget-footer:last-child {
-webkit-border-top-left-radius: 0px;
border-top-left-radius: 0px;
-moz-border-radius-topleft: 0px;
}
.widget > .widget-header + .boo-table thead tr:first-child > *:last-child,
.widget > .widget-content > .boo-table thead tr:first-child > *:last-child,
.widget > .boo-table caption + thead tr:first-child > *:last-child,
.widget > .datatable-wrapper > .boo-table,
.widget > .datatable-wrapper > .table-bordered,
.widget > .datatable-wrapper > .table-bordered tr:first-child > *:last-child,
.widget > .datatable-wrapper > .widget-footer:last-child {
-webkit-border-top-right-radius: 0px;
border-top-right-radius: 0px;
-moz-border-radius-topright: 0px;
}
.widget > .boo-table thead tr:last-child > *:last-child,
.widget > .datatable-wrapper > .boo-table,
.widget > .datatable-wrapper > .table-bordered,
.widget > .datatable-wrapper > .table-bordered tr:last-child > *:last-child,
.widget > .datatable-wrapper > .widget-header:first-child,
.widget > .datatable-wrapper > .row-fluid:first-child > .table-tool,
.widget > .datatable-wrapper .boo-table thead:last-child tr:last-child > *:last-child {
-webkit-border-bottom-right-radius: 0px;
border-bottom-right-radius: 0px;
-moz-border-radius-bottomright: 0px;
}
.widget > .boo-table thead tr:last-child > *:first-child,
.widget > .datatable-wrapper > .boo-table,
.widget > .datatable-wrapper > .table-bordered,
.widget > .datatable-wrapper > .table-bordered tr:last-child > *:first-child,
.widget > .datatable-wrapper > .widget-header:first-child,
.widget > .datatable-wrapper > .row-fluid:first-child > .table-tool,
.widget > .datatable-wrapper .boo-table thead:last-child tr:last-child > *:first-child {
-webkit-border-bottom-left-radius: 0px;
border-bottom-left-radius: 0px;
-moz-border-radius-bottomleft: 0px;
}
*/
/* SPRITES
---------------------------------------------------------------------------- */
[class^="icon-"], [class*=" icon-"] {
background-image: url("../img/glyphicons-halflings.png");
}
/* ARROW ICON
---------------------------------------------------------------------------- */
[class^="arrowicon-"] {
display: inline-block;
width: 16px;
height: 16px;
line-height: 16px;
vertical-align: text-top;
background-image: url('../img/icon/arrows/arrows.png');
background-position: 16px 16px;
background-repeat: no-repeat;
*margin-right: .3em;
}
[class^="arrowicon-"]:last-child,
[class^=" arrowicon-"]:last-child {
*margin-left: 0;
}
.arrowicon-l-black {
background-position: 0px 0px;
}
.arrowicon-r-black {
background-position: 0px -18px;
}
.arrowicon-l-grey {
background-position: 0px -36px;
}
.arrowicon-r-grey {
background-position: 0px -54px;
}
.arrowicon-l-transp {
background-position: 0px -72px;
}
.arrowicon-r-transp {
background-position: 0px -90px;
}
.arrowicon-l-blue {
background-position: 0px -108px;
}
.arrowicon-r-blue {
background-position: 0px -126px;
}
.arrowicon-d-black {
background-position: 0px -144px;
}
.arrowicon-t-black {
background-position: 0px -162px;
}
.arrowicon-d-grey {
background-position: 0px -180px;
}
.arrowicon-t-grey {
background-position: 0px -198px;
}
.arrowicon-d-transp {
background-position: 0px -216px;
}
.arrowicon-t-transp {
background-position: 0px -234px;
}
.arrowicon-d-blue {
background-position: 0px -252px;
}
.arrowicon-t-blue {
background-position: 0px -270px;
}
/* DROPDOWNS
---------------------------------------------------------------------------- */
.dropdown-menu {
font-size: 13px;
z-index: 1100;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
color: #ffffff;
text-decoration: none;
background-color: #0081c2;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
background-image: -o-linear-gradient(top, #0088cc, #0077b3);
background-image: linear-gradient(to bottom, #0088cc, #0077b3);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
color: #ffffff;
text-decoration: none;
background-color: #0081c2;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
background-image: -o-linear-gradient(top, #0088cc, #0077b3);
background-image: linear-gradient(to bottom, #0088cc, #0077b3);
background-repeat: repeat-x;
outline: 0;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}
.typeahead {
margin-top: 2px;
font-size: 12px
}
.typeahead.dropdown-menu li > a strong {
color: #981E1E;
}
.typeahead.dropdown-menu li > a:hover,
.typeahead.dropdown-menu li > a:focus,
.typeahead.dropdown-menu .active > a,
.typeahead.dropdown-menu .active > a:hover {
color: #ffffff;
text-decoration: none;
background-color: #0081c2;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
background-image: -o-linear-gradient(top, #0088cc, #0077b3);
background-image: linear-gradient(to bottom, #0088cc, #0077b3);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}
.typeahead.dropdown-menu li > a:hover strong,
.typeahead.dropdown-menu li > a:focus strong,
.typeahead.dropdown-menu .active > a strong,
.typeahead.dropdown-menu .active > a:hover strong {
color: #EB5656;
}
/* WELLS
---------------------------------------------------------------------------- */
.well {
color: #333;
background-color: #f6f7fe;
border-color: #dddddd;
border-color: rgba(0, 0, 0, 0.1);
}
.well-nice {
border-color: #fff;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.30);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.30);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.30);
}
.well-black {
color: #eeeeee;
background: #369;
border-color: #3e4144;
}
.well-wrapp {
padding: 0px;
background-color: transparent;
border-color: #dddddd;
border-color: rgba(0, 0, 0, 0.07);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.133);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.133);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.133);
}
.well-wrapp.inverse {
border-color: #ffffff;
border-color: rgba(255, 255, 255, 0.5);
}
.well-box {
padding: 0;
}
.well-impressed {
border-color: #cbccd0;
-webkit-box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.05), inset 0 1px 1px rgba(0, 0, 0, 0.05), inset 1px 0 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 1);
-moz-box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.05), inset 0 1px 1px rgba(0, 0, 0, 0.05), inset 1px 0 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 1);
box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.05), inset 0 1px 1px rgba(0, 0, 0, 0.05), inset 1px 0 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 1);
}
/*
.well-black a {
color: #a4c7d5;
}
*/
/* For well content -------- */
.well-content {
margin: 0 -19px;
border-top: 1px solid #fff;
}
.well .well-nice {
border-color: #f5f6f9;
}
.well-black.well-impressed {
border: none;
-webkit-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.7), inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 1);
-moz-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.7), inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 1);
box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.7), inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 1);
}
.well .well:before,
.well .well:after {
display: table;
content: "";
}
.well .well:after {
clear: both;
}
.well-nice .well-nice {
border-color: #e9ebf2;
background-color: #edeef5;
box-shadow: none;
}
.well-nice .well-nice.well-impressed {
border-color: #ffffff;
background-color: #edeef5;
-webkit-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.1), inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 1px 0 2px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 1);
-moz-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.1), inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 1px 0 2px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 1);
box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.1), inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 1px 0 2px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 1);
}
.well-black .well-black {
border-color: #2e3134;
background-color: #369;
box-shadow: none;
}
.well-black .well-nice {
border: none;
}
.well-black .well-black.well-impressed {
border: none;
-webkit-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.1), inset 0 1px 1px rgba(0, 0, 0, 0.07), inset 1px 0 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 1);
-moz-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.1), inset 0 1px 1px rgba(0, 0, 0, 0.07), inset 1px 0 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 1);
box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.4), inset 0 1px 1px rgba(0, 0, 0, 0.15), inset 1px 0 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.15);
}
.well-black h1,
.well-black h2,
.well-black h3,
.well-black h4,
.well-black h5,
.well-black h6,
h1.well-black,
h2.well-black,
h3.well-black,
h4.well-black,
h5.well-black,
h6.well-black {
color: #e6e8eb;
text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.8);
}
.well-black .well-nice h1,
.well-black .well-nice h2,
.well-black .well-nice h3,
.well-black .well-nice h4,
.well-black .well-nice h5,
.well-black .well-nice h6 {
color: #333;
text-shadow: 0px 1px 0 rgba(255, 255, 255, 1);
}
.well-mini {
padding: 5px;
min-height: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.well-mini.well-impressed {
border-color: #cbccd0;
-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.05), inset 0 1px 1px rgba(0, 0, 0, 0.05), inset 1px 0 2px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 1);
-moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.05), inset 0 1px 1px rgba(0, 0, 0, 0.05), inset 1px 0 2px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 1);
box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.05), inset 0 1px 1px rgba(0, 0, 0, 0.05), inset 1px 0 2px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 1);
}
.well .simple-header:first-child {
margin-top: -10px;
}
.well-small .simple-header:first-child {
margin-top: 0px;
}
.well-box .simple-header:first-child {
margin-top: 10px;
}
.well-black .simple-header {
border-bottom-color: #222;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
-o-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
}
ul li a.well,
ol li a.well {
display: block;
}
/* COMPONENT ANIMATIONS
---------------------------------------------------------------------------- */
/* CLOSE
---------------------------------------------------------------------------- */
/* BUTTONS
---------------------------------------------------------------------------- */
.btn {
font-size: 12px;
font-weight: bold;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.btn:focus {
outline: 0;
}
.btn-large {
padding: 9px 14px;
font-size: 16px;
line-height: normal;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.btn-small {
padding: 3px 9px;
font-size: 12px;
line-height: 18px;
}
.btn-mini {
padding: 2px 6px;
font-size: 11px;
line-height: 17px;
}
.btn-link,
.btn-link:active,
.btn-link[disabled] {
background-color: transparent;
background-image: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.btn-glyph {
cursor: pointer;
padding: 5px 4px 3px;
}
.btn-glyph,
.btn-glyph:hover,
.btn-glyph:active {
color: #333;
}
.btn-glyph,
.btn-glyph:hover,
.btn-glyph:active,
.btn-glyph[disabled] {
text-decoration: none;
}
.btn.btn-glyph {
padding-right: 8px;
padding-left: 8px;
}
.btn-mini.btn-glyph {
padding-right: 2px 6px;
}
.btn-small.btn-glyph {
padding: 3px 7px;
}
.btn-large.btn-glyph {
padding: 9px 12px;
}
.btn-glyph[class^="fontello-icon-"]:before,
.btn-glyph[class*=" fontello-icon-"]:before,
.btn-glyph[class^="aweso-icon-"]:before,
.btn-glyph[class*=" aweso-icon-"]:before,
.btn-glyph [class^="fontello-icon-"]:before,
.btn-glyph [class*=" fontello-icon-"]:before,
.btn-glyph [class^="aweso-icon-"]:before,
.btn-glyph [class*=" aweso-icon-"]:before {
margin-right: 0;
font-size: 1.2em;
}
.btn-mini[class^="fontello-icon-"]:before,
.btn-mini[class*=" fontello-icon-"]:before,
.btn-mini[class^="aweso-icon-"]:before,
.btn-mini[class*=" aweso-icon-"]:before,
.btn-mini [class^="fontello-icon-"]:before,
.btn-mini [class*=" fontello-icon-"]:before,
.btn-mini [class^="aweso-icon-"]:before,
.btn-mini [class*=" aweso-icon-"]:before,
.btn-small[class^="fontello-icon-"]:before,
.btn-small[class*=" fontello-icon-"]:before,
.btn-small[class^="aweso-icon-"]:before,
.btn-small[class*=" aweso-icon-"]:before,
.btn-small [class^="fontello-icon-"]:before,
.btn-small [class*=" fontello-icon-"]:before,
.btn-small [class^="aweso-icon-"]:before,
.btn-small [class*=" aweso-icon-"]:before,
.btn-large[class^="fontello-icon-"]:before,
.btn-large[class*=" fontello-icon-"]:before,
.btn-large[class^="aweso-icon-"]:before,
.btn-large[class*=" aweso-icon-"]:before,
.btn-large [class^="fontello-icon-"]:before,
.btn-large [class*=" fontello-icon-"]:before,
.btn-large [class^="aweso-icon-"]:before,
.btn-large [class*=" aweso-icon-"]:before {
font-size: 1.1em;
}
.btn-well {
color: #878a92 !important;
background-color: #f6f7fe;
background-image: none;
border-color: #fff;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.30);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.30);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.30);
text-shadow: 0px 1px 0 rgba(255, 255, 255, 1);
}
.itext,
.futon {
display: inline-block;
*display: inline;
line-height: 20px;
cursor: pointer;
background: none;
border: none;
box-shadow: none;
text-align: center;
text-shadow: 0px 1px 0 rgba(255, 255, 255, .75);
vertical-align: middle;
*zoom: 1;
}
.itext {
padding: 3px 3px;
margin-bottom: 0;
*margin-left: .3em;
font-size: 13px;
color: #333333;
}
.futon {
padding: 4px 6px 6px;
margin-bottom: 0;
*margin-left: .3em;
font-size: 12px;
font-weight: normal;
}
.btn-toolbar .futon:hover {
background-color: #d3d5da;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 -1px 0 rgba(255, 255, 255, 0.4);
-moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 -1px 0 rgba(255, 255, 255, 0.4);
box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 -1px 0 rgba(255, 255, 255, 0.4);
}
.futon [class*=" fugue-uicon-"],
.futon [class^="fugue-uicon-"] {
margin-top: -1px;
*margin-top: -2px;
}
/* BUTTON GROUPS
---------------------------------------------------------------------------- */
.btn-group > .btn,
.btn-group > .dropdown-menu {
font-size: 12px;
}
.btn-group > .btn-large {
font-size: 16px;
}
.btn-group > .btn-small {
font-size: 12px;
}
.btn-group > .btn-mini {
font-size: 11px;
}
.btn-group > .btn:first-child {
-webkit-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
border-top-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-topleft: 3px;
}
.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle {
-webkit-border-top-right-radius: 3px;
border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
}
.btn-group > .btn-large:first-child {
margin-left: 0;
-webkit-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
-webkit-border-top-left-radius: 5px;
border-top-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-topleft: 5px;
}
.btn-group > .btn-large:last-child,
.btn-group > .btn-large.dropdown-toggle {
-webkit-border-top-right-radius: 5px;
border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
}
.btn-broken i {
display: block;
}
.btn-mini .caret {
margin-top: 6px;
}
.btn-small .caret {
margin-top: 7px;
}
.btn-large .caret {
margin-top: 8px;
}
.btn-group.open .btn-boo.dropdown-toggle {
background-color: #cbd0da;
}
.btn-group.open .btn-blue.dropdown-toggle {
background-color: #006bb7;
}
.btn-group.open .btn-turgu.dropdown-toggle {
background-color: #1080a2;
}
.btn-group.open .btn-green.dropdown-toggle {
background-color: #3b9b28;
}
.btn-group.open .btn-yellow.dropdown-toggle {
background-color: #d6b200;
}
.btn-group.open .btn-red.dropdown-toggle {
background-color: #981e1e;
}
.btn-group.open .btn-black.dropdown-toggle {
background-color: #141414;
}
.btn-group.open .btn-navi.dropdown-toggle {
background-color: #353839;
}
.btn-group.open .btn-sky.dropdown-toggle {
background-color: #3594E9;
}
.btn-group.open .btn-orange.dropdown-toggle {
background-color: #d07107;
}
.btn-group.open .btn-slategray.dropdown-toggle {
background-color: #3b5b6c;
}
.btn-group.open .btn-redlight.dropdown-toggle {
background-color: #a80005;
}
.btn-blue .caret,
.btn-turgu .caret,
.btn-green .caret,
.btn-red .caret,
.btn-black .caret,
.btn-navi .caret,
.btn-sky .caret,
.btn-orange .caret,
.btn-slategray .caret,
.btn-redlight .caret {
border-top-color: #ffffff;
border-bottom-color: #ffffff;
}
.btn-group-vertical {
display: inline-block;
*display: inline;
*zoom: 1;
}
.btn-group-vertical .btn {
display: block;
float: none;
width: 100%;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.btn-group-vertical .btn + .btn {
margin-top: -1px;
margin-left: 0;
}
.btn-group-vertical .btn:first-child {
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
}
.btn-group-vertical .btn:last-child {
-webkit-border-radius: 0 0 3px 3px;
-moz-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
}
.btn-group-vertical .btn-large:first-child {
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
.btn-group-vertical .btn-large:last-child {
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}
/* selectpicker css */
.bootstrap-select.btn-group,
.bootstrap-select.btn-group[class*="span"] {
float: none;
display: inline-block;
margin-left: 0;
}
/*
.bootstrap-select {
width: auto;
}
*/
.bootstrap-select .btn {
width: 100%;
}
.bootstrap-select .btn:focus {
outline: thin dotted #333333 !important;
outline: 5px auto -webkit-focus-ring-color !important;
outline-offset: -2px;
}
.bootstrap-select.btn-group .btn .filter-option {
overflow: hidden;
text-align: left;
margin-right: 12px;
}
.bootstrap-select.btn-group .btn .caret {
position: absolute;
right: 10px;
}
.bootstrap-select.btn-group .disabled {
cursor: not-allowed;
}
.bootstrap-select.btn-group[class*="span"] .btn {
width: 100%;
}
.bootstrap-select.btn-group .dropdown-menu {
min-width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.bootstrap-select.btn-group .dropdown-menu ul {
margin: 0;
list-style: none;
}
/* btn-toolbar */
ul.btn-toolbar {
margin-left: 0;
margin-top: 8px;
margin-bottom: 8px;
list-style: none;
}
ul.btn-toolbar > li {
display: block;
float: left;
padding-right: 2px;
padding-left: 2px;
margin: 2px 0;
list-style: none;
}
ul.btn-toolbar > li.divider-vertical {
height: 30px;
padding: 0;
margin: 0 6px;
border-right: 1px solid #fff;
border-left: 1px solid #bbb;
}
.navbar ul.btn-toolbar > li.divider-vertical {
height: 40px;
}
ul.btn-toolbar > li.divider-vertical.small,
.header-small ul.btn-toolbar > li.divider-vertical {
height: 26px;
}
.btn-toolbar:before,
.btn-toolbar:after {
display: table;
content: "";
}
.btn-toolbar:after {
clear: both;
}
ul.toolbar-inline > li {
display: inline-block;
float: none;
padding-right: 2px;
padding-left: 2px;
margin: 2px 0;
list-style: none;
vertical-align: top;
z-index: 1;
*display: inline;
}
/* ALERTS
---------------------------------------------------------------------------- */
.alert-content {
margin: 0;
border-top: none;
border-left: none;
border-right: none;
border-radius: 0;
}
.modal-body .alert {
margin: -16px -15px 10px -15px;
border-radius: 0;
}
/* NAVS
---------------------------------------------------------------------------- */
.nav > li > .btn-toolbar {
margin-top: 5px;
margin-bottom: 2px;
}
.nav-inline,
.nav-center {
position: relative;
font-size: 0;
margin-bottom: 15px;
}
.nav-inline li {
float: left;
}
.nav-inline > li,
.nav-center > li {
font-size: 14px;
display: inline-block;
*display: inline;
margin: 0 5px;
*zoom: 1;
}
.nav-inline li:first-child,
.nav-center li:first-child {
margin-left: 0
}
.nav-center {
text-align: center;
}
.nav-inline > li.divider-vertical,
.nav-center > li.divider-vertical {
width: 1px;
height: 14px;
}
.nav-inline > li.divider-vertical.line,
.nav-center > li.divider-vertical.line {
border-left: 1px solid #bbb;
-webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 1);
-moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 1);
box-shadow: inset 1px 0 0 rgba(255, 255, 255, 1);
}
.nav-inline > li > a.link,
.nav-center > li > a.link {
display: block;
float:none;
padding: 5px 8px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.nav-inline > .active > a.link,
.nav-center > .active > a.link {
color: #333;
text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.8);
}
.nav-well > li {
margin-bottom: 5px;
}
.nav-well > li > .well {
padding: 9px;
margin-bottom: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.nav-well > li > .well:hover {
color: #3399ff;
}
.nav-well > li > .well-black:hover {
color: #99ccff;
background-color: #2d3032;
}
/* sidebar nav */
.nav .chevron {
float: right;
}
.nav-right .chevron {
float: left;
}
.nav-right .item-icon {
float: right;
}
/* TABS
---------------------------------------------------------------------------- */
.nav-tabs > li > a,
.nav-pills > li > a {
font-size: 12px;
font-weight: bold;
outline: none;
}
.nav-tabs {
border-bottom-color: #babecc;
}
.nav-tabs > li > a:hover {
border-color: #eee #eee #babecc;
}
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover {
background-color: #f5f5f5;
border: 1px solid #babecc;
border-bottom-color: transparent;
}
.nav-tabs > li.disabled > a {
color: #aaaaaa;
cursor: not-allowed;
}
.nav-pills > li > a {
margin-top: 3px;
margin-bottom: 2px;
border: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-shadow: 0px 1px 0 rgba(255, 255, 255, 1);
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover {
color: #333;
background-color: #e3e4e8;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.35), 0 1px 0 rgba(255, 255, 255, 0.8);;
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.35), 0 1px 0 rgba(255, 255, 255, 0.8);;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.35), 0 1px 0 rgba(255, 255, 255, 0.8);
text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.8);
}
.nav-small > li > a {
padding: 4px 8px 3px;
}
.nav-small > li.active > a {
padding: 4px 8px 3px;
}
.nav-tabs .dropdown-menu {
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}
.nav-pills .dropdown-menu {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav > li.dropdown.open.active > a,
.nav > li.dropdown.open.active > a:hover {
color: #333;
background-color: #e3e4e8;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.35), 0 1px 0 rgba(255, 255, 255, 0.8);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.35), 0 1px 0 rgba(255, 255, 255, 0.8);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.35), 0 1px 0 rgba(255, 255, 255, 0.8);
text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.8);
}
.nav li.dropdown.open .caret,
.nav li.dropdown.open.active .caret,
.nav li.dropdown.open a:hover .caret {
border-top-color: #333333;
border-bottom-color: #333333;
opacity: 1;
filter: alpha(opacity=100);
}
.tabbable {
border-color: #babecc;
border-style: solid;
border-width: 0;
*zoom: 1;
}
.tabbable > .nav-tabs {
margin: 0;
}
.tab-content {
border-color: #babecc;
border-style: solid;
border-width: 0;
overflow: auto;
padding: 18px 0 0 0;
}
.tab-content-visible {
overflow: visible;
}
.tabbable-bordered {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.tabbable-bordered > .tab-content {
background-color: #f5f5f5;
border-width: 0 1px 1px 1px;
padding: 18px 18px 9px 18px;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}
/* Tabs Bottom
---------------------------------------- */
.tabs-below > .nav-tabs {
border-top-color: #babecc;
}
.tabs-below > .nav-tabs > li > a:hover {
border-top-color: #babecc;
border-bottom-color: transparent;
}
.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover {
border-color: transparent #babecc #babecc #babecc;
}
.tabs-below > .tab-content {
padding: 0 0 9px 0;
}
.tabs-below.tabbable-bordered > .tab-content {
padding: 18px 18px 9px 18px;
border-width: 1px 1px 0 1px;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}
/* Tabs Left & Right
---------------------------------------- */
.tabs-left,
.tabs-right {
margin-bottom: 20px;
}
.tabs-left > .nav-tabs,
.tabs-right > .nav-tabs {
position: relative;
margin-bottom: 0;
z-index: 1;
}
.tabs-left > .tab-content,
.tabs-right > .tab-content {
overflow: hidden;
}
/* Tabs Left
---------------------------------------- */
.tabs-left > .nav-tabs {
border-right-color: #babecc;
left: 1px;
}
.tabs-left > .nav-tabs > li > a:hover {
border-color: #eee #babecc #eee #eee;
}
.tabs-left > .nav-tabs > .active > a,
.tabs-left > .nav-tabs > .active > a:hover {
border-color: #babecc transparent #babecc #babecc;
*border-right-color: #ffffff;
}
.tabs-left > .tab-content {
border-left-width: 1px;
padding: 0 0 0 18px;
}
.tabs-left.tabbable-bordered {
border-width: 0 1px 0 0;
}
.tabs-left.tabbable-bordered > .tab-content {
border-width: 1px 0 1px 1px;
padding: 18px 18px 9px 18px;
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
}
/* Tabs Right
---------------------------------------- */
.tabs-right > .nav-tabs {
border-left-color: #babecc;
right: 1px;
}
.tabs-right > .nav-tabs > li > a:hover {
border-color: #eee #eee #eee #babecc;
}
.tabs-right > .nav-tabs > .active > a,
.tabs-right > .nav-tabs > .active > a:hover {
border-color: #babecc #babecc #babecc transparent;
*border-left-color: #ffffff;
}
.tabs-right > .tab-content {
border-right-width: 1px;
padding: 0 19px 0 0;
}
.tabs-right.tabbable-bordered {
border-width: 0 0 0 1px;
}
.tabs-right.tabbable-bordered > .tab-content {
border-width: 1px 1px 1px 0;
padding: 20px 20px 10px 20px;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
}
/* TABS IN BOX
---------------------------------------- */
.widget-box .tabbable {
margin-bottom: 0;
}
.widget-box .tabbable > .tab-content {
background-color: #fcfcfc;
}
.widget-box .nav-tabs > .active > a,
.widget-box .nav-tabs > .active > a:hover {
background-color: #fcfcfc;
}
.widget-box .box-header + .tabbable {
border-top: 1px solid #babecc;
}
/* Tabs Top in Box
---------------------------------------- */
.widget-box .tabs-top > .nav-tabs > li > a {
border-top: none;
}
.widget-box .tabs-top > .nav-tabs > li > a:hover {
border-color: #eee #eee #babecc #eee;
}
.widget-box .tabs-top > .nav-tabs > .active > a,
.widget-box .tabs-top > .nav-tabs > .active > a:hover {
border-color: #babecc #babecc transparent #babecc;
}
.widget-box .tabs-top > .nav-tabs > li:first-child > a {
border-left: none;
}
.widget-box .tabs-top > .tab-content {
padding: 9px 18px 9px 18px;
-webkit-box-shadow: 0 -5px 8px -3px rgba(0, 0, 0, 0.10);
-moz-box-shadow: 0 -5px 8px -3px rgba(0, 0, 0, 0.10);
box-shadow: 0 -5px 8px -3px rgba(0, 0, 0, 0.10);
}
/* Tabs Bottom in Box
---------------------------------------- */
.widget-box.tabs-below > .nav-tabs {
margin-bottom: 0;
}
.widget-box .tabs-below > .nav-tabs > li > a {
border-bottom: none;
}
.widget-box .tabs-below > .nav-tabs > li > a:hover {
border-color: #babecc #eee #eee #eee;
}
.widget-box.tabs-below > .nav-tabs > .active > a,
.widget-box.tabs-below > .nav-tabs > .active > a:hover {
border-color: transparent #babecc #babecc #babecc;
border-bottom: none;
}
.widget-box .tabs-below > .nav-tabs > li:first-child > a {
border-left: none;
}
.widget-box .tabs-below > .tab-content {
padding: 9px 18px 9px 18px;
-webkit-box-shadow: 0 5px 8px -3px rgba(0, 0, 0, 0.10);
-moz-box-shadow: 0 5px 8px -3px rgba(0, 0, 0, 0.10);
box-shadow: 0 5px 8px -3px rgba(0, 0, 0, 0.10);
}
/* Tabs Left & Right in Box
---------------------------------------- */
.widget-box .tabs-left > .nav-tabs > li > a,
.widget-box .tabs-right > .nav-tabs > li > a {
margin-bottom: 1px;
}
/* Tabs Left in Box
---------------------------------------- */
.widget-box .tabs-left > .nav-tabs > li > a {
border-left: none;
margin-left: -1px;
}
.widget-box .tabs-left > .nav-tabs > li:first-child > a {
border-top: none;
}
.widget-box.tabs-left > .nav-tabs > li > a:hover {
border-color: #eee #babecc #eee #eee;
}
.widget-box.tabs-left > .nav-tabs .active > a,
.widget-box.tabs-left > .nav-tabs .active > a:hover {
border-color: #babecc transparent #babecc #babecc;
*border-right-color: #fcfcfc;
}
.widget-box .tabs-left > .tab-content {
padding: 9px 18px 9px 18px;
-webkit-box-shadow: -5px 0px 8px -3px rgba(0, 0, 0, 0.10);
-moz-box-shadow: -5px 0px 8px -3px rgba(0, 0, 0, 0.10);
box-shadow: -5px 0px 8px -3px rgba(0, 0, 0, 0.10);
}
/* Tabs Right in Box
---------------------------------------- */
.widget-box .tabs-right > .nav-tabs > li > a {
border-right: none;
margin-right: -1px;
}
.widget-box .tabs-right > .nav-tabs > li:first-child > a {
border-top: none;
}
.widget-box.tabs-right > .nav-tabs > li > a:hover {
border-color: #eee #eee #eee #babecc;
}
.widget-box.tabs-right > .nav-tabs .active > a,
.widget-box.tabs-right > .nav-tabs .active > a:hover {
border-color: #babecc #babecc #babecc transparent;
*border-left-color: #fcfcfc;
}
.widget-box .tabs-right > .tab-content {
padding: 9px 18px 9px 18px;
-webkit-box-shadow: 5px 0px 8px -3px rgba(0, 0, 0, 0.10);
-moz-box-shadow: 5px 0px 8px -3px rgba(0, 0, 0, 0.10);
box-shadow: 5px 0px 8px -3px rgba(0, 0, 0, 0.10);
}
.well .tabs-left,
.well .tabs-right {
margin-bottom: 0;
}
/* TABS IN BOX COLORING
---------------------------------------- */
/* Blue
---------------------------------------- */
.tabbable.bg-blue {
background-color: #d4e6f9;
}
.tabbable.bg-blue .tab-content {
background-color: #f4f9fd;
}
.tabbable.bg-blue .nav-tabs > .active > a,
.tabbable.bg-blue .nav-tabs > .active > a:hover {
background-color: #f4f9fd;
}
/* Green
---------------------------------------- */
.tabbable.bg-green {
background-color: #d1eed0;
}
.tabbable.bg-green .tab-content {
background-color: #f3fbf3;
}
.tabbable.bg-green .nav-tabs > .active > a,
.tabbable.bg-green .nav-tabs > .active > a:hover {
background-color: #f3fbf3;
}
/* Grey
---------------------------------------- */
.tabbable.bg-grey {
background-color: #e2e4e8;
}
.tabbable.bg-grey .tab-content {
background-color: #f1f3f7;
}
.tabbable.bg-grey .nav-tabs > .active > a,
.tabbable.bg-grey .nav-tabs > .active > a:hover {
background-color: #f1f3f7;
}
/* Yellow
---------------------------------------- */
.tabbable.bg-yellow {
background-color: #fdf7d5;
}
.tabbable.bg-yellow .tab-content {
background-color: #fefdf4;
}
.tabbable.bg-yellow .nav-tabs > .active > a,
.tabbable.bg-yellow .nav-tabs > .active > a:hover {
background-color: #fefdf4;
}
/*** TABS IN BOX RADIUS
---------------------------------------- */
.widget-box .nav-tabs > li > a {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.widget-box .tab-content:first-child,
.widget-box > .tabs-right > .tab-content,
.widget-box > .tabs-top .nav-tabs > li:first-child > a,
.widget-box > .tabs-left .nav-tabs > li:first-child > a {
-webkit-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
}
.widget-box .tab-content:first-child,
.widget-box > .tabs-left > .tab-content,
.widget-box > .tabs-right .nav-tabs > li:first-child > a {
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
}
.widget-box .tab-content:last-child {
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
}
.widget-box .tab-content:last-child,
.widget-box > .tabs-below .nav-tabs > li:first-child > a {
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
}
.widget-box .box-header + .tabbable > .tab-content,
.widget-box .box-header + .tabs-left .nav-tabs > li:first-child > a {
-webkit-border-top-left-radius: 0;
border-top-left-radius: 0;
-moz-border-radius-topleft: 0;
}
.widget-box .box-header + .tabbable > .tab-content,
.widget-box .box-header + .tabs-right .nav-tabs > li:first-child > a {
-webkit-border-top-right-radius: 0;
border-top-right-radius: 0;
-moz-border-radius-topright: 0;
}
.widget-box .tabs-right > .tab-content {
-webkit-border-bottom-right-radius: 0;
border-bottom-right-radius: 0;
-moz-border-radius-bottomright: 0;
}
.widget-box .tabs-left > .tab-content {
-webkit-border-bottom-left-radius: 0;
border-bottom-left-radius: 0;
-moz-border-radius-bottomleft: 0;
}
/* NAVBAR
---------------------------------------------------------------------------- */
.navbar {
font-weight: bold;
font-size: 13px;
}
.navbar-inner {
min-height: 40px;
padding-right: 20px;
padding-left: 20px;
background-color: #fafafa;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f1f2fa));
background-image: -webkit-linear-gradient(top, #ffffff, #f1f2fa);
background-image: -moz-linear-gradient(top, #ffffff, #f1f2fa);
background-image: -o-linear-gradient(top, #ffffff, #f1f2fa);
background-image: linear-gradient(to bottom, #ffffff, #f1f2fa);
background-repeat: repeat-x;
border: 1px solid #C8CCCE;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff1f2fa', GradientType=0);
*zoom: 1;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.065);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.065);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.065);
}
.navbar .brand {
padding: 5px 20px;
}
.navbar-inner .title {
float: left;
margin: 0 0 0 -15px;
padding: 9px 15px 9px;
font-size: 18px
}
.navbar-fixed-top,
.navbar-fixed-bottom {
position: relative;
margin-bottom: 0;
}
.navbar .btn-navbar {
padding: 8px 10px 7px;
margin-top: 4px;
border-color: #e5e5e5 #e5e5e5 #bfbfbf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 -1px 0 rgba(255, 255, 255, 0.15), 0 1px 0 rgba(255, 255, 255, 0.2);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 -1px 0 rgba(255, 255, 255, 0.15), 0 1px 0 rgba(255, 255, 255, 0.2);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 -1px 0 rgba(255, 255, 255, 0.15), 0 1px 0 rgba(255, 255, 255, 0.2);
}
.navbar-page {
margin-top: -1px;
margin-right: -20px;
margin-left: -20px;
}
.navbar-page .btn-navbar {
padding: 7px 10px 8px;
margin-top: 4px;
border: none;
background-color: transparent;
*background-color: #e5e5e5;
background-image: none;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 -1px 0 rgba(255, 255, 255, 0.15), 0 1px 0 rgba(255, 255, 255, 0.2);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 -1px 0 rgba(255, 255, 255, 0.15), 0 1px 0 rgba(255, 255, 255, 0.2);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 -1px 0 rgba(255, 255, 255, 0.15), 0 1px 0 rgba(255, 255, 255, 0.2);
}
.navbar .btn-navbar .icon-bar {
background-color: #D6B200;
}
.navbar-page .btn-navbar .icon-bar {
background-color: #a1a1a1;
}
.btn-navbar .icon-bar + .icon-bar {
margin-top: 3px;
}
.navbar-page .navbar-inner {
min-height: 46px;
border-radius: 0;
}
.navbar-page .divider-vertical {
border-left: 1px solid #e1e1e1;
border-right: 1px solid #FFFFFF;
height: 45px;
margin: 0 9px;
}
.navbar-page .nav > li > a {
color: #666;
padding: 13px 15px;
}
.navbar-page .nav > li > a:focus,
.navbar-page .nav > li > a:hover {
color: #3399FF;
text-decoration: none;
background-color: transparent;
}
.navbar-page .nav > .active > a,
.navbar-page .nav > .active > a:hover,
.navbar-page .nav > .active > a:focus {
color: #3399FF;
text-decoration: none;
background-color: #f4f5fb;
/*background-color: transparent;*/
-webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125), inset 2px 0 1px -1px rgba(0, 0, 0, 0.155), inset -2px 0 1px -1px rgba(0, 0, 0, 0.155), inset 0 -1px 0 rgba(255, 255, 255, 1), inset 0 1px 0 rgba(255, 255, 255, 0.6);
-moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125), inset 2px 0 1px -1px rgba(0, 0, 0, 0.155), inset -2px 0 1px -1px rgba(0, 0, 0, 0.155), inset 0 -1px 0 rgba(255, 255, 255, 1), inset 0 1px 0 rgba(255, 255, 255, 0.6);
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125), inset 2px 0 1px -1px rgba(0, 0, 0, 0.155), inset -2px 0 1px -1px rgba(0, 0, 0, 0.155), inset 0 -1px 0 rgba(255, 255, 255, 1), inset 0 1px 0 rgba(255, 255, 255, 0.6);
}
.navbar-page .btn,
.navbar-page .btn-group,
.navbar-page .navbar-form input,
.navbar-page .navbar-form select,
.navbar-page .navbar-form .radio,
.navbar-page .navbar-form .checkbox,
.navbar-page .navbar-form .input-append,
.navbar-page .navbar-form .input-prepend,
.navbar-page .navbar-search {
margin-top: 8px;
}
.navbar-page .pagination {
margin-top: 8px;
margin-bottom: 0;
}
.navbar-page .navbar-form input[type="image"],
.navbar-page .navbar-form input[type="checkbox"],
.navbar-page .navbar-form input[type="radio"] {
margin-top: 3px;
}
.navbar-page .navbar-form .input-append input,
.navbar-page .navbar-form .input-prepend input {
margin-top: 0;
}
.navbar-page .navbar-form .input-append .btn,
.navbar-page .navbar-form .input-prepend .btn,
.navbar-page .navbar-form .input-append .btn-group,
.navbar-page .navbar-form .input-prepend .btn-group {
margin-top: 0;
}
.navbar-page label {
margin-top: 10px;
display: inline-block;
vertical-align: middle;
}
.navbar .btn-toolbar {
margin-top: 0;
margin-bottom: 0;
}
.navbar-inverse .navbar-inner {
background-color: #336699;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#336699), to(#048ca8));
background-image: -webkit-linear-gradient(top, #336699, #048ca8);
background-image: -moz-linear-gradient(top, #336699, #048ca8);
background-image: -o-linear-gradient(top, #336699, #048ca8);
background-image: linear-gradient(to bottom, #336699, #048ca8);
background-repeat: repeat-x;
border-color: #ccc;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff33393E', endColorstr='#ff1C1F21', GradientType=0);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.navbar-inverse .brand,
.navbar-inverse .title,
.navbar-inverse .nav > li > a {
color: #fcd76b;
text-shadow: 0 -1px 0 rgba(2, 138, 76, 0.90);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.navbar-inverse .nav .active > a,
.navbar-inverse .nav .active > a:hover,
.navbar-inverse .nav .active > a:focus {
color: #fff;
background-color: #304198;
}
.navbar-inverse .btn-navbar {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #304198;
*background-color: #304198;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#369), to(#048ca8));
background-image: -webkit-linear-gradient(top, #369, #048ca8);
background-image: -moz-linear-gradient(top, #369, #048ca8);
background-image: -o-linear-gradient(top, #369, #048ca8);
background-image: linear-gradient(to bottom, #369, #048ca8);
background-repeat: repeat-x;
border-color: #040404 #040404 #000000;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.navbar-inverse .btn-navbar:hover,
.navbar-inverse .btn-navbar:active,
.navbar-inverse .btn-navbar.active,
.navbar-inverse .btn-navbar.disabled,
.navbar-inverse .btn-navbar[disabled] {
color: #ffffff;
background-color: #369;
*background-color: #048ca8;
}
.navbar-inverse .btn-navbar:active,
.navbar-inverse .btn-navbar.active {
background-color: #369 \9;
}
.well-box .navbar {
margin-bottom: 0;
}
.well-box .navbar-inner {
padding-right: 15px;
padding-left: 15px;
border: none;
border-bottom: 1px solid #d1d2d5;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 1);
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 1);
box-shadow: 0 1px 0 rgba(255, 255, 255, 1);
}
.well-box.well-black .navbar-inner {
border-bottom: 1px solid #222222;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
}
.well-box.well-black .navbar-inner .title,
.well-box .navbar-inverse .navbar-inner .title {
color: #fcd76b;
}
.well-box .section-content {
padding: 16px;
border-top: 1px solid #ffffff;
}
.well-box .section-content.item {
border-bottom: 1px solid #d1d2d5;
}
.well-box .section-content.footer {
padding: 6px 16px;
min-height: 20px;
}
.well-box .section-content-table {
padding: 0;
border-top: 1px solid #ffffff;
}
.well-box .navbar-inner .title {
color: #333333;
}
.well-box .navbar .nav > li > a {
padding: 10px;
}
.well-box .navbar .divider-vertical {
margin: 0 6px;
border-left-color: #d1d2d5;
border-right-color: #ffffff;
}
.well-box .navbar-inverse .divider-vertical {
border-left-color: #222222;
border-right-color: #515356;
}
.well-box .btn-toolbar {
margin: 0px;
}
/* navbar - user menu
---------------------------------------- */
.navbar .user-menu {
float: right;
}
.navbar .user-menu > li > a {
position: relative;
padding: 10px 10px 8px;
color: #fcd76b;
font-size: 18px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
}
.navbar .user-menu > li > a span {
position: absolute;
top: 5px;
right: 10px;
padding: 0 6px 1px 5px;
}
/* Search
---------------------------------------- */
.search-global {
position: relative;
float: right;
}
.search-global .search,
.search-global input[type="search"] {
margin: 4px 0 0;
color: #fff;
background: #369;
border-color: #ccc;
}
.search-global .search-button {
position: absolute;
right: 4px;
top: 9px;
font-size: 14px;
color: #ffffff;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
opacity: 0.1;
filter: alpha(opacity=10);
}
.search-global:hover .search-button {
opacity: 0.4;
filter: alpha(opacity=40);
}
.search-global .search-button:hover {
opacity: 0.8;
filter: alpha(opacity=80);
}
.search-global input[type="search"]:focus {
border-color: rgba(82, 168, 236, 0.8)
}
/* BREADCRUMBS
---------------------------------------------------------------------------- */
.breadcrumb {
padding: 7px 15px 6px;
margin: 0;
background: transparent;
border-radius: 0;
}
.breadcrumb li {
display: inline-block;
*display: inline;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
*zoom: 1;
}
.breadcrumb a {
font-weight: bold;
font-size: 13px;
color: #296025
}
.breadcrumb a:hover {
text-decoration: none;
color: #003300
}
.breadcrumb .divider {
color: #99ff99;
}
.breadcrumb .active {
font-weight: bold;
font-size: 13px;
color: #ccffcc;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
.breadcrumb > li > .dropdown-menu {
position: absolute;
top: 97%;
}
.breadcrumb > li > .dropdown-menu:after {
border-bottom: 6px solid #FFFFFF;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
content: "";
display: inline-block;
left: 10px;
position: absolute;
top: -6px;
}
.breadcrumb > li > .dropdown-menu:before {
border-bottom: 7px solid rgba(0, 0, 0, 0.2);
border-left: 7px solid transparent;
border-right: 7px solid transparent;
content: "";
display: inline-block;
left: 9px;
position: absolute;
top: -7px;
}
.breadcrumb > li > .dropdown-menu > li {
display: block;
}
/* PAGINATION
---------------------------------------------------------------------------- */
/* pagination for list */
.pagination ul > li > div.page {
display: inline;
}
.pagination ul > li > div > a,
.pagination ul > li > div > span {
float: left;
padding: 4px 12px;
line-height: 20px;
text-decoration: none;
background-color: #ffffff;
border: 1px solid #dddddd;
border-left-width: 0;
}
.pagination ul > li > div > a:hover,
.pagination ul > li > div > a.active,
.pagination ul > li > div > span.active {
background-color: #f5f5f5;
}
.pagination ul > li > div > a.active,
.pagination ul > li > div > span.active {
color: #999999;
cursor: default;
}
.pagination ul > li:first-child > div > a,
.pagination ul > li:first-child > div > span {
border-left-width: 1px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-webkit-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-topleft: 4px;
}
.pagination ul > li:last-child > div > a,
.pagination ul > li:last-child > div > span {
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
}
.pagination-large ul > li > div > a,
.pagination-large ul > li > div > span {
padding: 11px 19px;
font-size: 17.5px;
}
.pagination-large ul > li:first-child > div > a,
.pagination-large ul > li:first-child > div > span {
-webkit-border-bottom-left-radius: 6px;
border-bottom-left-radius: 6px;
-webkit-border-top-left-radius: 6px;
border-top-left-radius: 6px;
-moz-border-radius-bottomleft: 6px;
-moz-border-radius-topleft: 6px;
}
.pagination-large ul > li:last-child > div > a,
.pagination-large ul > li:last-child > div > span {
-webkit-border-top-right-radius: 6px;
border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
border-bottom-right-radius: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 6px;
}
.pagination-mini ul > li:first-child > div > a,
.pagination-small ul > li:first-child > div > a,
.pagination-mini ul > li:first-child > div > span,
.pagination-small ul > li:first-child > div > span {
-webkit-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
border-top-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-topleft: 3px;
}
.pagination-mini ul > li:last-child > div > a,
.pagination-small ul > li:last-child > div > a,
.pagination-mini ul > li:last-child > div > span,
.pagination-small ul > li:last-child > div > span {
-webkit-border-top-right-radius: 3px;
border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
}
.pagination-small ul > li > div > a,
.pagination-small ul > li > div > span {
padding: 2px 10px;
font-size: 11.9px;
}
.pagination-mini ul > li > div > a,
.pagination-mini ul > li > div > span {
padding: 1px 6px;
font-size: 10.5px;
}
/* Pagination btn
---------------------------------------- */
.pagination-btn ul > li > a,
.pagination-btn > li > span,
.pagination-btn ul > li > div > a,
.pagination-btn > li > div > span {
color: #333;
font-size: 12px;
font-weight: bold;
background-color: #f5f5f5;
*background-color: #e6e6e6;
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
background-repeat: repeat-x;
border-color: #a2a2a2;
*border: 0;
border-color: #c5c5c5;
border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.pagination-btn ul > .active > a,
.pagination-btn ul > .active > span,
.pagination-btn ul > .active > div > a,
.pagination-btn ul > .active > div > span,
.pagination-btn ul > li > a:hover,
.pagination-btn ul > li > div > a:hover,
.pagination-btn ul > li > div > a.active,
.pagination-btn ul > li > div > span.active {
background-color: #e6e6e6;
*background-color: #d9d9d9;
background-position: 0 -15px;
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
}
.pagination-btn ul > .active > a,
.pagination-btn ul > .active > span,
.pagination-btn ul > .active > div > a,
.pagination-btn ul > .active > div > span,
.pagination-btn ul > li > div > a.active,
.pagination-btn ul > li > div > span.active {
color: #0066CC;
background: #f0f0f0;
border-top-color: #c0c0c0;
-webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.10), inset 1px -1px 2px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.10), inset 1px -1px 2px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.10), inset 1px -1px 2px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.pagination-btn ul > .disabled > a,
.pagination-btn ul > .disabled > a:hover,
.pagination-btn ul > .disabled > span,
.pagination-btn ul > .disabled > div > a,
.pagination-btn ul > .disabled > div > a:hover,
.pagination-btn ul > .disabled > div > span {
background-color: #e6e6e6;
background-image: none;
opacity: 0.85;
filter: alpha(opacity=85);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
/* Pagination btn
---------------------------------------- */
.pagination-boo ul > li > a,
.pagination-boo ul > li > span,
.pagination-boo ul > li > div > a,
.pagination-boo ul > li > div > span {
color: #333;
font-size: 12px;
font-weight: bold;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.45);
background-color: #d4d9e1;
*background-color: #cbd0da;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#cbd0da));
background-image: -webkit-linear-gradient(top, #ffffff, #cbd0da);
background-image: -moz-linear-gradient(top, #ffffff, #cbd0da);
background-image: -o-linear-gradient(top, #ffffff, #cbd0da);
background-image: linear-gradient(to bottom, #ffffff, #cbd0da);
background-repeat: repeat-x;
border-color: #c3c9d3 #c3c9d3 #bac1cb;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.30);
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffcbd0da', GradientType=0);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.pagination-boo ul > .active > a,
.pagination-boo ul > .active > span,
.pagination-boo ul > .active > div > a,
.pagination-boo ul > .active > div > span,
.pagination-boo ul > li > a:hover,
.pagination-boo ul > li > div > a:hover,
.pagination-boo ul > li > div > a.active,
.pagination-boo ul > li > div > span.active {
background: #d7dbe3;
*background: #d7dbe3;
}
.pagination-boo ul > .active > a,
.pagination-boo ul > .active > span,
.pagination-boo ul > .active > div > a,
.pagination-boo ul > .active > div > span,
.pagination-boo ul > li > div > a.active,
.pagination-boo ul > li > div > span.active {
color: #0066CC;
background: #e1e5ec;
border-top-color: #b8bec8;
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), inset 1px -1px 2px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), inset 1px -1px 2px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), inset 1px -1px 2px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.pagination-boo ul > .disabled > a,
.pagination-boo ul > .disabled > a:hover,
.pagination-boo ul > .disabled > span,
.pagination-boo ul > .disabled > div > a,
.pagination-boo ul > .disabled > div > a:hover,
.pagination-boo ul > .disabled > div > span {
background-color: #e6e6e6;
background-image: none;
opacity: 0.85;
filter: alpha(opacity=85);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.widget-footer .pagination {
margin: 0;
}
/* PAGER
---------------------------------------------------------------------------- */
.pager li {
display: inline;
}
.pager li > a,
.pager li > span {
display: inline-block;
padding: 4px 14px;
background-color: #f0f1f8;
border: 1px solid #ddd;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.pager li > a:hover {
text-decoration: none;
background-color: #f5f5f5;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > span {
color: #999999;
cursor: default;
background-color: #fff;
}
/* MODALS
---------------------------------------------------------------------------- */
.modal-backdrop {
z-index: 9010;
}
.modal {
padding: 4px;
background-color: rgba(51, 102, 153, 0.50);
border: 1px solid rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.85);
-moz-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.85);
box-shadow: 0 3px 15px rgba(0, 0, 0, 0.85);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
z-index: 9020;
}
.modal-header {
color: #f1f1f1;
padding: 5px 15px;
background: #369;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #369), color-stop(100%, #048ca8));
background: -webkit-linear-gradient(top, #369 0%, #048ca8 100%);
background: -moz-linear-gradient(top, #369 0%, #048ca8 100%);
background: -ms-linear-gradient(top, #369 0%, #048ca8 100%);
background: -o-linear-gradient(top, #369 0%, #048ca8 100%);
background: linear-gradient(top, #369 0%, #048ca8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff464a56', endColorstr='#ff2b2d38', GradientType=0 );
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
}
.modal-header .close {
color: #ffffff;
opacity: 0.6;
filter: alpha(opacity=60);
text-shadow: 0 -1px 0 #000000;
}
.modal-header .close i {
font-size: 12px;
}
.modal-header h3,
.modal-header h4 {
margin: 0;
line-height: 30px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 1);
}
.modal-body {
background-color: #f0f2f8;
min-height: 30px;
/* max-height: 550px;*/
}
.modal-footer {
padding: 7px 15px 8px;
margin-bottom: 0;
text-align: right;
border-top-color: #b4b7be;
background: #dee3e7;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dee3e7), color-stop(100%, #f5f6f7));
background: -webkit-linear-gradient(top, #dee3e7 0%, #f5f6f7 100%);
background: -moz-linear-gradient(top, #dee3e7 0%, #f5f6f7 100%);
background: -ms-linear-gradient(top, #dee3e7 0%, #f5f6f7 100%);
background: -o-linear-gradient(top, #dee3e7 0%, #f5f6f7 100%);
background: linear-gradient(top, #dee3e7 0%, #f5f6f7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dee3e7', endColorstr='#f5f6f7', GradientType=0 );
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
-webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15);
-moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15);
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15);
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}
.modal > .modal-body:first-child {
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}
.modal > .modal-body:last-child {
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}
.modal-shadow {
padding: 0;
border: 1px solid #666;
border: 1px solid rgba(0, 0, 0, 0.4);
*border: 1px solid #666;
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}
/* TOOLTIP
---------------------------------------------------------------------------- */
/* POPOVERS
---------------------------------------------------------------------------- */
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1010;
display: none;
width: 236px;
padding: 1px;
background-color: #ffffff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
}
.popover-error {
color: #b94a48;
background-color: #f2dede;
border: 2px solid #eed3d7;
border: 2px solid rgba(185, 74, 72, 1);
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
}
.popover-error.top .arrow {
border-top-color: #f2dede;
}
.popover-error.top .arrow:after {
bottom: -2px;
left: -12px;
border-top-color: rgba(185, 74, 72, 1);
border-width: 12px 12px 0;
}
.popover-error.right .arrow {
border-right-color: #f2dede;
}
.popover-error.right .arrow:after {
bottom: -12px;
left: -2px;
border-right-color: rgba(185, 74, 72, 1);
border-width: 12px 12px 12px 0;
}
.popover-error.bottom .arrow {
border-bottom-color: #f2dede;
}
.popover-error.bottom .arrow:after {
top: -2px;
left: -12px;
border-bottom-color: rgba(185, 74, 72, 1);
border-width: 0 12px 12px;
}
.popover-error.left .arrow {
border-left-color: #f2dede;
}
.popover-error.left .arrow:after {
right: -2px;
bottom: -12px;
border-left-color: rgba(185, 74, 72, 1);
border-width: 12px 0 12px 12px;
}
/* THUMBNAILS
---------------------------------------------------------------------------- */
.thumbnail {
padding: 5px;
border-color: #d3d6d7;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.thumbnail-condensed,
.thumbnails.thumbnail-condensed .thumbnail {
padding: 0;
}
.thumbnail.well-nice {
background-color: #f6f7fe;
border-color: #fff;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.30);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.30);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.30);
}
.thumbnail.well-black {
border-color: #323232;
}
.well-black .thumbnail.well-black {
border-color: #2a2c2f;
}
.thumbnail.well-impressed {
border-color: #c4c6ca;
-webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.06), inset 0 0 2px rgba(0, 0, 0, 0.15), inset 1px 1px 1px rgba(0, 0, 0, 0.055), 0 1px 0 rgba(255, 255, 255, 1);
-moz-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.06), inset 0 0 2px rgba(0, 0, 0, 0.15), inset 1px 1px 1px rgba(0, 0, 0, 0.055), 0 1px 0 rgba(255, 255, 255, 1);
box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.06), inset 0 0 2px rgba(0, 0, 0, 0.15), inset 1px 1px 1px rgba(0, 0, 0, 0.055), 0 1px 0 rgba(255, 255, 255, 1);
}
.thumbnail.well-black.well-impressed {
border: 1px solid #222222;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.7), inset 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 1);
-moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.7), inset 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 1);
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.7), inset 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 1);
}
.well-black .thumbnail.well-impressed {
border: 1px solid #3a3e41;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.7), inset 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 1);
-moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.7), inset 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 1);
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.7), inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.15);
}
.well-black .thumbnail.well-black.well-impressed {
border: 1px solid #222222;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.7), inset 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 1);
-moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.7), inset 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 1);
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.7), inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.15);
}
/*
.thumbnails .well {
margin-bottom: 0;
}
*/
.thumbnail .img-desc {
font-size: 12px;
line-height: 16px;
color: #777777
}
.thumbnail .action {
padding: 0 9px;
}
.thumbnail .action .btn {
margin-bottom: 2px;
}
.thumbnail .caption .action {
padding: 0;
}
.well-black .thumbnail {
border-color: #55585b;
}
.well-black.thumbnail .caption,
.well-black .thumbnail .caption,
.thumbnail .well-black .caption {
color: #d1d1d1;
}
.well-black.thumbnail .img-desc,
.well-black .thumbnail .img-desc,
.thumbnail .well-black .img-desc {
color: #b1b1b1;
}
/* BOO THUMB
------------------------------------------------------------------------- ***/
.img-shadow {
position: relative;
float: left;/*max-width: 100%;*/
}
.img-radius {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.img-radius-top {
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}
.img-radius-bottom {
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}
/*
.ie8 .img-shadow,
.ie8 .img-shadow .thumb {
width: 100%;
}*/
.img-shadow::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.75);
-moz-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.75);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.75);
}
.img-shadow img {
float: left;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
/* MEDIA
---------------------------------------------------------------------------- */
.media-overflow,
.media-overflow .media,
.media-overflow .media-body {
overflow: visible;
}
.media-left {
float: left;
margin-right: 10px;
}
.media-right {
float: right;
margin-left: 10px;
}
/* LABELS and BADGES
---------------------------------------------------------------------------- */
.label,
.badge {
font-size: 11.225px;
}
.label span,
.badge span {
padding: 0 2px;
opacity: 0.5;
filter: alpha(opacity=50);
}
.label-tag,
.badge-tag {
font-weight: bold;
color: #333;
text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
}
.label-tag,
.badge-tag {
background-color: #e1e1e1;
}
.label-tag[href],
.badge-tag[href] {
background-color: #c5c5c5;
}
/*
.well-black .label,
.well-black .badge {
padding-top: 2px;
}
*/
.label-positive,
.badge-positive {
background-color: #57A957;
}
.label-positive[href],
.badge-positive[href] {
background-color: #57A957;
}
.label-negative,
.badge-negative {
background-color: #DB6464;
}
.label-negative[href],
.badge-negative[href] {
background-color: #DB6464;
}
.label-notification,
.badge-notification {
background-color: #ED7A53;
}
.label-notification[href],
.badge-notification[href] {
background-color: #ED7A53;
}
.label-white,
.badge-white {
background-color: #FFF;
color: #333;
text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
}
.label-white[href],
.badge-white[href] {
background-color: #FFF;
color: #333;
}
/* PROGRESS BARS
---------------------------------------------------------------------------- */
.progress {
background: #d6d8dd;
background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0%, #d6d8dd), color-stop(100%, #e2e4e8));
background: -webkit-linear-gradient(top, #d6d8dd 0%, #e2e4e8 100%);
background: -moz-linear-gradient(top, #d6d8dd 0%, #e2e4e8 100%);
background: -ms-linear-gradient(top, #d6d8dd 0%, #e2e4e8 100%);
background: -o-linear-gradient(top, #d6d8dd 0%, #e2e4e8 100%);
background: linear-gradient(to bottom, #d6d8dd 0%, #e2e4e8 100%);
background-repeat: repeat-x;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffd6d8dd', endColorstr='#ffe2e4e8', GradientType=0);
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.7);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.7);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.7);
}
.well-black .progress {
background: #2d3032;
background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0%, #2d3032), color-stop(100%, #393b3f));
background: -webkit-linear-gradient(top, #2d3032 0%, #393b3f 100%);
background: -moz-linear-gradient(top, #2d3032 0%, #393b3f 100%);
background: -ms-linear-gradient(top, #2d3032 0%, #393b3f 100%);
background: -o-linear-gradient(top, #2d3032 0%, #393b3f 100%);
background: linear-gradient(to bottom, #2d3032 0%, #393b3f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff2d3032', endColorstr='#ff393b3f', GradientType=0 );
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 -1px 0 rgba(255, 255, 255, 0.15);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 -1px 0 rgba(255, 255, 255, 0.15);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 -1px 0 rgba(255, 255, 255, 0.15);
}
.progress .bar {
height: 20px;
font-weight: bold;
}
.progress .bar.two-sec-ease-in-out {
-webkit-transition: width 2s ease-in-out;
-moz-transition: width 2s ease-in-out;
-ms-transition: width 2s ease-in-out;
-o-transition: width 2s ease-in-out;
transition: width 2s ease-in-out;
}
.progress .bar.four-sec-ease-in-out {
-webkit-transition: width 4s ease-in-out;
-moz-transition: width 4s ease-in-out;
-ms-transition: width 4s ease-in-out;
-o-transition: width 4s ease-in-out;
transition: width 4s ease-in-out;
}
.progress .bar.six-sec-ease-in-out {
-webkit-transition: width 6s ease-in-out;
-moz-transition: width 6s ease-in-out;
-ms-transition: width 6s ease-in-out;
-o-transition: width 6s ease-in-out;
transition: width 6s ease-in-out;
}
.table .progress {
margin-bottom: 0;
vertical-align: middle;
}
/* progress - size
---------------------------------------- */
.progress-medium,
.progress-small,
.progress-mini,
.progress-medium .bar,
.progress-small .bar,
.progress-mini .bar {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.progress-medium,
.progress-medium .bar {
height: 10px;
}
.progress-small,
.progress-small .bar {
height: 6px;
}
.progress-mini {
height: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.6);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.6);
}
.progress-mini .bar {
height: 4px;
}
.progress.vertical {
background-color: #d6d8dd;
background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0%, #d6d8dd), color-stop(100%, #e2e4e8));
background: -webkit-linear-gradient(top, #d6d8dd 0%, #e2e4e8 100%);
background: -moz-linear-gradient(top, #d6d8dd 0%, #e2e4e8 100%);
background: -ms-linear-gradient(top, #d6d8dd 0%, #e2e4e8 100%);
background: -o-linear-gradient(top, #d6d8dd 0%, #e2e4e8 100%);
background: linear-gradient(to bottom, #d6d8dd 0%, #e2e4e8 100%);
background-repeat: repeat-x;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffd6d8dd', endColorstr='#ffe2e4e8', GradientType=0);
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), inset 1px 0 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 1);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), inset 1px 0 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), inset 1px 0 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 1);
}
.well-black .progress.vertical {
background: #2d3032;
background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0%, #2d3032), color-stop(100%, #393b3f));
background: -webkit-linear-gradient(top, #2d3032 0%, #393b3f 100%);
background: -moz-linear-gradient(top, #2d3032 0%, #393b3f 100%);
background: -ms-linear-gradient(top, #2d3032 0%, #393b3f 100%);
background: -o-linear-gradient(top, #2d3032 0%, #393b3f 100%);
background: linear-gradient(to bottom, #2d3032 0%, #393b3f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff2d3032', endColorstr='#ff393b3f', GradientType=0 );
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 -1px 0 rgba(255, 255, 255, 0.15);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 -1px 0 rgba(255, 255, 255, 0.15);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 -1px 0 rgba(255, 255, 255, 0.15);
}
.progress.vertical.progress-xxlarge,
.progress.vertical.progress-xxlarge .bar {
width: 60px;
}
.progress.vertical.progress-xlarge,
.progress.vertical.progress-xlarge .bar {
width: 45px;
}
.progress.vertical.progress-large,
.progress.vertical.progress-large .bar {
width: 30px;
}
.progress.vertical.progress-medium,
.progress.vertical.progress-medium .bar {
width: 10px;
}
.progress.vertical.progress-small,
.progress.vertical.progress-small .bar {
width: 6px;
}
.progress.vertical.progress-mini {
width: 4px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), inset 1px 0 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 1);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), inset 1px 0 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), inset 1px 0 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 1);
}
.progress.vertical.progress-mini .bar {
width: 4px;
}
.progress.vertical .bar.two-sec-ease-in-out {
-webkit-transition: height 2s ease-in-out;
-moz-transition: height 2s ease-in-out;
-ms-transition: height 2s ease-in-out;
-o-transition: height 2s ease-in-out;
transition: height 2s ease-in-out;
}
.progress.vertical .bar.four-sec-ease-in-out {
-webkit-transition: height 4s ease-in-out;
-moz-transition: height 4s ease-in-out;
-ms-transition: height 4s ease-in-out;
-o-transition: height 4s ease-in-out;
transition: height 4s ease-in-out;
}
.progress.vertical .bar.six-sec-ease-in-out {
-webkit-transition: height 6s ease-in-out;
-moz-transition: height 6s ease-in-out;
-ms-transition: height 6s ease-in-out;
-o-transition: height 6s ease-in-out;
transition: height 6s ease-in-out;
}
.progress.filled5,
.progress.filled6 {
height: 30px;
}
.progress.filled2 .filler {
margin: 2px
}
.progress.filled3 .filler {
margin: 3px
}
.progress.filled4 .filler {
margin: 4px
}
.progress.filled5 .filler {
margin: 5px
}
.progress.filled6 .filler {
margin: 6px
}
.progress.filled2 .filler .bar {
height: 16px;
}
.progress.filled3 .filler .bar {
height: 14px;
}
.progress.filled4 .filler .bar {
height: 12px;
}
.progress.filled5 .filler .bar {
height: 20px;
}
.progress.filled6 .filler .bar {
height: 18px;
}
.progress.progress-medium.filled2 {
height: 14px;
}
.progress.progress-medium.filled3 {
height: 16px;
}
.progress.progress-medium.filled4 {
height: 18px;
}
.progress.progress-medium.filled5 {
height: 20px;
}
.progress.progress-medium.filled2 .filler .bar,
.progress.progress-medium.filled3 .filler .bar,
.progress.progress-medium.filled4 .filler .bar,
.progress.progress-medium.filled5 .filler .bar {
height: 10px;
}
.progress.progress-small.filled2 {
height: 10px;
}
.progress.progress-small.filled3 {
height: 12px;
}
.progress.progress-small.filled4 {
height: 14px;
}
.progress.progress-small.filled5 {
height: 16px;
}
.progress.progress-small.filled2 .filler .bar,
.progress.progress-small.filled3 .filler .bar,
.progress.progress-small.filled4 .filler .bar,
.progress.progress-small.filled5 .filler .bar {
height: 6px;
}
.progress.progress-mini.filled2 {
height: 8px;
}
.progress.progress-mini.filled3 {
height: 10px;
}
.progress.progress-mini.filled4 {
height: 12px;
}
.progress.progress-mini.filled5 {
height: 14px;
}
.progress.progress-mini.filled2 .filler .bar,
.progress.progress-mini.filled3 .filler .bar,
.progress.progress-mini.filled4 .filler .bar,
.progress.progress-mini.filled5 .filler .bar {
height: 4px;
}
.progress .filler {
position: relative;
}
.progress-group {
margin-bottom: 20px;
}
.progress-group .progress {
margin-bottom: 5px;
}
.vertical-progressbar-group {
height: 100px;
margin-bottom: 20px;
}
.vertical-progressbar-group .label-field.left {
margin-right: 5px
}
.vertical-progressbar-group .progress + .label-field.left {
margin-left: -15px
}
/* ACCORDION
---------------------------------------------------------------------------- */
.accordion-heading:before,
.accordion-heading:after,
.accordion-content:before,
.accordion-content:after {
display: table;
content: "";
}
.accordion-heading:after,
.accordion-content:after {
clear: both;
}
/* CAROUSEL
---------------------------------------------------------------------------- */
/* HERO UNIT
---------------------------------------------------------------------------- */
/*** ADMIN STYLE
---------------------------------------------------------------------------- */
/** Header
------------------------------------------- */
#header-container {
height: 77px;
}
.base-layout #header-container {
height: 47px;
}
#header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9009;
}
#header .header-bar {
position: absolute;
top: 0;
left: 0;
height: 65px;
width: 100%;
-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
-o-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
z-index: 1001;
}
#header .header-drawer {
position: absolute;
top: 0px;
/*height: 34px;*/
min-height: 5px;
margin-top: 41px;
width: 100%;
border-bottom: 1px solid #64be5a;
background-color: #3b4042;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#59B14F), to(#78C876));
background-image: -webkit-linear-gradient(top, #59B14F, #78C876);
background-image: -moz-linear-gradient(top, #59B14F, #78C876 );
background-image: -o-linear-gradient(top, #59B14F, #78C876);
background-image: linear-gradient(to bottom, #59B14F, #78C876);
background-repeat: repeat-x;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff59B14F', endColorstr='#ff78C876', GradientType=0);
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
-o-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
z-index: 1000;
}
.mobile-nav {
text-align: center;
}
.mobile-btn {
display: block;
padding: 7px 0 0;
font-size: 18px;
font-weight: bold;
color: #3b8f32;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
text-align: center;
}
.mobile-btn:hover {
color: #31722a;
text-decoration: none
}
.nav-page > li {
border-top: 1px solid rgba(255, 255, 255, 0.6);
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.nav-page > li > a {
padding: 9px;
}
/** Sidebar
------------------------------------------- */
.sidebar {
position: fixed;
top: 76px;
width: 270px;
background: url("../img/background/body-bg-02-15.jpg") repeat scroll 0 0 #c5c6ca;
background-color: rgba(0, 0, 0, 0.15);
}
.base-layout .sidebar {
top: 47px
}
.sidebar-left .sidebar {
left: 0;
bottom: 0;
}
.sidebar-left .sidebar {
border-right: 1px solid #ffffff;
-webkit-box-shadow: -5px 0 15px -5px rgba(0, 0, 0, 0.15) inset, -2px 0 10px -2px rgba(0, 0, 0, 0.2) inset;
-moz-box-shadow: -5px 0 15px -5px rgba(0, 0, 0, 0.15) inset, -2px 0 10px -2px rgba(0, 0, 0, 0.2) inset;
-o-box-shadow: -5px 0 15px -5px rgba(0, 0, 0, 0.15) inset, -2px 0 10px -2px rgba(0, 0, 0, 0.2) inset;
box-shadow: -5px 0 15px -5px rgba(0, 0, 0, 0.15) inset, -2px 0 10px -2px rgba(0, 0, 0, 0.2) inset;
}
.sidebar-right .sidebar {
right: 0;
bottom: 0;
}
.sidebar-right .sidebar {
border-left: 1px solid #ffffff;
-webkit-box-shadow: -5px 0 15px -5px rgba(0, 0, 0, 0.15) inset, -2px 0 10px -2px rgba(0, 0, 0, 0.2) inset;
-moz-box-shadow: -5px 0 15px -5px rgba(0, 0, 0, 0.15) inset, -2px 0 10px -2px rgba(0, 0, 0, 0.2) inset;
-o-box-shadow: -5px 0 15px -5px rgba(0, 0, 0, 0.15) inset, -2px 0 10px -2px rgba(0, 0, 0, 0.2) inset;
box-shadow: 5px 0 15px -5px rgba(0, 0, 0, 0.15) inset, 2px 0 10px -2px rgba(0, 0, 0, 0.2) inset;
}
.sidebar-inverse {
background-color: #336699;
background-image: none;
}
.sidebar-left .sidebar-inverse {
-webkit-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 1) inset, -2px 0 10px -2px rgba(0, 0, 0, 0.5) inset;
-moz-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 1) inset, -2px 0 10px -2px rgba(0, 0, 0, 0.5) inset;
-o-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 1) inset, -2px 0 10px -2px rgba(0, 0, 0, 0.5) inset;
box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 1) inset, -2px 0 10px -2px rgba(0, 0, 0, 0.5) inset;
}
.sidebar-right .sidebar-inverse {
-webkit-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 1) inset, -2px 0 10px -2px rgba(0, 0, 0, 0.5) inset;
-moz-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 1) inset, -2px 0 10px -2px rgba(0, 0, 0, 0.5) inset;
-o-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 1) inset, -2px 0 10px -2px rgba(0, 0, 0, 0.5) inset;
box-shadow: 5px 0 20px -5px rgba(0, 0, 0, 1) inset, 2px 0 10px -2px rgba(0, 0, 0, 0.5) inset;
}
.sidebar-item .profile {
padding: 15px;
height: 70px;
background: #336699;
-webkit-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5) inset, -2px 0 10px -2px rgba(0, 0, 0, 0.5) inset;
-moz-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5) inset, -2px 0 10px -2px rgba(0, 0, 0, 0.5) inset;
-o-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5) inset, -2px 0 10px -2px rgba(0, 0, 0, 0.5) inset;
box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5) inset, -2px 0 10px -2px rgba(0, 0, 0, 0.5) inset;
}
.sidebar-right .sidebar-item .profile {
-webkit-box-shadow: 5px 0 20px -5px rgba(0, 0, 0, 0.5) inset, 2px 0 10px -2px rgba(0, 0, 0, 0.5) inset;
-moz-box-shadow: 5px 0 20px -5px rgba(0, 0, 0, 0.5) inset, 2px 0 10px -2px rgba(0, 0, 0, 0.5) inset;
-o-box-shadow: 5px 0 20px -5px rgba(0, 0, 0, 0.5) inset, 2px 0 10px -2px rgba(0, 0, 0, 0.5) inset;
box-shadow: 5px 0 20px -5px rgba(0, 0, 0, 0.5) inset, 2px 0 10px -2px rgba(0, 0, 0, 0.5) inset;
}
.sidebar-item .profile .media-heading {
margin: 0;
color: #fcd76b;
font-weight: normal;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
}
.sidebar-item .profile .media-heading small {
display: block;
font-size: 12px;
margin-top: 2px;
}
.sidebar-item .profile .data {
margin-top: 2px;
color: #e1e1e1;
font-size: 11px;
font-weight: normal;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
}
.sidebar-item .profile .thumb {
border: 5px solid #222;
}
.profile .media-thumb .img-shadow {
height: 55px;
width: 55px;
}
/* Nav sidebar
---------------------------------------- */
.nav-side {
margin: 0;
padding: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}
.nav-side .collapse {
overflow: hidden
}
.nav-side .accordion-group {
margin-bottom: 0;
border-left: none;
border-right: none;
border-top-color: rgba(255, 255, 255, 0.6);
border-bottom-color: rgba(0, 0, 0, 0.2);
border-radius: 0;
}
.nav-side .accordion-group > .active {
background: url("../img/background/body-bg-02.jpg") repeat scroll 0 0;
}
.sidebar-left .nav-side .accordion-group > .active {
margin-right: -1px; /* only works if you do not scroll to sidebar */
}
.sidebar-right .nav-side .accordion-group > .active {
margin-left: -1px; /* only works if you do not scroll to sidebar */
}
.nav-side .accordion-heading {
margin: 0;
}
.nav-side .accordion-toggle {
display: block;
padding: 13px 14px;
color: #333;
font-weight: bold;
font-size: 16px;
text-decoration: none;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}
.nav-side .accordion-toggle:hover {
background: url("../img/background/transparent-25.png") repeat scroll 0 0; /* ie */
background: rgba(0,0,0, 0.05);
}
.nav-side .accordion-toggle .chevron {
color: #949598;
font-size: 0.886em;
opacity: 0.30;
filter: alpha(opacity=30);
}
.nav-side .active .accordion-toggle,
.nav-side .active .accordion-toggle:hover {
background: none;
text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
}
.sidebar-left .nav-side .accordion-toggle .chevron {
float: right;
margin-top: 2px;
margin-right: -6px;
}
.sidebar-right .nav-side .accordion-toggle .chevron {
float: left;
margin-top: 2px;
margin-right: 10px;
}
.nav-side .accordion-toggle .item-icon {
color: #fcd76b;
}
.sidebar-right .nav-side .accordion-toggle .item-icon {
float: right;
margin-right: -6px;
}
.nav-side .active .chevron,
.nav-side .accordion-toggle:hover .chevron,
.nav-side .accordion-toggle:hover .item-icon,
.nav-side .active .accordion-toggle:hover .chevron {
color: #3399ff;
opacity: 1;
filter: alpha(opacity=100);
}
.nav-side .active .accordion-toggle .item-icon {
color: #fcd76b;
opacity: 1;
filter: alpha(opacity=100);
}
.sidebar-inverse .nav-side {
border-bottom: 1px solid #3D4143; /* ie */
border-bottom-color: rgba(255, 255, 255, 0.1);
}
.sidebar-inverse .nav-side .accordion-group {
border-top-color: #3D4143; /* ie */
border-bottom-color: #131517; /* ie */
border-top-color: rgba(255, 255, 255, 0.1);
border-bottom-color: rgba(0, 0, 0, 0.5);
}
.sidebar-inverse .nav-side .accordion-toggle {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 1)
}
.sidebar-inverse .nav-side .accordion-toggle:hover {
color: #fcd76b;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 1)
}
.sidebar-inverse .nav-side .accordion-toggle .item-icon {
color: #4298fc;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
}
.sidebar-inverse .nav-side .accordion-toggle:hover .chevron,
.sidebar-inverse .nav-side .accordion-toggle:hover .item-icon {
color: #4298fc;
text-shadow: 0 -1px 0 rgb(57, 86, 115);
opacity: 1;
filter: alpha(opacity=100);
}
.sidebar-inverse .nav-side .active .accordion-toggle,
.sidebar-inverse .nav-side .active .accordion-toggle:hover {
color: #1dbae1;
text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
background: none;
}
.sidebar-inverse .nav-side .active .accordion-toggle:hover .chevron {
color: #3399ff;
text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
}
.sidebar-inverse .nav-side .active .accordion-toggle:hover .item-icon {
color: #4298fc;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
}
/* Sub nav sidebar
---------------------------------------- */
.nav-side .accordion-content {
background: url("../img/background/body-bg-02-25.jpg") repeat scroll 0 0; /* ie */
background: rgba(0, 0, 0, 0.15);
-webkit-box-shadow: inset 0 2px 6px -1px rgba(0, 0, 0, 0.3), inset 0 -2px 6px -1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 2px 6px -1px rgba(0, 0, 0, 0.3), inset 0 -2px 6px -1px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 2px 6px -1px rgba(0, 0, 0, 0.3), inset 0 -2px 6px -1px rgba(0, 0, 0, 0.1);
}
.nav-side .accordion-content > li:first-child,
.nav-side .accordion-content > li.first-child {
margin-top: 10px;
}
.nav-side .accordion-content > li:last-child,
.nav-side .accordion-content > li.last-child {
margin-bottom: 10px;
}
.sidebar-inverse .nav-side .accordion-content {
background: #369;
background: rgba(0, 0, 0, 0.15);
-webkit-box-shadow: inset -2px 2px 6px -1px rgba(0, 0, 0, 0.7), inset 0 1px 2px rgba(0, 0, 0, 0.3), inset 0 -1px 6px -1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset -2px 2px 6px -1px rgba(0, 0, 0, 0.7), inset 0 1px 2px rgba(0, 0, 0, 0.3), inset 0 -1px 6px -1px rgba(0, 0, 0, 0.1);
box-shadow: inset -2px 2px 6px -1px rgba(0, 0, 0, 0.7), inset 0 1px 2px rgba(0, 0, 0, 0.3), inset 0 -1px 6px -1px rgba(0, 0, 0, 0.1);
}
.nav-side ul > li > a {
padding: 8px 15px 6px 30px;
font-size: 13px;
font-weight: bold;
color: #ffffff;
}
.nav-side ul > li > a:hover {
color: #111;
background: rgba(0, 0, 0, 0.1);
}
.nav-side ul > .active > a{
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6);
background-color: #373B3E;
}
.nav-side ul > .active > a:hover {
color: #fcd76b;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6);
background-color: #373B3E;
}
.sidebar-inverse .nav-side ul > li > a {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 1);
}
.sidebar-inverse .nav-side ul > li > a:hover {
color: #fcd76b;
background: url("../img/background/transparent-25.png") repeat scroll 0 0; /* ie */
background: rgba(0, 0, 0, 0.1);
}
.sidebar-inverse .nav-side ul > .active > a,
.sidebar-inverse .nav-side ul > .active > a:hover {
color: #222;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
background: url("../img/background/body-bg-02-25.jpg") repeat scroll 0 0;
background: rgba(255, 255, 255, 0.6);
}
/** Content
---------------------------------------- */
.main-content {
padding-bottom: 70px;
}
.sidebar-left .main-content {
margin-left: 270px;
margin-right: 0;
}
.sidebar-right .main-content {
margin-right: 270px;
margin-left: 0;
}
.sidebar-hidden .main-content {
margin-right: 0;
margin-left: 0;
}
/** Footer-Fix
---------------------------------------- */
#footer-fix {
position: fixed;
height: 40px;
width: 100%;
bottom: 0;
background: #369;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #369), color-stop(100%, #048ca8));
background: -webkit-linear-gradient(top, #369 0%, #048ca8 100%);
background: -moz-linear-gradient(top, #369 0%, #048ca8 100%);
background: -ms-linear-gradient(top, #369 0%, #048ca8 100%);
background: -o-linear-gradient(top, #369 0%, #048ca8 100%);
background: linear-gradient(top, #369 0%, #048ca8 100%);
z-index: 9005;
}
#footer-fix .btn-toolbar,
#footer-fix .navbar {
margin-top: 0;
margin-bottom: 0;
}
/** Footer-Fix navbar
---------------------------------------- */
#footer-fix .navbar {
font-size: 16px
}
#footer-fix .navbar .divider-vertical {
margin: 0;
border-left-color: #4a4c4f;
border-right-color: #1b1c1d;
border-left-color: rgba(0, 0, 0, 0.5);
border-right-color: rgba(255, 255, 255, 0.1);
}
#footer-fix .navbar-inverse .navbar-inner {
padding-right: 18px;
padding-left: 18px;
background: none;
border: none;
border-radius: 0;
}
#footer-fix .navbar-inverse .nav > li > a {
color: #aaa;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.9);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#footer-fix .navbar-inverse .nav > li > a:hover {
color: #FFF;
}
#footer-fix .navbar-inverse .nav > li > .active {
color: #D6B200; /*3399ff */
}
/* Footer-Fix sidebar
---------------------------------------- */
.footer-sidebar {
position: absolute;
bottom: 0;
min-height: 40px;
width: 270px;
background: #369;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #369), color-stop(100%, #048ca8));
background: -webkit-linear-gradient(top, #369 0%, #048ca8 100%);
background: -moz-linear-gradient(top, #369 0%, #048ca8 100%);
background: -ms-linear-gradient(top, #369 0%, #048ca8 100%);
background: -o-linear-gradient(top, #369 0%, #048ca8 100%);
background: linear-gradient(top, #369 0%, #048ca8 100%);
}
.sidebar-left .footer-sidebar {
left: 0;
}
.sidebar-right .footer-sidebar {
right: 0;
}
.footer-sidebar .btn-toolbar {
padding-right: 15px;
padding-left: 15px;
text-align: center;
}
.footer-sidebar .btn-toolbar .btn-glyph {
font-size: 16px;
color: #aaa;
text-shadow: 0 1px 0 rgba(0, 0, 0, 1);
}
/* Footer-Fix content
---------------------------------------- */
.sidebar-left .footer-content {
margin-left: 270px;
border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.sidebar-right .footer-content {
margin-right: 270px;
border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.sidebar-hidden .footer-content {
margin-right: 0;
margin-left: 0;
}
/** Page Head
---------------------------------------- */
.page-head {
position: relative;
margin: 0 -20px;
padding: 0 20px;
min-height: 100px;
border-bottom: 1px solid #babecc;
background: url("../img/background/body-bg-02-15.jpg") repeat scroll 0 0;
}
.page-head .page-title {
margin-bottom: 0px;
}
.page-title h1 {
}
.pagedesc {
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}
.well-black .pagedesc {
text-shadow: 0 -1px 0 rgba(0,0, 0, 0.8);
}
.page-title + .pagedesc {
margin-top: -5px;
}
/* Page Bar
---------------------------------------- */
.page-bar {
position: absolute;
left: 20px;
right: 20px;
bottom: -1px;
margin: auto;
padding: 0;
}
.page-bar .btn-toolbar {
margin: 0;
}
.page-bar .nav-tabs {
margin: 0;
}
.page-bar .nav-tabs > li > a {
color: #333;
}
.page-bar .nav-tabs > .active > a,
.page-bar .nav-tabs > .active > a:hover {
color: #3399ff;
background: url("../img/background/body-bg-02.jpg") repeat scroll 0 0 #f5f5f5;
}
/** Page Content
---------------------------------------- */
.page-content { /*padding-top: 20px;*/
padding-bottom: 20px
}
.wrap-shadow {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-background-clip: padding-box;
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);
-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);
}
.wrap-padding {
padding: 0 15px
}
.wrap-border-grey {
border: 1px solid #c9c9c9;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-background-clip: padding-box;
}
.wrap-border-white {
border: 1px solid #ffffff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-background-clip: padding-box;
}
.bg-white {
background-color: #fafafa;
}
.toggle-btn {
float: right;
}
legend .toggle-btn[class^="fontello-icon-"]:before,
legend .toggle-btn[class*=" fontello-icon-"]:before,
legend .toggle-btn[class^="aweso-icon-"]:before,
legend .toggle-btn[class*=" aweso-icon-"]:before {
font-size: 1em;
color: #999;
}
/*** WIDGETS
---------------------------------------------------------------------------- */
.widget {
position: relative;
margin-bottom: 20px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.widget:before,
.widget:after {
display: table;
content: "";
}
.widget:after {
clear: both;
}
.widget-box {
border: 1px solid #c9c9c9;
}
.widget-simple {
padding: 0 15px;
background-color: #f5f6f9;
border: 1px solid #ffffff;
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);
-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);
}
.widget-table {
border: 1px solid #c8ccce;
}
.widget-table.strong {
border: 1px solid #b4b7be;
}
.widget-simple.widget-table {
padding: 0;
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
}
/** widget header
---------------------------------------- */
.widget-header {
position: relative;
min-height: 30px;
padding: 5px 0 4px;
border-bottom: 1px solid #bbb;
-moz-border-radius-topright: 4px;
-moz-border-radius-topleft: 4px;
-webkit-border-radius: 4px 4px 0px 0px;
border-radius: 4px 4px 0px 0px;
-webkit-background-clip: padding-box;
}
.widget-header h3,
.widget-header h4,
.widget-header h5,
.widget-header h6 {
float: left;
margin: 0;
}
.widget-header h3,
.widget-header h4 {
line-height: 30px;
}
.widget-header h6 {
margin-top: 2px;
}
.widget-header h3 small,
.widget-header h4 small,
.widget-header h5 small,
.widget-header h6 small {
font-weight: bold;
color: #979fa5;
text-transform: uppercase;
}
.widget-header .nav > li > a:hover {
border: none;
}
.header-small {
min-height: 20px
}
.header-small .btn-glyph.btn-link [class^="fontello-icon-"]:before,
.header-small .btn-glyph.btn-link [class*=" fontello-icon-"]:before,
.header-small .btn-glyph.btn-link [class^="aweso-icon-"]:before,
.header-small .btn-glyph.btn-link [class*=" aweso-icon-"]:before {
font-size: 1.233em;
}
.widget-header .nav {
margin-bottom: 0;
}
.widget-box .widget-header.collapsed,
.widget-simple .widget-header.collapsed,
.widget-table .widget-header.collapsed {
border-bottom: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-background-clip: padding-box;
}
.well-black .widget-header {
border-bottom-color: #222;
}
.well-black .widget-body {
border-top-color: #616161;
}
/** widget title
------------------------------------------- */
.widget-title {
border-top: 1px solid #2b2d38;
color: white;
margin-right: -1px;
margin-left: -1px;
padding: 3px 10px 4px;
background: #2b2d38;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #464a56), color-stop(100%, #2b2d38));
background: -webkit-linear-gradient(top, #464a56 0%, #2b2d38 100%);
background: -moz-linear-gradient(top, #464a56 0%, #2b2d38 100%);
background: -ms-linear-gradient(top, #464a56 0%, #2b2d38 100%);
background: -o-linear-gradient(top, #464a56 0%, #2b2d38 100%);
background: linear-gradient(top, #464a56 0%, #2b2d38 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#464a56', endColorstr='#2b2d38', GradientType=0 );
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.widget-title h6 {
margin-top: 0;
margin-bottom: 0;
}
.widget-title span {
color: #bbb
}
.widget-title small {
font-size: 1em;
font-weight: bold;
}
.widget-title h6,
.widget-title span {
text-transform: uppercase;
text-shadow: 0px -1px 0 rgba(0, 0, 0, 1);
}
/** widget content
------------------------------------------- */
.widget-content {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-background-clip: padding-box;
}
.widget-header + .widget-content {
-webkit-border-radius: 0px 0px 4px 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-radius: 0px 0px 4px 4px;
-webkit-background-clip: padding-box;
}
/** widget body
------------------------------------------- */
.widget-body {
border-top: 1px solid #ffffff;
border-bottom: 1px solid #c9c9c9;
}
.widget-content .widget-body:last-child {
border-bottom: none;
-webkit-border-radius: 0px 0px 4px 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-radius: 0px 0px 4px 4px;
-webkit-background-clip: padding-box;
}
.widget-box > .widget-content .widget-body {
border-bottom: none;
}
/** widget bar
------------------------------------------- */
.widget-bar {
padding: 5px 0; /*background-color: #ebedf2;*/
border-bottom: 1px solid #c9c9c9;
}
/*
.widget-bordered {
margin: 5px 0 0;
background-color: #ebedf2;
border-bottom: 1px solid #c9c9c9;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}
*/
.widget-box .widget-bar {
padding: 5px 15px;
background: #e4e5e9; /*d9dbdf*/
border-top: 1px solid #c9c9c9;
}
.widget-simple .widget-bar {
padding: 5px;
}
.widget-bar .nav,
.widget-bar .btn-toolbar {
margin: 0;
}
/** widget row
------------------------------------------- */
.widget-row {
padding: 9px 0;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #c9c9c9;
}
.widget-row:first-child {
padding-top: 0;
border-top: none;
}
.widget-row:last-child {
padding-bottom: 0;
border-bottom: none;
}
/** widget footer
------------------------------------------- */
.widget-footer {
min-height: 20px;
padding: 6px 0 10px;
border-top: 1px solid #c9c9c9;
-webkit-border-radius: 0px 0px 4px 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-radius: 0px 0px 4px 4px;
-webkit-background-clip: padding-box;
}
.widget-table .widget-footer {
padding: 6px 0 6px;
}
.well > .widget,
.widget-box > .widget,
.widget-wrap > .widget,
.widget-wrap-out > .widget,
.widget-wrap-in > .widget {
margin-bottom: 0px
}
.widget > .widget-header {
background: none;
}
.widget .widget-body {
padding: 9px 0;
}
.widget-box .widget-header {
background: #e5e7eb;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e7eb), color-stop(100%, #d8dade));
background: -webkit-linear-gradient(top, #e5e7eb 0%, #d8dade 100%);
background: -moz-linear-gradient(top, #e5e7eb 0%, #d8dade 100%);
background: -ms-linear-gradient(top, #e5e7eb 0%, #d8dade 100%);
background: -o-linear-gradient(top, #e5e7eb 0%, #d8dade 100%);
background: linear-gradient(to bottom, #e5e7eb 0%, #d8dade 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe5e7eb', endColorstr='#ffd8dade', GradientType=0 );
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
-webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 1);
-moz-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 1);
box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 1);
}
.widget-box .widget-body,
.widget-box .widget-content {
background-color: #fafafa;
}
.widget-box .widget-footer {
border-top-color: #b4b7be;
background: #dee3e7;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dee3e7), color-stop(100%, #f5f6f7));
background: -webkit-linear-gradient(top, #dee3e7 0%, #f5f6f7 100%);
background: -moz-linear-gradient(top, #dee3e7 0%, #f5f6f7 100%);
background: -ms-linear-gradient(top, #dee3e7 0%, #f5f6f7 100%);
background: -o-linear-gradient(top, #dee3e7 0%, #f5f6f7 100%);
background: linear-gradient(top, #dee3e7 0%, #f5f6f7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdee3e7', endColorstr='#fff5f6f7', GradientType=0 );
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
-webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15);
-moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15);
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15);
}
.widget-box .widget-header,
.widget-box .widget-body,
.widget-box .widget-footer {
padding-left: 15px;
padding-right: 15px;
}
.widget-table .widget-header,
.widget-table .widget-footer {
padding-left: 10px;
padding-right: 10px;
}
.widget-box > .widget-body > .widget-row {
margin-left: -15px;
margin-right: -15px;
padding-left: 15px;
padding-right: 15px;
}
.widget-header .btn-toolbar,
.widget-footer .btn-toolbar,
.widget-header p,
.widget-footer p {
margin: 0;
}
.widget-tool {
float: right;
color: #333;
text-align: right;
line-height: 30px;
}
.header-small .widget-tool {
line-height: 20px;
}
.widget-body + .widget-footer {
border-top-color: #ffffff;
}
.widget-box .widget-body + .widget-footer {
border-top-color: #b4b7be;
}
.widget-footer.box-shadow-in {
border-top: none;
-webkit-box-shadow: inset 0px 15px 15px -15px rgba(0, 0, 0, 0.1), inset 0px 2px 5px -3px rgba(0, 0, 0, 0.15);
-moz-box-shadow: inset 0px 15px 15px -15px rgba(0, 0, 0, 0.1), inset 0px 2px 5px -3px rgba(0, 0, 0, 0.15);
box-shadow: inset 0px 15px 15px -15px rgba(0, 0, 0, 0.1), inset 0px 2px 5px -3px rgba(0, 0, 0, 0.15);
}
.widget.well,
.widget-box.well {
padding-top: 0px;
padding-bottom: 0px;
}
.widget form {
margin-bottom: 0;
}
[class*="wrap-"] .widget,
[class*="wrap-"] .widget-box {
margin-bottom: 0;
}
.widget:before,
.widget:after,
.widget-header:before,
.widget-header:after,
.widget-title:before,
.widget-title:after,
.widget-bar:before,
.widget-bar:after,
.widget-content:before,
.widget-content:after,
.widget-body:before,
.widget-body:after,
.widget-bar:after,
.widget-bar:before,
.widget-row:before,
.widget-row:after,
.widget-footer:before,
.widget-footer:after {
display: table;
content: "";
}
.widget:after,
.widget-header:after,
.widget-title:after,
.widget-bar:after,
.widget-content:after,
.widget-body:after,
.widget-bar:after,
.widget-row:after,
.widget-footer:after {
clear: both;
}
.widget-header .nav-pills > li > a {
margin-top: 0;
margin-bottom: 0;
border: none;
}
.widget-block {
background-color: #f1f1f1;
}
.widget-block-top {
}
.widget-block-content {
padding: 15px;
}
.widget-block-top .widget-block-content { /*border-top: 1px solid #ffffff;*/
border-bottom: 1px solid #c9c9c9;
}
/* WIDGET-LIST
------------------------------------------- */
.widget-list {
margin: 0;
list-style: none;
}
.widget-list a {
text-decoration: none;
}
.widget-list > li {
position: relative;
padding: 8px 0;
/*border-top: 1px solid #c4c4c4;*/
}
/*
.widget-list.list-dotted > li {
border-top-style: dotted
}*/
.widget-list > li:before,
.widget-list > li:after {
display: table;
content: "";
}
.widget-list > li:after {
clear: both;
}
/*
.widget-list > li:first-child {
border-top: none;
}*/
.widget-list > .media {
margin-top: 0;
}
.widget-list .media-heading {
text-overflow: ellipsis;
}
.widget-list h4.media-heading {
font-size: 16px;
font-weight: bold;
}
.widget-list h5.media-heading {
font-size: 16px;
font-weight: normal;
}
.widget-list h6.media-heading {
font-size: 12px;
font-weight: bold;
}
.widget-list .media-heading small {
font-size: 13px;
}
.widget-list h6.media-heading small {
font-size: 12px;
}
.widget-list li .well {
margin-bottom: 5px
}
.widget-list .date {
font-size: 12px;
}
.widget-list .note,
.widget-list .post {
line-height: 18px;
font-size: 13px;
margin-bottom: 5px
}
.widget-list .data,
.widget-list .meta {
margin: 0;
list-style: none;
}
.widget-list .data.inline > li,
.widget-list .meta.inline > li {
margin-right: 0;
margin-left: 0;
}
.widget-list .data.inline > li:first-child,
.widget-list .meta.inline > li:first-child {
padding-left: 0;
}
.widget-list .data > .divider-vertical,
.widget-list .meta > .divider-vertical {
padding: 0;
border-right: 1px solid #ffffff;
border-left: 1px solid #bdbdbd;
}
.widget-list .data {
font-size: 12px;
}
.widget-list .data > .divider-vertical {
height: 16px;
margin: 2px 6px 0;
}
.widget-list .meta,
.widget-list .meta > li {
font-size: 11px;
line-height: 16px;
color: #777;
}
.widget-list .meta a {
color: #00315d;
font-weight: bold
}
.widget-list .meta strong {
color: #111;
}
.widget-list .meta > .divider-vertical {
height: 14px;
margin: 1px 6px 0;
}
/* quick menu */
.widget-list .quick-menu-icon {
font-size: 14px;
}
.widget-list .quick-menu-icon a {
color: #333;
cursor: pointer;
opacity: 0.5;
filter: alpha(opacity=50);
}
.widget-list .quick-menu-icon a:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.widget-list .menu-right {
float: right;
margin-left: 10px;
}
.widget-list .menu-left {
float: left;
margin-right: 10px;
}
.widget-list .quick-menu-icon.menu-right,
.widget-list .quick-menu.menu-right {
margin-left: 5px;
margin-bottom: 5px;
}
/* style widget list for table */
.table h4.media-heading,
.table h5.media-heading,
.table h6.media-heading {
margin: 0;
font-weight: bold;
}
/* REMEMBER
------------------------------------------- */
.widget-remember .priority-label {
float: left;
}
.widget-remember .priority-label .label {
display: block;
width: 18px;
height: 18px;
padding: 0;
margin: 4px 10px 0 0;
background-color: #bbb;
-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.55), inset 0px 2px 5px -3px rgba(0, 0, 0, 0.15), inset 0px 1px 0 rgba(255, 255, 255, 0.75);
-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.55), inset 0px 2px 5px -3px rgba(0, 0, 0, 0.15), inset 0px 1px 0 rgba(255, 255, 255, 0.75);
box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.55), inset 0px 2px 5px -3px rgba(0, 0, 0, 0.15), inset 0px 1px 0 rgba(255, 255, 255, 0.75);
}
.widget-remember .quick-menu-icon {
float: right;
margin-bottom: 0;
}
.widget-remember .widget-list .tags .label {
margin: 3px 0 0 5px;
color: #0066cc;
font-weight: normal;
background-color: #d7e3fb;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}
.widget-remember .widget-list .tags .label + .label {
margin-left: 3px;
}
.widget-remember .widget-list .category {
font-weight: bold;
font-size: 12px;
color: #999;
}
.widget-remember .widget-list .date {
float: right;
margin-left: 10px;
color: #3399ff;
font-size: 12px;
font-weight: normal;
}
.widget-remember .widget-list .today .date {
color: #0066cc;
font-weight: bold;
}
.today .priority-label .label {
background: #a4db8c;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a4db8c), color-stop(100%, #61c419));
background: -webkit-linear-gradient(top, #a4db8c 0%, #61c419 100%);
background: -moz-linear-gradient(top, #a4db8c 0%, #61c419 100%);
background: -ms-linear-gradient(top, #a4db8c 0%, #61c419 100%);
background: -o-linear-gradient(top, #a4db8c 0%, #61c419 100%);
background: linear-gradient(to bottom, #a4db8c 0%, #61c419 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa4db8c', endColorstr='#ff61c419', GradientType=0 );
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.routime ..priority-label .label {
background: #7db9e8;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7db9e8), color-stop(100%, #4f85dd));
background: -webkit-linear-gradient(top, #7db9e8 0%, #4f85dd 100%);
background: -moz-linear-gradient(top, #7db9e8 0%, #4f85dd 100%);
background: -ms-linear-gradient(top, #7db9e8 0%, #4f85dd 100%);
background: -o-linear-gradient(top, #7db9e8 0%, #4f85dd 100%);
background: linear-gradient(to bottom, #7db9e8 0%, #4f85dd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7db9e8', endColorstr='#ff4f85dd', GradientType=0 );
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.urgent .priority-label .label {
background: #fc942d;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fc942d), color-stop(100%, #ff572d));
background: -webkit-linear-gradient(top, #fc942d 0%, #ff572d 100%);
background: -moz-linear-gradient(top, #fc942d 0%, #ff572d 100%);
background: -ms-linear-gradient(top, #fc942d 0%, #ff572d 100%);
background: -o-linear-gradient(top, #fc942d 0%, #ff572d 100%);
background: linear-gradient(to bottom, #fc942d 0%, #ff572d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffc942d', endColorstr='#ffff572d', GradientType=0 );
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.high .priority-label .label {
background: #ff5b5b;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #ff5b5b), color-stop(100%, #c93838));
background: -webkit-linear-gradient(top, #ff5b5b 1%, #c93838 100%);
background: -moz-linear-gradient(top, #ff5b5b 1%, #c93838 100%);
background: -ms-linear-gradient(top, #ff5b5b 1%, #c93838 100%);
background: -o-linear-gradient(top, #ff5b5b 1%, #c93838 100%);
background: linear-gradient(to bottom, #ff5b5b 1%, #c93838 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff5b5b', endColorstr='#ffc93838', GradientType=0 );
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.widget-remember .widget-list .completed span,
.widget-remember .widget-list .completed .title,
.widget-remember .widget-list .completed a,
.widget-remember .widget-list .completed .tags .label {
color: #999 !important;
}
.widget-remember .widget-list .completed .tags .label {
background-color: #ededed !important;
}
.widget-remember .widget-list .completed .priority-label .label {
background: #d4d4d4;
box-shadow: none;
}
.widget-remember .widget-list .completed .quick-menu .edit {
display: none;
}
/* NOTES
------------------------------------------- */
.widget-notes {
background-color: #f6f5df;
}
.widget-notes .quick-menu-icon {
float: right;
margin-bottom: 0;
}
.widget-notes .date {
font-weight: bold;
color: #3399FF;
}
.widget-list .note {
margin-bottom: 0;
}
/* WIDGET MEDIA THUMB
------------------------------------------- */
.thumb-bordereb .thumb {
border: 5px solid #eee;
}
.thumb-mini .media-thumb .thumb,
.thumb-mini .media-thumb .img-shadow {
height: 25px;
width: 25px;
}
.thumb-small .media-thumb .thumb,
.thumb-small .media-thumb .img-shadow {
height: 35px;
width: 35px;
}
.media-thumb .thumb,
.media-thumb .img-shadow {
height: 45px;
width: 45px;
}
.thumb-large .media-thumb .thumb,
.thumb-large .media-thumb .img-shadow {
height: 55px;
width: 55px;
}
.thumb-xlarge .media-thumb .thumb,
.thumb-xlarge .media-thumb .img-shadow {
height: 70px;
width: 70px;
}
.thumb-xxlarge .media-thumb .thumb,
.thumb-xxlarge .media-thumb .img-shadow {
height: 96px;
width: 96px;
}
.thumb-mini .media-thumb [class^="fontello-icon-"]:before,
.thumb-mini .media-thumb [class^="aweso-icon-"]:before {
font-size: 1.3em;
}
.thumb-small .media-thumb [class^="fontello-icon-"]:before,
.thumb-small .media-thumb [class^="aweso-icon-"]:before {
font-size: 1.7em;
}
.media-thumb [class^="fontello-icon-"]:before,
.media-thumb [class^="aweso-icon-"]:before {
font-size: 2.2em;
}
.thumb-large .media-thumb [class^="fontello-icon-"]:before,
.thumb-large .media-thumb [class^="aweso-icon-"]:before {
font-size: 2.7em;
}
.thumb-xlarge .media-thumb [class^="fontello-icon-"]:before,
.thumb-xlarge .media-thumb [class^="aweso-icon-"]:before {
font-size: 3.4em;
}
.thumb-xxlarge .media-thumb [class^="fontello-icon-"]:before,
.thumb-xxlarge .media-thumb [class^="aweso-icon-"]:before {
font-size: 4.2em;
}
/* USER-LIST
------------------------------------------- */
.user-list .title a {
text-decoration: none;
}
.user-list .title a:hover {
color: #333;
}
.user-list .title small,
.user-list .title small {
font-size: 12px;
font-weight: normal;
}
.user-list .data {
line-height: 16px;
font-size: 12px;
}
.user-list .data > li {
font-size: 12px;
}
.user-list .data > .divider-vertical {
height: 16px;
margin: 2px 6px 0;
padding: 0;
border-right: 1px solid #ffffff;
border-left: 1px solid #bdbdbd;
}
.user-list .meta {
margin: 0;
font-size: 11px;
line-height: 16px;
color: #777;
}
.user-list .meta a {
color: #00315d;
font-weight: bold
}
.user-list .meta strong {
color: #111;
}
.user-list .meta > li {
}
.user-list .meta > .divider-vertical {
height: 14px;
margin: 3px 6px 0;
padding: 0;
border-right: 1px solid #ffffff;
border-left: 1px solid #bdbdbd;
}
/*** MEDIAGRID
---------------------------------------------------------------------------- */
.mediagrid {
margin-left: -30px;
list-style: none;
*zoom: 1;
}
.mediagrid:before,
.mediagrid:after {
display: table;
content: "";
}
.mediagrid:after {
clear: both;
}
.row-fluid .mediagrid {
margin-left: 0;
}
.mediagrid-center {
text-align: center;
}
.mediagrid > li {
display: inline-block;
margin-bottom: 19px;
vertical-align: top;
}
.mediagrid > li {
margin-right: 2.2820%; /*1.8641%;*/
}
.media-item {
display: block;
line-height: 1;
/*width: 220px*/
}
.mediagrid.media-item-940 > li {
width: 940px;
}
.mediagrid.media-item-860 > li {
width: 860px;
}
.mediagrid.media-item-780 > li {
width: 780px;
}
.mediagrid.media-item-700 > li {
width: 700px;
}
.mediagrid.media-item-620 > li {
width: 620px;
}
.mediagrid.media-item-540 > li {
width: 540px;
}
.mediagrid.media-item-460 > li {
width: 460px;
}
.mediagrid.media-item-380 > li {
width: 380px;
}
.mediagrid.media-item-300 > li {
width: 300px;
}
.mediagrid.media-item-260 > li {
width: 260px;
}
.mediagrid.media-item-240 > li {
width: 240px;
}
.mediagrid.media-item-220 > li {
width: 220px;
}
.mediagrid.media-item-200 > li {
width: 200px;
}
.mediagrid.media-item-190 > li {
width: 190px;
}
.mediagrid.media-item-180 > li {
width: 180px;
}
.mediagrid.media-item-170 > li {
width: 170px;
}
.mediagrid.media-item-160 > li {
width: 160px;
}
.mediagrid.media-item-150 > li {
width: 150px;
}
.mediagrid.media-item-140 > li {
width: 140px;
}
.mediagrid.media-item-130 > li {
width: 130px;
}
.mediagrid.media-item-125 > li {
width: 125px;
}
.mediagrid.media-item-120 > li {
width: 120px;
}
.mediagrid.media-item-110 > li {
width: 110px;
}
.mediagrid.media-item-100 > li {
width: 100px;
}
.mediagrid.media-item-75 > li {
width: 75px;
}
.mediagrid.media-item-60 > li {
width: 60px;
}
/*
.mediagrid.media-item-6 > li { width: 776px; }
.mediagrid.media-item-5 > li { width: 640px; }
.mediagrid.media-item-4 > li { width: 504px; }
.mediagrid.media-item-3 > li { width: 368px; }
.mediagrid.media-item-2 > li { width: 232px; }
.mediagrid.media-item-1 > li { width: 95px; }
*/
/* STATISTIC BOX
---------------------------------------------------------------------------- */
.statistic-box {
padding: 0;
}
.statistic-box .section-title {
padding: 0 10px;
border-bottom: 1px solid #d1d2d5;
text-align: left;
}
.well-black .section-title,
.statistic-box.well-black .section-title {
border-bottom: 1px solid #222;
}
.statistic-box .section-content {
padding: 9px 10px;
border-top: 1px solid #ffffff;
}
.well-black .section-content,
.well-black.statistic-box .section-content {
border-top: 1px solid #515356;
}
.statistic-box .section-content.item {
border-bottom: 1px solid #d1d2d5;
}
.well-black .section-content.item,
.well-black.statistic-box .section-content.item {
border-bottom-color: #222222;
}
.statistic-box .section-right,
.statistic-box .section-left {
float: left;
padding: 9px 10px;
}
.statistic-box .section-wrapper-left {
float: left;
border-right: 1px solid #515356;
}
.statistic-box .section-wrapper-left .section-left {
border-right: 1px solid #222;
}
.statistic-box .section-wrapper-right {
float: left;
border-left: 1px solid #222;
}
.statistic-box .section-wrapper-right .section-right {
border-left: 1px solid #515356;
}
.statistic-box .section-icon .item-icon {
display: block;
height: 25px;
font-size: 1.26em;
padding: 9px 0 9px 7px;
position: relative;
text-align: center;
width: 25px;
}
/* STATISTIC VALUES
------------------------------------------- */
.statistic-values {
position: relative;
margin: 0;
}
.nav .statistic-values {
display: inline-block;
}
.statistic-values .indicator[class*="icon-"]:before,
.statistic-values .indicator[class*="fontello-icon-"]:before,
.statistic-values .indicator[class*="aweso-icon-"]:before,
.statistic-values .indicator[class*="fugue-icon-"]:before {
margin-right: 0.1em;
font-size: 1.226em;
width: 0.6em;
}
.statistic-values sub,
.statistic-values sup {
font-size: 55%;
}
.statistic-values sup {
top: -0.6em;
}
.statistic-values sub {
bottom: 0;
}
.statistic-group {
position: relative;
}
.statistic-group h1.statistic-values,
.statistic-group h2.statistic-values,
.statistic-group h3.statistic-values,
.statistic-group h4.statistic-values,
.statistic-group h5.statistic-values,
.statistic-group h6.statistic-values {
line-height: 1.4;
}
.positive,
.statistic-values.positive {
color: #57A957
}
.negative,
.statistic-values.negative {
color: #db6464
}
.statistic-group .progress {
margin-bottom: 9px;
}
.statistic-group .bar-info {
float: right;
font-size: 12px;
}
.statistic-group:before,
.statistic-group:after {
display: table;
content: "";
}
.statistic-group:after {
clear: both;
}
/* STATISTIC */
.stat-infobox .thumbnails {
margin-bottom: 0
}
.stat-infobox .thumbnails > li {
margin-bottom: 0
}
.circle-box {
margin-bottom: 10px;
}
.circle-box:before,
.circle-box:after {
display: table;
content: "";
}
.circle-box:after {
clear: both;
}
.circle-header {
line-height: 20px;
padding: 8px 0;
}
.circle-content {
margin: 0 0 10px;
display: -webkit-box;
display: -moz-box;
display: box;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
box-orient: vertical;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-box-pack: center;
/*-moz-box-pack: center;
box-pack: center;*/
}
.circle-content:last-child {
margin: 0 ;
}
.circle {
position: relative;
border-radius: 50em;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8)
}
.circle-shadow {
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), 0 0px 6px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), 0 0px 6px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 0px 6px rgba(0, 0, 0, 0.2);
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8)
}
.circle-shadow.in {
padding: 5px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.35),inset 0 1px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.35),inset 0 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.35),inset 0 1px 1px rgba(0, 0, 0, 0.1);
}
.circle160 { width:160px; height:160px; }
.circle150 { width:150px; height:150px; }
.circle140 { width:140px; height:140px; }
.circle130 { width:130px; height:130px; }
.circle120 { width:120px; height:120px; }
.circle110 { width:110px; height:110px; }
.circle100 { width:100px; height:100px; }
.circle90 { width:90px; height:90px; }
.circle80 { width:80px; height:80px; }
.circle70 { width:70px; height:70px; }
.circle60 { width:60px; height:60px; }
.circle-content.inpressed {
padding: 4px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.35),inset 0 1px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.35),inset 0 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.35),inset 0 1px 1px rgba(0, 0, 0, 0.1);
}
.circle-footer {
line-height: 20px;
padding: 8px 0;
}
.circle input[disabled],
.circle input[readonly] {
box-shadow: none;
text-shadow: 0 1px 0 rgba(255, 255, 255, 1)
}
.well-black .circle input[disabled],
.well-black .circle input[readonly] {
color: #f1f1f1 !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8)
}
.circle input[disabled].circle-input,
.circle input[readonly].circle-input {
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.35);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.35);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.35);
}
/* PIE CHART
---------------------------------------------------------------------------- */
.easyPieChart {
position: relative;
text-align: center;
}
.easyPieChart canvas {
position: absolute;
top: 0;
left: 0;
}
/* WIZARD
---------------------------------------------------------------------------- */
.wizard form {
margin-bottom: 0;
}
.wizard .navbar,
.wizard .progress {
margin-bottom: 10px;
}
.wizard .tab-content {
padding-top: 5px
}
.wizard .tab-content .pager {
margin: 5px 0;
}
.number-page {
display: inline-block;
*display: inline;
*z-index: 1;
}
.navbar .number-page {
padding: 10px 15px;
margin: 3px 2px 2px;
line-height: 14px;
font-size: 12px;
color: #333333;
background-color: transparent;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
.navbar-inverse .number-page {
color: #f1f1f1;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.35), inset 0px 2px 5px -3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.35), inset 0px 2px 5px -3px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.35), inset 0px 2px 5px -3px rgba(0, 0, 0, 0.3);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 1);
}
.wizard-indicator {
float: right;
width: 150px;
}
.navbar .wizard-indicator .progress {
margin-top: 10px;
}
.navbar .wizard-indicator .progress-small {
margin-top: 14px;
}
.navbar .wizard-indicator .progress-mini {
margin-top: 15px;
}
.wizard legend {
line-height: 30px;
margin-bottom: 10px;
font-size: 16px;
font-weight: bold;
color: #333333;
text-transform: uppercase;
}
.wizard legend small {
font-weight: normal;
}
.wizard legend span {
font-size: 15px;
color: #3399FF;
font-weight: normal;
}
.wizard-action {
margin: 10px 0 0;
padding-top: 10px;
border-top: 1px solid #c8ccce;
list-style: none;
*zoom: 1;
}
.well-black .wizard-action {
border-top-color: #515356;
}
.footer .wizard-action {
border-top: none;
margin: 5px 0;
padding-top: 0;
}
.wizard-action.center {
text-align: center;
}
.wizard-pager {
margin: 5px 0 10px;
text-align: center;
list-style: none;
*zoom: 1;
}
.wizard-action:before,
.wizard-action:after,
.wizard-pager:before,
.wizard-pager:after {
display: table;
line-height: 0;
content: "";
}
.wizard-action:after,
.wizard-pager:after {
clear: both;
}
.wizard-action li,
.wizard-pager li {
display: inline;
}
.wizard-action li .btn,
.wizard-pager li .btn {
margin: 0 2px;
}
.wizard-pager .next,
.wizard-pager .next {
float: right;
}
.wizard-pager .previous,
.wizard-pager .previous {
float: left;
}
.wizard h1,
.wizard h2,
.wizard h3,
.wizard h4,
.wizard h5,
.wizard h6 {
margin: 0 0 10px;
}
.well-box.wizard .navbar {
margin-bottom: 0;
}
.summary-list {
list-style: none;
margin-left: 0;
}
.summary-list p {
margin-bottom: 0px;
font-size: 13px;
}
.summary-list .label-field {
display: inline-block;
*display: inline;
margin-right: 20px;
width: 160px;
text-align: right;
font-weight: normal;
*z-index:1;
}
.summary .label-small .label-field {
width: 110px;
}
.summary .label-left .label-field {
text-align: left;
}
/* SPARKLINE TOOLTIP
---------------------------------------------------------------------------- */
/* default
------------------------------------------- */
.jqstooltip {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
/* define
------------------------------------------- */
.sparktip {
position: absolute;
left: 0px;
top: 0px;
visibility: hidden;
color: white;
font-size: 12px;
font-weight: bold;
text-align: left;
white-space: nowrap;
padding: 5px 7px;
background: rgb(0, 0, 0) transparent;
background-color: rgba(0,0,0,0.9);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: none;
z-index: 10000;
}
.sparktip .jqsfield {
color: white;
font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: left;
}
/*** PAGE SCROLLUP
------------------------------------------------------------------------- ***/
#btnScrollup {
display: none;
float: left;
color: #D6B200 !important;
}
/*** BOOTSTRAP FILE UPLOAD
------------------------------------------------------------------------- ***/
.btn-file {
position: relative;
overflow: hidden;
vertical-align: middle;
}
.btn-file > input {
position: absolute;
top: 0;
right: 0;
margin: 0;
cursor: pointer;
border: solid transparent;
border-width: 0 0 100px 200px;
opacity: 0;
filter: alpha(opacity=0);
-moz-transform: translate(-300px, 0) scale(4);
direction: ltr;
}
.fileupload {
margin-bottom: 9px;
}
.fileupload .uneditable-input {
display: inline-block;
margin-bottom: 0;
line-height: 20px;
*line-height: 20px;
-webkit-min-logical-height: 30px;
vertical-align: middle;
cursor: text;
}
.fileupload .thumbnail {
display: inline-block;
margin-bottom: 5px;
overflow: hidden;
text-align: center;
vertical-align: middle;
}
.fileupload .thumbnail > img {
display: inline-block;
max-height: 100%;
vertical-align: middle;
}
.fileupload .btn {
vertical-align: middle;
}
.fileupload-exists .fileupload-new,
.fileupload-new .fileupload-exists {
display: none;
}
.fileupload-inline .fileupload-controls {
display: inline;
}
.fileupload-new .input-append .btn-file {
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
.thumbnail-borderless .thumbnail {
padding: 0;
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.fileupload-new.thumbnail-borderless .thumbnail {
border: 1px solid #ddd;
}
.control-group.warning .fileupload .uneditable-input {
color: #a47e3c;
border-color: #a47e3c;
}
.control-group.warning .fileupload .fileupload-preview {
color: #a47e3c;
}
.control-group.warning .fileupload .thumbnail {
border-color: #a47e3c;
}
.control-group.error .fileupload .uneditable-input {
color: #b94a48;
border-color: #b94a48;
}
.control-group.error .fileupload .fileupload-preview {
color: #b94a48;
}
.control-group.error .fileupload .thumbnail {
border-color: #b94a48;
}
.control-group.success .fileupload .uneditable-input {
color: #468847;
border-color: #468847;
}
.control-group.success .fileupload .fileupload-preview {
color: #468847;
}
.control-group.success .fileupload .thumbnail {
border-color: #468847;
}
/*** LOGIN PAGE - LOGIN DEMO
------------------------------------------------------------------------- ***/
.signin .signin-signin {
max-width: 360px;
margin: 0 auto 20px;
}
.signin .tab-content {
padding-top: 0;
}
.signin .welcome {
color: #369;
margin: 10px 0 20px;
font-size: 86px;
font-family: ForteMT;
line-height: 1.1;
letter-spacing: -0.02em;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.65), 0 -1px 0 rgba(0, 0, 0, 0.30);
opacity: 0.75;
filter: alpha(opacity=75);
}
.signin .welcome span,
.signin .welcome small {
font-size: 36px;
}
.signin-horizontal .welcome {
color: #336699;
margin: 10px 0 20px;
font-size: 86px;
font-family: ForteMT;
line-height: 1.1;
letter-spacing: -0.02em;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.65), 0 -1px 0 rgba(0, 0, 0, 0.30);
opacity: 0.75;
filter: alpha(opacity=75);
}
.signin .signin-horizontal .welcome span,
.signin .signin-horizontal .welcome small {
font-size: 36px;
}
.signin a.link {
color: #0066cc;
text-decoration: none;
}
.signin a.link:hover {
color: #005580;
}
.signin .well-black a.link {
color: #1E90FF;
}
.signin .well-black a.link:hover {
color: #68b5ff;
}
.signin input {
height: 18px;
padding: 10px 6px;
margin-bottom: 5px;
font-size: 16px;
font-weight: 400;
line-height: 18px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}
.signin .input-block-level {
min-height: 40px;
}
.signin .well-black input {
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
}
.signin .form-tied input {
margin-bottom: 0;
}
.signin .well-black .form-tied input {
background-color: #2d3033;
}
.signin .form-tied legend {
font-size: 13px;
font-weight: bold;
line-height: 20px;
padding: 0 6px;
margin-bottom: 5px;
border-bottom: none;
}
.signin .well-black .form-tied legend {
color: #c7cacf;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
}
.signin .form-tied ul {
margin: 0 0 20px;
list-style: none;
}
.signin .form-tied ul > li,
.signin .form-tied ul > li {
padding: 0;
margin: 0;
}
.signin .form-tied ul > li input {
margin-bottom: 0;
border-top-color: #b5b7c4;
border-bottom: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background-color: rgba(0, 0, 0, 0.09);
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, -2px 0 4px -3px rgba(0, 0, 0, 0.2) inset, 2px 0 4px -3px rgba(0, 0, 0, 0.2) inset;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, -2px 0 4px -3px rgba(0, 0, 0, 0.2) inset, 2px 0 4px -3px rgba(0, 0, 0, 0.2) inset;
-o-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, -2px 0 4px -3px rgba(0, 0, 0, 0.2) inset, 2px 0 4px -3px rgba(0, 0, 0, 0.2) inset;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, -2px 0 4px -3px rgba(0, 0, 0, 0.2) inset, 2px 0 4px -3px rgba(0, 0, 0, 0.2) inset;
}
.signin .form-tied ul > li:first-child input {
border-top-color: #a8aBBa;
border-bottom: none;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
-o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
}
.signin .form-tied ul > li:last-child input {
border: 1px solid;
border-color: #b5b7c4 #b5b7c5 #c5c7d2;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), -2px 0 4px -3px rgba(0, 0, 0, 0.2) inset, 2px 0 4px -3px rgba(0, 0, 0, 0.2) inset;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), -2px 0 4px -3px rgba(0, 0, 0, 0.2) inset, 2px 0 4px -3px rgba(0, 0, 0, 0.2) inset;
-o-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), -2px 0 4px -3px rgba(0, 0, 0, 0.2) inset, 2px 0 4px -3px rgba(0, 0, 0, 0.2) inset;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), -2px 0 4px -3px rgba(0, 0, 0, 0.2) inset, 2px 0 4px -3px rgba(0, 0, 0, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.4) inset;
}
.signin .well-black .form-tied ul > li input {
border-top-color: #272727;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset;
-o-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset;
}
.signin .well-black .form-tied ul > li:first-child input {
border-top-color: #272727;
border-bottom: none;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
-o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
}
.signin .well-black .form-tied ul > li:last-child input {
border: 1px solid;
border-color: #272727 #252525 #222222;
border-bottom: none;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.03) inset;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.03) inset;
-o-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.03) inset;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.03) inset;
}
.signin input:-moz-placeholder, .login textarea:-moz-placeholder {
text-shadow: 0 1px 0 rgba(255,255, 255, 0.6);
}
.signin input:-ms-input-placeholder, .login textarea:-ms-input-placeholder {
text-shadow: 0 1px 0 rgba(255,255, 255, 0.6);
}
.signin input::-webkit-input-placeholder, .login textarea::-webkit-input-placeholder {
text-shadow: 0 1px 0 rgba(255,255, 255, 0.6);
}
.signin .well-black input:-moz-placeholder, .login .well-black textarea:-moz-placeholder {
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
}
.signin .well-black input:-ms-input-placeholder, .login .well-black textarea:-ms-input-placeholder {
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
}
.signin .well-black input::-webkit-input-placeholder, .login .well-black textarea::-webkit-input-placeholder {
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
}
.signin .well-black .btn {
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
-o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}
.signin .note {
color: #555555;
line-height: 18px
}
.signin .well-black .note {
color: #acb0b5;
}
.signin .web-description {
text-align: center;
color: #8b8c8e;
text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
}
.signin .web-description h5 {
margin-bottom: 10px;
color: 6d6e71
}
.signin .web-description p {
font-size: 12px;
line-height: 16px
}
.signin-horizontal .web-description {
text-align: left;
}
.signin .btn {
margin-bottom: 5px;
}
/*** RESPOSIVE
------------------------------------------------------------------------- ***/
@media (min-width: 768px) and (max-width: 979px) {
}
@media (max-width: 767px) {
}
@media (min-width: 1200px) {
/* sidebar */
.sidebar {
top: 76px
}
.base-layout .sidebar {
top: 47px
}
.sidebar-left .sidebar,
.sidebar-right .sidebar {
width: 270px;
}
/* content */
.sidebar-left .main-content {
margin-left: 270px;
}
.sidebar-right .main-content {
margin-right: 270px;
}
.sidebar-hidden.sidebar-left .main-content {
margin-left: 0px;
}
.sidebar-hidden.sidebar-right .main-content {
margin-right: 0px;
}
/* footer-fix sidebar */
.sidebar-left .footer-sidebar {
left: 0;
width: 270px;
}
.sidebar-right .footer-sidebar {
right: 0;
width: 270px;
}
.sidebar-left .footer-content {
margin-left: 270px;
}
.sidebar-right .footer-content {
margin-right: 270px;
}
.sidebar-hidden.sidebar-left .footer-content {
margin-left: 0px;
}
.sidebar-right.sidebar-hidden .footer-content {
margin-right: 0px;
}
/* control-row */
.row-fluid .controls-row [class*="span"] + [class*="span"], .row-fluid .controls-row [class*="span"] + .bootstrap-select, .row-fluid .controls-row .bootstrap-select + [class*="span"] {
margin-left: 2.55391%; /*30 2.55391%*/
}
.row-fluid .controls-row [class*="span"] + .bootstrap-select, .row-fluid .controls-row .bootstrap-select + [class*="span"] {
margin-left: 2.564102564102564%;
}
.controls-row [class*="span"] + [class*="span"].block,
.controls-row .btn-group.bootstrap-select + [class*="span"].block {
margin-left: 0;
}
.hidden-small-desktop {
display: none;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.container-fluid {
padding-left: 10px;
padding-right: 10px;
}
.base-layout #header-container {
height: 57px;
}
.page-head {
margin: 0 -10px;
padding: 0 10px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}
.sidebar {
position: fixed;
top: 86px;
bottom: 0;
}
.base-layout .sidebar {
top: 57px
}
.sidebar-left .sidebar {
left: 0;
width: 200px;
}
.sidebar-right .sidebar {
right: 0;
width: 200px;
}
.sidebar-left .main-content {
margin-left: 200px;
}
.sidebar-right .main-content {
margin-right: 200px;
}
.sidebar-hidden.sidebar-left .main-content {
margin-left: 0px;
}
.sidebar-hidden.sidebar-right .main-content {
margin-right: 0px;
}
.sidebar .profile .data {
display: none;
}
#footer-sidebar {
position: fixed;
bottom: 0;
width: 200px;
}
.sidebar-left #footer-sidebar {
left: 0;
}
.sidebar-right #footer-sidebar {
right: 0;
}
.sidebar-left .footer-content {
margin-left: 200px;
}
.sidebar-right .footer-content {
margin-right: 200px;
}
.sidebar-hidden.sidebar-left .footer-content {
margin-left: 0px;
}
.sidebar-hidden.sidebar-right .footer-content {
margin-right: 0px;
}
#header-container {
height: 86px;
}
#header .header-drawer {
margin-top: 0;
position: relative;
top: 0;
}
.navbar-page {
margin-right: -10px;
margin-left: -10px;
}
.form-horizontal .control-label {
width: 110px;
}
.form-horizontal .controls {
margin-left: 130px;
}
}
@media (max-width: 767px) {
.container,
.container-fluid {
padding-left: 10px;
padding-right: 10px;
}
#header-container,
.base-layout #header-container {
height: auto;
position: relative;
}
#header {
left: 0;
position: relative;
top: 0;
}
.navbar-fixed-top,
.navbar-fixed-bottom,
.navbar-static-top {
margin-left: 0px;
margin-right: 0px;
}
.navbar-page {
margin-right: -10px;
margin-left: -10px;
}
.page-head {
margin: 0 -10px;
padding: 0 10px;
}
.page-head h2.page-title {
font-size: 24.5px;
color: #fff;
}
.page-head h2.page-title small {
font-size: 18px;
}
.page-head .page-title + .pagedesc {
margin-top: -10px;
}
.sidebar .profile .media-left {
float: left;
margin-right: 10px;
}
.sidebar-left .sidebar,
.sidebar-right .sidebar {
position: relative;
left: 0;
top: 0;
bottom: auto;
display: block;
padding-bottom: 10px;
width: 100%;
height: 0;
border-right: none;
border-left: none;
z-index: 2000;
-webkit-box-shadow: 0 1px 8px 1px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 0 1px 8px 1px rgba(0, 0, 0, 0.6);
-o-box-shadow: 0 1px 8px 1px rgba(0, 0, 0, 0.6);
box-shadow: 0 1px 8px 1px rgba(0, 0, 0, 0.6);
}
.sidebar-left .footer-sidebar {
left: 0;
width: 0;
}
.sidebar-right .footer-sidebar {
right: 0;
width: 0;
}
.sidebar-left .main-content,
.sidebar-hidden.sidebar-left .main-content,
.sidebar-left .footer-content,
.sidebar-hidden.sidebar-left .footer-content,
.sidebar-right .nav-side .accordion-group > .active {
margin-left: 0px;
}
.sidebar-right .main-content,
.sidebar-hidden.sidebar-right .main-content,
.sidebar-right .footer-content,
.sidebar-hidden.sidebar-right .footer-content,
.sidebar-left .nav-side .accordion-group > .active {
margin-right: 0;
}
.navbar-fixed-top {
margin-bottom: 0px;
}
#header .header-bar {
position: absolute;
top: 0;
left: 0;
height: 65px;
}
#header .header-drawer {
position: relative;
top: 0px;
margin-top: 0px;
}
.base-layout #header .header-draver {
height: 5px;
}
.mobile-nav {
text-align: center;
}
.mobile-btn {
display: block;
padding: 7px 0;
font-size: 18px;
font-weight: bold;
color: #3b8f32;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
text-align: center;
}
.mobile-btn:hover {
color: #31722a;
text-decoration: none;
}
#footer-fix {
background-color: #395673;
}
.footer-sidebar {
display: none;
background: #336699;
bottom: 0;
min-height: 40px;
position: relative;
width: 0px;
}
input[class*="span"] + input[class*="span"],
input[class*="span"] + select[class*="span"],
select[class*="span"] + select[class*="span"],
input[class*="span"] + textarea[class*="span"],
.uneditable-input + .uneditable-input {
margin-top: 9px;
}
.media-left,
.media-right {
display: block;
margin-bottom: 10px;
}
}
@media (max-width: 480px) {
.media-left,
.media-right {
display: block;
float: none;
margin-bottom: 10px;
}
#footer-fix .navbar-inverse .navbar-inner {
padding-left: 8px;
padding-right: 8px;
}
#footer-fix .navbar .divider-vertical {
border-left: none;
border-right: none;
}
#footer-fix .navbar .nav > li > a {
padding: 10px 5px;
}
}
@media (max-width: 979px) {
.grider[class*="span"],
.row-fluid .grider[class*="span"] {
display: block;
float: none;
width: 100%;
margin-left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.thumbnails-inline > li {
float: left;
margin-right: 5px;
}
}
@media (max-width: 1200px) {
.grider-item[class*="span"],
.row-fluid .grider-item[class*="span"] {
display: block;
float: none;
width: 100%;
margin-left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
h1.text-size,
h2.text-size,
h3.text-size {
font-size: 170%;
}
.visible-small-desktop {
display: none;
}
}
@media (min-width: 980px) {
}
/*
* -----------------------------------------------------------------------------
* BOO - WIDGET - Contact
* -----------------------------------------------------------------------------
*/
.ln-letters {
overflow: hidden;
margin-left: 0;
list-style: none;
}
.ln-letters li {
display: inline-block;
}
.ln-letters a {
display: block;
padding: 1px 3px;
color: #3399ff;
text-align: center;
text-decoration: none;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
font-weight: bold;
font-size: 11.9px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.ln-letters a:hover,
.ln-letters a.ln-selected {
color: #333333;
background-color: #dbdde2;
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.8);
-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.8);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.8);
}
.ln-letters a.ln-disabled {
color: #c2c2c2;
}
.ln-letter-count {
margin-bottom: 3px;
padding: 5px 5px;
background-color: #111111;
background-color: rgba(0, 0, 0, 0.8);
color: #fff;
text-align: center;
font-weight: bold;
font-size: 11.9px;
line-height: 1;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.ln-letter-count:before {
position: absolute;
top: 100%;
left: 50%;
margin-top: 0px;
margin-left: -4px;
border-top: 4px solid #111;
border-top: 4px solid rgba(0, 0, 0, 0.8);
border-right: 4px solid transparent;
border-left: 4px solid transparent;
content: "";
}
.ln-letter-count:after {
position: absolute;
top: 100%;
left: 50%;
z-index: 1;
margin-top: 0px;
margin-left: -4px;
border-top: 4px solid #333;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
content: "";
}
.ln-no-match {
padding: 10px;
font-weight: bold;
font-size: 16.099999999999998px;
}
.nav-alphabet {
position: relative;
}
.alphabet-list .ln-letters {
float: left;
width: 35px;
}
.alphabet-list .ln-letters > li {
display: block;
padding: 1px 0;
}
.alphabet-list + .nav-list-wrap {
margin-left: 50px;
}
.alphabet-in {
position: relative;
}
.alphabet-in .nav-alphabet {
position: absolute;
top: 10px;
right: 15px;
}
.alphabet-in .ln-letters {
width: 26px;
}
.alphabet-in .ln-letters a {
padding: 0;
font-size: 11.9px;
}
.showCounts .ln-letters {
margin-top: 35px;
}
.showCounts .ln-letter-count {
padding: 8px;
font-weight: bold;
font-size: 16.099999999999998px;
}
.alphabet-btn .ln-letters a {
display: block;
margin-right: 2px;
margin-bottom: 2px;
padding: 2px 9px;
border: 1px solid #cccccc;
vertical-align: middle;
text-align: center;
font-size: 11.9px;
line-height: 20px;
cursor: pointer;
*border: 0;
border-bottom-color: #b3b3b3;
color: #333333;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
background-color: #f5f5f5;
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #e6e6e6;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
*zoom: 1;
}
.alphabet-btn .ln-letters a:hover,
.alphabet-btn .ln-letters a:focus,
.alphabet-btn .ln-letters a:active,
.alphabet-btn .ln-letters a.active,
.alphabet-btn .ln-letters a.disabled,
.alphabet-btn .ln-letters a[disabled] {
color: #333333;
background-color: #e6e6e6;
*background-color: #d9d9d9;
}
.alphabet-btn .ln-letters a:active,
.alphabet-btn .ln-letters a.active {
background-color: #cccccc \9;
}
.alphabet-btn .ln-letters a:hover,
.alphabet-btn .ln-letters a:focus {
background-position: 0 -15px;
color: #333333;
text-decoration: none;
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
}
.alphabet-btn .ln-letters a:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.alphabet-btn .ln-letters a.active,
.alphabet-btn .ln-letters a:active,
.alphabet-btn .ln-letters a.ln-selected {
border-top-color: #0e9bff;
background-color: #006bb7;
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
background-color: #1e91e2;
background-image: -moz-linear-gradient(top, #32aaff, #006bb7);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#32aaff), to(#006bb7));
background-image: -webkit-linear-gradient(top, #32aaff, #006bb7);
background-image: -o-linear-gradient(top, #32aaff, #006bb7);
background-image: linear-gradient(to bottom, #32aaff, #006bb7);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff32aaff', endColorstr='#ff006bb7', GradientType=0);
border-color: #006bb7 #006bb7 #003e6b;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.alphabet-btn .ln-letters a.disabled,
.alphabet-btn .ln-letters a[disabled],
.alphabet-btn .ln-letters a.ln-disabled {
background-image: none;
color: #c2c2c2;
cursor: default;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.alphabet-list.alphabet-btn .ln-letters a {
padding: 0px;
margin-right: 0;
}
.nav-contact {
font-size: 10.5px;
line-height: 18px;
}
.nav-contact .name {
font-size: 15.5px;
line-height: 1em;
}
.nav-contact a {
padding-right: 8px;
padding-left: 8px;
color: #333333;
cursor: pointer;
}
.nav-contact a:hover .name,
.nav-contact .active .name {
color: #317bc8;
}
.nav-contact > li > a:hover {
background-color: #f3f3f6;
}
.nav-contact > .active > a {
background-color: #f6f7fe;
}
.well .nav-contact > .active > a {
background-color: #f6f7fe;
background-image: -moz-linear-gradient(left, #e9f3fd, #f6f7fe);
background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#e9f3fd), to(#f6f7fe));
background-image: -webkit-linear-gradient(left, #e9f3fd, #f6f7fe);
background-image: -o-linear-gradient(left, #e9f3fd, #f6f7fe);
background-image: linear-gradient(to right, #e9f3fd, #f6f7fe);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe9f3fd', endColorstr='#fff6f7fe', GradientType=1);
}
/*
.list li {
border-bottom: 1px solid #ccc;
display: table;
border-collapse: collapse;
width: 100%;
}
.inner {
display: table-row;
overflow: hidden;
}
.li-img {
display: table-cell;
vertical-align: middle;
width: 40%;
padding-right: 1em;
}
.li-img img {
display: block;
width: 100%;
height: auto;
}
.li-text {
display: table-cell;
vertical-align: middle;
width: 60%;
}
.li-head {
margin: 0;
}
.li-sub {
margin: 0;
}
@media all and (min-width: 40em) {
.list {
padding: 0.5em;
max-width:70em;
margin: 0 auto;
overflow: hidden;
}
.list li {
padding: 0.5em;
display: block;
width: 50%;
float: left;
background: none;
border: 0;
}
.inner {
display: block;
}
.li-img, .li-text, .inner {
display: block;
width: auto;
padding: 0;
}
.li-text {
padding: 0.5em 0;
}
}
@media all and (min-width: 60em) {
.list li {
width: 33.33333333%;
}
}
*/
|
Download
