.panel-toolbar:after,
.page-header:after,
.header-bar-stats .page-stats li:after,
.panel-heading:after { content: ""; display: table; clear: both; }
html {
height: 100%;
}
body {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
position: relative;
min-height: 100%;
}
a {
cursor: pointer;
}
a:hover,
a:focus {
color: #3D9AE4;
text-decoration: none;
outline: 0;
}
button:hover,
button:focus {
outline: 0;
}
/*===== Headings =====*/
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-weight: 600;
line-height: 1.42857143;
margin-top: 0;
}
h1,
.h1 {
font-size: 24px;
}
h2,
.h2 {
font-size: 22px;
}
h3,
.h3 {
font-size: 20px;
}
h4,
.h4 {
font-size: 18px;
}
h5,
.h5 {
font-size: 16px;
}
h6,
.h6 {
font-size: 14px;
}
/* Label inside heading */
h1 .label,
h2 .label,
h3 .label,
h4 .label,
h5 .label,
h6 .label,
.h1 .label,
.h2 .label,
.h3 .label,
.h4 .label,
.h5 .label,
.h6 .label {
vertical-align: middle;
}
/* Icons inside heading */
h1 > i,
.h1 > i {
margin: 8px 8px 0 0;
float: left;
}
h2 > i,
.h2 > i {
margin: 7px 8px 0 0;
float: left;
}
h3 > i,
.h3 > i {
margin: 4px 8px 0 0;
float: left;
}
h4 > i,
.h4 > i {
margin: 4px 8px 0 0;
float: left;
}
h5 > i,
.h5 > i {
margin: 2px 8px 0 0;
float: left;
}
h6 > i,
.h6 > i {
margin: 1px 8px 0 0;
float: left;
}
/* Heading smalls */
h1 small.display-block,
.h1 small.display-block,
h1 .small.display-block,
.h1 .small.display-block {
margin-top: 8px;
margin-bottom: 10px;
}
h2 small.display-block,
.h2 small.display-block,
h2 .small.display-block,
.h2 .small.display-block {
margin-top: 8px;
margin-bottom: 8px;
}
h3 small.display-block,
.h3 small.display-block,
h3 .small.display-block,
.h3 .small.display-block {
margin-top: 8px;
margin-bottom: 8px;
}
h4 small.display-block,
.h4 small.display-block,
h4 .small.display-block,
.h4 .small.display-block {
margin-top: 8px;
margin-bottom: 8px;
}
h5 small.display-block,
.h5 small.display-block,
h5 .small.display-block,
.h5 .small.display-block {
margin-top: 8px;
margin-bottom: 8px;
}
h6 small.display-block,
.h6 small.display-block,
h6 .small.display-block,
.h6 .small.display-block {
margin-top: 6px;
margin-bottom: 8px;
}
/*===== Lists =====*/
ul, ol {
padding-left: 16px;
}
ul.square,
ol.square {
list-style-type: square;
margin: 0;
padding-left: 26px;
}
ul.icons-list {
list-style-type: none;
margin-left: 0;
margin-bottom: 0;
padding-left: 10px;
}
ul.icons-list > li {
margin-top: 6px;
}
ul.icons-list > li i {
float: left;
margin: 0 6px 0 0;
}
ul.icons-list > li > ul {
margin: 0;
padding-left: 40px;
}
ul.icons-list li ul li:first-child {
margin-top: 6px;
}
ul.icons-list > li:first-child {
margin-top: 0;
}
dl {
margin-bottom: 0;
}
dt {
font-weight: 600;
}
dd + dt {
margin-top: 10px;
}
/*===== Text styles and colors =====*/
.text-primary {
color: #428bca;
}
.text-warning {
color: #C7845E;
}
.text-danger {
color: #D65C4F;
}
.text-success {
color: #239169;
}
.text-info {
color: #428BCA;
}
.text-semibold {
font-weight: 600;
}
.text-smaller {
font-size: 11px;
}
.display-block {
display: block;
}
.position-relative {
position: relative;
}
/*===== Other typography =====*/
.heading-hr {
border-bottom: 1px solid #E5E5E5;
padding-bottom: 8px;
margin-bottom: 20px;
}
small.display-block {
margin-top: 4px;
}
.img-media {
height: 40px;
border-radius: 2px;
}
label {
font-weight: 600;
}
code {
background-color: #FEFEFE;
border: 1px solid #DDD;
border-radius: 2px;
font-weight: 400;
white-space: normal;
}
pre {
border-radius: 0;
background-color: #fcfcfc;
}
blockquote {
padding: 0 0 0 15px;
font-size: 13px;
border-left-color: #65B688;
}
/* # General layout
================================================== */
/*===== Containers =====*/
.container-fluid,
.container {
position: relative;
}
.container {
padding-left: 0;
padding-right: 0;
}
.container-fluid {
padding-right: 25px;
padding-left: 25px;
}
.page-container {
background-color: #fff;
}
/*===== Adding vertical spacing to responsive grid =====*/
@media (max-width: 767px) {
[class*="col-sm-"] + [class*="col-sm-"] {
margin-top: 20px;
}
label[class*="col-sm-"] + [class*="col-sm-"] {
margin-top: 0;
}
[class*="col-sm-"] + [class*="col-xs-"],
[class*="col-sm-"] + [class*="col-md-"],
[class*="col-sm-"] + [class*="col-lg-"] {
margin-top: 0;
}
.form-horizontal label[class*="col-sm-"] {
padding-top: 0;
}
}
@media (max-width: 991px) {
[class*="col-md-"] + [class*="col-md-"] {
margin-top: 20px;
}
label[class*="col-md-"] + [class*="col-md-"] {
margin-top: 0;
}
[class*="col-md-"] + [class*="col-xs-"],
[class*="col-md-"] + [class*="col-sm-"],
[class*="col-md-"] + [class*="col-lg-"] {
margin-top: 0;
}
.form-horizontal label[class*="col-md-"] {
padding-top: 0;
}
}
@media (max-width: 1199px) {
[class*="col-lg-"] + [class*="col-lg-"] {
margin-top: 20px;
}
label[class*="col-lg-"] + [class*="col-lg-"] {
margin-top: 0;
}
[class*="col-lg-"] + [class*="col-xs-"],
[class*="col-lg-"] + [class*="col-sm-"],
[class*="col-lg-"] + [class*="col-md-"] {
margin-top: 0;
}
.form-horizontal label[class*="col-lg-"] {
padding-top: 0;
}
}
/* # Navbar and navbar elements
================================================== */
/*===== Navbar styles =====*/
.navbar {
min-height: 54px;
border-radius: 0;
margin: 0;
border: 0;
z-index: 2;
}
.navbar-fixed {
padding-top: 54px;
}
.navbar-fixed-top,
.navbar-fixed-bottom {
position: fixed;
}
/*===== Default navbar =====*/
.navbar-default {
background-color: #fafafa;
border-bottom: 1px solid #e5e5e5;
border-color: #e5e5e5;
}
.navbar-default .navbar-nav > li {
border-color: rgba(0, 0, 0, 0.1);
}
.navbar-default .navbar-nav > li > a {
color: #333;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
background-color: rgba(0, 0, 0, 0.02);
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
background-color: rgba(0, 0, 0, 0.05);
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
background-color: #eee;
}
.navbar-default .sidebar-toggle {
background-color: rgba(0, 0, 0, 0.4);
}
.navbar-default .sidebar-toggle:hover,
.navbar-default .sidebar-toggle:focus {
background-color: rgba(0, 0, 0, 0.5);
}
/*===== Inversed navbar =====*/
.navbar-inverse {
background-color: #518CA3;
}
.navbar-inverse .navbar-nav > li > a {
color: #fff;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
background-color: rgba(0, 0, 0, 0.03);
box-shadow: 1px 0 0 rgba(0, 0, 0, 0.05) inset, -1px 0 0 rgba(0, 0, 0, 0.05) inset;
-webkit-box-shadow: 1px 0 0 rgba(0, 0, 0, 0.05) inset, -1px 0 0 rgba(0, 0, 0, 0.05) inset;
-moz-box-shadow: 1px 0 0 rgba(0, 0, 0, 0.05) inset, -1px 0 0 rgba(0, 0, 0, 0.05) inset;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
background-color: rgba(0, 0, 0, 0.06);
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
color: #fff;
background-color: transparent;
opacity: 0.4;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
background-color: rgba(0, 0, 0, 0.06);
box-shadow: 1px 0 0 rgba(0, 0, 0, 0.05) inset, -1px 0 0 rgba(0, 0, 0, 0.05) inset;
-webkit-box-shadow: 1px 0 0 rgba(0, 0, 0, 0.05) inset, -1px 0 0 rgba(0, 0, 0, 0.05) inset;
-moz-box-shadow: 1px 0 0 rgba(0, 0, 0, 0.05) inset, -1px 0 0 rgba(0, 0, 0, 0.05) inset;
}
.navbar-inverse .navbar-nav > li > a > .label {
background-color: rgba(0, 0, 0, 0.5);
}
.navbar-inverse .navbar-nav > li > a .caret {
border-top-color: #fff;
border-bottom-color: #fff;
}
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-text,
.navbar-inverse .navbar-link {
color: #fff;
}
.navbar-i {
color: #fff;
float: left;
font-weight: 600;
font-size: 22px;
line-height: 20px;
height: 50px;
padding: 13px 15px 15px 0px;
}
.navbar-i:hover {
color: #fff;
}
@media (min-width: 768px) {
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
margin-left: 0;
}
}
/*===== Navbar nav =====*/
.navbar-nav {
margin: 0;
}
.navbar-nav.navbar-right:last-child {
margin-right: 25px;
}
.navbar-nav > li {
border-right: 1px solid rgba(255, 255, 255, 0.1);
border-left: 0;
font-size: 12px;
display: inline-block;
}
.navbar-nav > li:first-child {
border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.navbar-nav > li > .dropdown-menu {
margin-top: 10px;
border-radius: 2px;
}
.navbar-nav > li > a {
padding-top: 17px;
padding-bottom: 17px;
height: 54px;
}
.navbar-nav > li > a > .label {
padding: 3px 6px 4px 6px;
float: right;
margin-left: 4px;
}
.navbar-nav > li > a > [class*="icon-"] {
float: left;
margin: 2px 4px;
line-height: 1;
}
@media (max-width: 991px) {
.navbar-nav {
text-align: center;
font-size: 0;
float: none;
}
.navbar-nav > li {
float: none;
}
.navbar-left,
.navbar-right {
float: none !important;
}
}
/*===== Navbar elements =====*/
/* Navbar header */
.navbar-header {
min-width: 203px;
position: relative;
margin-left: 25px;
margin-right: 15px;
}
.container .navbar-header {
min-width: 240px;
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
margin-right: 0;
margin-left: 0;
}
/* Navbar collapse */
.navbar-collapse {
padding: 0;
}
/* Navbar form */
.navbar-form {
padding: 0;
margin: 10px 15px;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.navbar-form .form-group {
margin-top: 0!important;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
border-bottom-color: rgba(255,255,255,0.1);
}
.navbar-inverse .navbar-form .form-control {
border: 0;
border-radius: 2px;
}
/* Navbar button */
.navbar-btn {
margin: 10px 15px;
}
/* Navbar text */
.navbar-text {
margin-top: 18px;
margin-bottom: 19px;
font-size: 12px;
text-align: left;
}
.navbar-text i {
float: left;
margin-right: 6px;
}
/* Navbar toggle */
.navbar-toggle {
display: block;
float: right;
color: #fff;
border: 0;
padding: 6px 7px 7px 7px;
line-height: 1;
background-color: rgba(0, 0, 0, 0.2);
margin: 12px 0 12px 10px;
border-radius: 0;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: #3A4B55;
}
/* Navbar user dropdown styles */
.user.dropdown { vertical-align: top; }
.user.dropdown > a { padding-top: 7px; padding-bottom: 7px; }
.user.dropdown > a > img {
float: left;
margin: 4px 0;
max-height: 32px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
.user.dropdown > a > span { display: inline-block; margin: 10px 0 10px 8px; }
@media (min-width: 992px) {
.navbar-form,
.navbar-text,
.navbar-nav,
.navbar-button,
.sidebar {
display: block;
}
.navbar-toggle {
display: none;
}
}
@media (max-width: 991px) {
.navbar-header {
float: none;
margin-right: 25px;
}
.navbar-nav {
text-align: center;
font-size: 0;
position: absolute;
width: 100%;
}
.navbar-inverse .navbar-nav {
background-color: #303D44;
}
.navbar-default .navbar-nav {
background-color: #f2f2f2;
}
.navbar-nav > li {
float: none;
position: static;
border: 0;
}
.navbar-nav > li:first-child {
border-left: 0;
}
.navbar-nav > li > .dropdown-menu {
width: 60%;
margin: 2px 20%;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
background-color: rgba(0, 0, 0, 0.2);
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
}
.navbar-nav .dropdown-menu .popup-header:after,
.navbar-nav .dropdown-menu > li:first-child:after,
.navbar-nav .dropdown-menu > li:first-child:before {
content: "";
border: 0;
}
.navbar-nav.navbar-right:last-child {
margin-right: 0;
}
.navbar-form {
margin: 0;
text-align: center;
}
.navbar-inverse .navbar-form,
.navbar-inverse .navbar-nav {
border-bottom: 1px solid rgba(255,255,255,0.1);
}
.navbar-default .navbar-form,
.navbar-default .navbar-nav {
border-top: 1px solid #e5e5e5;
}
.navbar-form .btn {
margin: 15px 15px 15px 0;
}
.navbar-form .form-group {
padding: 15px;
margin-bottom: 0;
display: inline-block;
vertical-align: middle;
}
.navbar-text {
padding: 0 15px;
}
.navbar-inverse .navbar-form {
background-color: #3A4B55;
}
.navbar-default .navbar-form {
background-color: #f2f2f2;
}
}
@media (max-width: 768px) {
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse,
.navbar-header {
margin: 0 15px;
}
.navbar-nav > li > .dropdown-menu,
.navbar-nav .open .dropdown-menu,
.navbar-nav .open .dropdown-menu {
position: absolute;
float: none;
width: 90%;
margin: 5px 5% 0 5%;
background-color: #fff;
border: 1px solid #ccc;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
}
.navbar-nav .open .dropdown-menu > li > a,
.navbar-nav .open .dropdown-menu .dropdown-header {
padding: 10px 12px 11px 12px;
line-height: 1.42857143;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color: #333;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
background-color: #3A4B55;
box-shadow: 1px 0 0 #3A4B55, -1px 0 0 #3A4B55;
-webkit-box-shadow: 1px 0 0 #3A4B55, -1px 0 0 #3A4B55;
-moz-box-shadow: 1px 0 0 #3A4B55, -1px 0 0 #3A4B55;
}
}
/* # Bootstrap navs
================================================== */
/*===== General navs =====*/
.nav > li > a:hover, .nav > li > a:focus {
background-color: rgba(0, 0, 0, 0.03);
}
.nav .caret {
border-top-color: #444444;
border-bottom-color: #444444;
}
.nav a:hover .caret {
border-top-color: #555555;
border-bottom-color: #555555;
}
.nav > li > a {
cursor: pointer;
}
.nav > li > a:hover,
.nav > li > a:focus {
background-color: rgba(0, 0, 0, 0.03);
}
.nav-justified > li > a {
margin-bottom: 0;
}
/*===== Nav list =====*/
.nav-list {
background-color: #FCFCFC;
border-bottom: 1px solid #E5E5E5;
border-radius: 0 0 2px 2px;
}
.nav-list > li {
border-left: 1px solid #E5E5E5;
border-right: 1px solid #E5E5E5;
}
.nav-list > li > a {
padding: 10px 14px 11px 14px;
}
.nav-list > li.nav-header {
padding: 9px 14px 10px 14px;
background-color: #50626D;
border-color: #50626D;
color: #FFF;
border-radius: 2px 2px 0 0;
}
.nav-list + .nav-list {
margin-top: 35px;
}
.nav-list > li .label {
margin: -3px -4px -3px 0;
float: right;
}
.nav-list > li > i,
.nav-list > li > a > i {
float: left;
margin-right: 6px;
}
.nav-list > li > a > i {
color: #333;
}
.nav-list > li.nav-header i {
margin-right: 0;
float: right;
}
/*===== List groups =====*/
.list-group {
margin-bottom: 0;
}
.list-group-item {
padding: 11px 12px;
}
.list-group-item i {
float: left;
margin-right: 8px;
}
.list-group-item .btn {
position: absolute;
top: 3px;
right: 3px;
}
.list-group-item.has-button {
padding-right: 36px;
}
.list-group-item:first-child {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
}
.list-group-item > .badge,
.list-group-item > .label {
float: right;
margin-top: -3px;
}
.list-group-item > .label + .label {
margin-right: 5px;
}
a.list-group-item:hover,
a.list-group-item:focus {
background-color: #FAFAFA;
}
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
background-color: #3CA2BB;
border-color: #3CA2BB;
}
/* Success */
.list-group-item-success {
color: #2D552D;
background-color: #F5FAF4;
}
a.list-group-item-success {
color: #2D552D;
}
a.list-group-item-success:hover,
a.list-group-item-success:focus {
color: #2D552D;
background-color: #ECF6EA;
}
a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus {
background-color: #65B688;
border-color: #65B688;
}
/* Danger */
.list-group-item-danger {
color: #923E3C;
background-color: #FDF5F5;
}
a.list-group-item-danger {
color: #923E3C;
}
a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
color: #923E3C;
background-color: #F8EFEF;
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus {
background-color: #D65C4F;
border-color: #D65C4F;
}
/* Warning */
.list-group-item-warning {
color: #725A32;
background-color: #FFFDF0;
}
a.list-group-item-warning {
color: #725A32;
}
a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
color: #725A32;
background-color: #FAF8E9;
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus {
background-color: #EE8366;
border-color: #EE8366;
}
/* Info */
.list-group-item-info {
color: #426A7E;
background-color: #F5FBFD;
}
a.list-group-item-info {
color: #426A7E;
}
a.list-group-item-info:hover,
a.list-group-item-info:focus {
color: #426A7E;
background-color: #ECF6FA;
}
a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus {
background-color: #3CA2BB;
border-color: #3CA2BB;
}
/*===== Nav tabs =====*/
.nav-tabs > li > a {
margin-right: -1px;
border-radius: 0;
font-weight: 600;
color: #333;
padding: 11px 14px 12px 14px;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
border-color: #e5e5e5;
color: #676767;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
background-color: #fefefe;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
color: #428BCA;
border-top-color: #D65C4F;
}
.nav-tabs > li > a > i {
float: left;
margin: 0px 6px 0 0;
}
.nav-tabs > li > a .label {
margin: -5px -5px -5px 5px;
}
.nav-tabs > li > a .label-text {
font-weight: 700;
font-size: 11px;
margin-left: 4px;
}
.nav-tabs .open > a,
.nav-tabs .open > a:hover,
.nav-tabs .open > a:focus {
background-color: #FCFCFC;
border-color: #DDD;
color: #428BCA;
}
.nav-tabs .dropdown-menu {
margin-top: 10px;
}
/* Toolbar tabs */
.nav-tabs.toolbar-tabs {
margin: -1px -1px 0 -1px;
}
/* Img inside tab */
.nav .tab-img {
width: 20px;
height: 20px;
float: left;
margin-right: 6px;
margin-top: -2px;
}
/* Justified tabs */
.nav-tabs.nav-justified > li > a {
border-bottom: 1px solid #dddddd;
margin-right: 0;
margin-bottom: 0;
margin-left: -1px;
border-radius: 0;
}
.nav-tabs.nav-justified > li:first-child > a {
margin-left: 0;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
border-top-color: #D65C4F;
border-bottom-color: #ffffff;
}
/* Page tabs */
.page-tabs > .nav-tabs, .page-tabs > .nav-pills { margin-bottom: 35px; }
.page-tabs > .tab-content { border: 0; }
/* Tab and pill content */
.tab-content { border: 1px solid #ddd; border-top: 0; background-color: #fff; }
.panel > .tabbable > .tab-content { border: 0; }
.modal .tab-content { border: 0; padding-top: 20px; }
.pill-content {
border: 0;
margin-top: 16px;
}
@media (max-width: 767px) {
.nav-tabs.nav-justified > li > a {
margin-left: 0;
border: 1px solid #ddd;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
border-bottom-color: #ddd;
}
}
@media (max-width: 480px) {
.nav-tabs > li {
float: none;
}
.nav-tabs > li.pull-right {
float: none!important;
}
.nav-tabs > li > a {
border: 1px solid #ddd;
margin-right: 0;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
border-bottom-color: #ddd;
}
}
/*===== Nav pills =====*/
.nav-pills > li > a {
color: #333;
padding: 9px 14px 10px 14px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
background-color: #fff;
border: 1px solid #ddd;
font-weight: 600;
}
.nav-pills > li > a:hover,
.nav-pills > li > a:focus {
background-color: #fcfcfc;
box-shadow: none;
}
.nav-pills > li > a > i {
float: left;
margin: 0px 6px 0 0;
}
.nav-pills > li > a > i.pull-right {
margin: 0px -6px 0 0;
}
.nav-pills > li > a .label {
margin: -5px -8px -5px 8px;
}
.nav-pills > li.active > a .label {
background-color: #444;
}
.nav-pills.nav-justified > li > a .label {
float: right;
margin: -3px -8px -3px 8px;
}
.nav-pills .open > a,
.nav-pills .open > a:hover,
.nav-pills .open > a:focus {
color: #ffffff;
background-color: #3CA2BB;
border-color: #3CA2BB;
}
.nav-pills .open a .caret,
.nav-pills .open a:hover .caret,
.nav-pills > li.active .caret {
border-top-color: #fff;
border-bottom-color: #fff;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
background-color: #3CA2BB;
border-color: #3CA2BB;
}
.nav-pills > li > a:after {
position: absolute;
bottom: 7px;
left: 50%;
margin-left: -7px;
border-color: transparent;
content: '';
}
.nav-pills > li.active > a:after {
position: absolute;
bottom: -7px;
left: 50%;
margin-left: -7px;
display: block;
border-right: 7px solid rgba(0, 0, 0, 0);
border-top: 7px solid #3CA2BB;
border-left: 7px solid rgba(0, 0, 0, 0);
content: '';
}
/* Justified pills */
.nav-pills.nav-justified > li > a {
margin-left: 4px;
text-align: left;
}
.nav-pills.nav-justified > li:first-child > a {
margin-left: 0;
}
.nav-pills.nav-justified > li > a:after,
.nav-pills.nav-justified > li.active > a:after {
left: 15px;
margin-left: 0;
}
.nav-pills.nav-justified .dropdown-menu {
margin-left: 4px;
}
.nav-pills.nav-justified .dropdown-menu.dropdown-menu-right {
margin-right: 4px;
}
/* Stacked pills */
.nav-pills.nav-stacked > li.active > a:after {
border: 0;
}
@media (max-width: 767px) {
.nav-pills.nav-justified > li + li {
margin-left: 0;
margin-top: 2px;
}
.nav-pills.nav-justified > li > a {
margin-left: 0;
}
.nav-pills.nav-justified > li.active > a:after {
content: "";
border: 0;
}
.nav-pills.nav-justified .dropdown-menu {
margin-left: 0;
}
.postimg {
max-height: 400px !important;
max-width: 400px !important;
}
}
@media (max-width: 480px) {
.nav-pills > li {
float: none;
}
.nav-pills > li + li {
margin-left: 0;
margin-top: 2px;
}
.nav-pills > li.active > a:after {
content: "";
border: 0;
}
.postimg {
max-height: 200px !important;
max-width: 200px !important;
}
}
/*===== Page header and elements =====*/
/* Page header */
.page-header {
padding: 0;
margin: 0;
position:
relative; border: 0;
}
.page-header small {
display: block;
font-size: 11px;
color: #999;
margin: 8px 0 0 0;
}
.page-title {
float: left;
}
.page-title h3 {
padding: 29px 0;
margin: 0;
font-weight: 400;
line-height: 20px;
}
/* Page header progress bar */
.page-header .progress {
width: 200px;
}
.page-header .progress-micro {
width: auto;
}
.header-progress {
margin: 38px 0;
float: right;
z-index: 10;
}
.header-progress span {
font-weight: 600;
float: left;
margin: 1px 12px 0 0;
font-size: 11px;
}
/* Page header search */
.header-search {
width: 250px;
margin: 31px 0;
float: right;
z-index: 10;
}
/* Page header buttons */
.header-buttons {
float: right;
margin: 31px 0;
z-index: 10;
}
.header-buttons .well,
.header-progress .well,
.header-statistics .well,
.header-search .well,
.header-info-buttons .well,
.header-select .well,
.header-bar-stats .well {
padding: 0;
background: none;
border: 0;
}
.header-element-toggle {
position: absolute;
top: 26px;
right: 0;
}
/* Page header statistics */
.header-statistics {
float: right;
z-index: 10;
}
.header-statistics .statistics > li {
margin-top: 25px;
margin-bottom: 25px;
margin-right: 0;
margin-left: 25px;
}
.header-statistics .statistics > li:first-child {
margin-left: 0;
}
.header-statistics .statistics-info {
margin-bottom: 6px;
}
.header-statistics .statistics-info > a > i {
padding: 4px;
font-size: 14px;
}
.header-statistics .statistics-info > strong {
margin-top: -1px;
}
.header-statistics .statistics > li > span {
margin-top: 6px;
}
/* Page header info buttons */
.header-info-buttons {
float: right;
z-index: 10;
}
.header-info-buttons .info-buttons {
list-style: none;
padding: 0;
margin: 0;
}
.header-info-buttons .info-buttons li {
float: left;
margin-left: 15px;
}
.header-info-buttons .info-buttons li:first-child {
margin-left: 0;
}
.header-info-buttons .info-buttons a strong {
padding: 3px 5px;
}
.header-info-buttons .info-buttons a {
white-space: nowrap;
padding: 8px 14px;
margin: 21px 0;
}
.header-info-buttons .info-buttons a i {
font-size: 16px;
}
.header-info-buttons .info-buttons a span {
margin-top: 6px;
font-size: 11px;
line-height: 14px;
margin-bottom: 0;
}
/* Page header select */
.header-select {
margin-top: 31px;
float: right;
z-index: 10;
}
.header-select label {
margin: 7px 16px 0 0;
float: left;
}
/* Page header bar stats */
.header-bar-stats {
float: right;
margin: 27px 0;
z-index: 10;
text-align: center;
}
.header-bar-stats .page-stats li {
padding: 0 0 0 30px;
border: 0;
padding: 0 0 0 30px;
}
.header-bar-stats .page-stats li:first-child {
padding: 0;
}
.header-bar-stats .page-stats {
margin-bottom: 0;
}
@media (min-width: 768px) {
.header-buttons > div,
.header-progress > div,
.header-statistics > div,
.header-search > div,
.header-info-buttons > div,
.header-select > div,
.header-bar-stats > div {
display: block;
}
}
@media (max-width: 767px) {
.page-header .page-title {
float: none;
padding-right: 40px;
}
.page-header .page-title h3 {
font-size: 18px;
padding: 25px 0;
}
.page-header h3 small {
margin-top: 6px;
}
.header-progress {
margin: 0;
float: right;
width: 100%;
}
.header-progress .progress {
width: auto;
}
.header-statistics {
width: 100%;
}
.header-statistics .statistics > li {
margin: 0 10px;
}
.header-search,
.header-buttons,
.header-info-buttons,
.header-select {
width: 100%;
}
.header-info-buttons .info-buttons {
text-align: center;
}
.header-info-buttons .info-buttons li {
float: none;
display: inline-block;
}
.header-info-buttons .info-buttons a {
margin: 0;
}
.header-select {
text-align: center;
}
.header-select label {
margin: 0 8px 5px 0;
float: none;
}
.header-bar-stats {
margin: 0;
width: 100%;
line-height: 1;
}
.header-bar-stats .page-stats li {
line-height: 1.42857143;
}
.header-buttons,
.header-progress,
.header-statistics,
.header-search,
.header-info-buttons,
.header-select,
.header-bar-stats {
position: absolute;
right: 0;
top: 70px;
margin: 0;
}
.header-buttons .well,
.header-progress .well,
.header-statistics .well,
.header-search .well,
.header-info-buttons .well,
.header-select .well,
.header-bar-stats .well {
padding: 12px;
background-color: #fcfcfc;
border: 1px solid #E5E5E5;
text-align: center;
}
}
@media (max-width: 480px) {
.header-statistics .statistics > li {
margin: 20px 0 0 0;
}
.header-statistics .statistics > li:first-child {
margin-top: 0;
}
.header-bar-stats .page-stats li {
padding: 20px 0 0 0;
display: block;
}
.header-bar-stats .page-stats li:first-child {
padding-top: 0;
}
.header-info-buttons .info-buttons li {
display: block;
margin: 10px 0 0 0;
}
.header-info-buttons .info-buttons li:first-child {
margin-top: 0;
}
}
/*===== Breadcrumb =====*/
.breadcrumb {
padding: 9px 12px 10px 12px;
float: left;
margin: 0;
background: none;
border-radius: 0;
}
.breadcrumb > li {
font-weight: 600;
}
.breadcrumb > li:first-child > a {
background: url(/wu-static/img/breadcrumb_home.png) no-repeat 0;
padding-left: 16px;
}
.breadcrumb > li > a {
color: #444;
}
@media (max-width: 767px) {
.breadcrumb {
padding-right: 40px;
background-color: #fcfcfc;
border: 1px solid #e5e5e5;
float: none;
}
}
/*===== Labels and badges =====*/
/* Labels */
.label {
display: inline-block;
font-size: 11px;
padding: 5px 8px 6px 8px;
line-height: 13px;
font-weight: 600;
color: #FFF;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}
.label-block {
margin-top: 6px;
display: block;
}
.label-block.text-left {
text-align: left;
}
.label-block.text-right {
text-align: right;
}
.label-default {
background-color: #999999;
}
.label-default[href]:hover,
.label-default[href]:focus {
background-color: #808080;
}
.label-primary {
background-color: #445661;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
background-color: #3071a9;
}
.label-success {
background-color: #65B688;
}
.label-success[href]:hover,
.label-success[href]:focus {
background-color: #449d44;
}
.label-info {
background-color: #3CA2BB;
}
.label-info[href]:hover,
.label-info[href]:focus {
background-color: #31b0d5;
}
.label-warning {
background-color: #E7804F;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
background-color: #ec971f;
}
.label-danger {
background-color: #D65C4F;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
background-color: #c9302c;
}
/* Badge */
.badge {
padding: 6px 10px 7px 10px;
font-weight: 600;
background-color: #445661;
border-radius: 100px;
font-size: 11px;
}
/*===== Dropdown menu =====*/
.dropdown-menu {
margin: 10px 0 0 0;
text-align: left;
padding: 0;
font-size: 12px;
border: 1px solid #CCC;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
}
.dropdown-menu.dropdown-menu-right {
right: -1px;
}
.dropdown-menu > li > a {
padding: 10px 12px 11px 12px;
text-align: left;
font-weight: 600;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
outline: 0;
color: #ffffff;
background-color: #3A4B55;
box-shadow: 1px 0 0 #3A4B55, -1px 0 0 #3A4B55;
-webkit-box-shadow: 1px 0 0 #3A4B55, -1px 0 0 #3A4B55;
-moz-box-shadow: 1px 0 0 #3A4B55, -1px 0 0 #3A4B55;
}
.dropdown-menu > li > a .label {
float: right;
margin-top: -2px;
margin-right: -5px;
}
.dropdown-menu > li > a:hover .label,
.dropdown-menu > li.active > a:hover .label {
background-color: rgba(0,0,0,0.5);
}
.dropdown-menu > li > a > i,
.dropdown-menu > li > a > img {
opacity: 0.4;
color: #505050;
float: left;
margin-right: 8px;
}
.dropdown-menu > li > a > img {
margin-top: 3px;
}
.dropdown-menu > li > a:hover > i,
.dropdown-menu > li > a:hover > img {
color: #fff;
opacity: 1;
}
.dropdown-menu > li {
position: relative;
}
.dropdown-menu > li:first-child {
margin-top: -1px;
}
.dropdown-menu > li:last-child {
margin-bottom: -1px;
}
.dropdown-menu.icons-right > li > a > i {
float: right;
margin-left: 8px;
margin-right: 0;
}
.dropdown-menu > li:first-child > a {
border-radius: 2px 2px 0 0;
-webkit-border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
}
.dropdown-menu > li:last-child > a {
border-radius: 0 0 2px 2px;
-webkit-border-radius: 0 0 2px 2px;
-moz-border-radius: 0 0 2px 2px;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
background-color: #65B688;
box-shadow: 1px 0 0 #65B688, -1px 0 0 #65B688;
-webkit-box-shadow: 1px 0 0 #65B688, -1px 0 0 #65B688;
-moz-box-shadow: 1px 0 0 #65B688, -1px 0 0 #65B688;
}
.dropdown-menu > .active > a > img,
.dropdown-menu > .active > a:hover > img,
.dropdown-menu > .active > a:focus > img,
.dropdown-menu > .active > a > i,
.dropdown-menu > .active > a:hover > i,
.dropdown-menu > .active > a:focus > i {
opacity: 1;
color: #fff;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
box-shadow: none;
}
.dropdown-menu > .disabled > a > img,
.dropdown-menu > .disabled > a:hover > img,
.dropdown-menu > .disabled > a:focus > img,
.dropdown-menu > .disabled > a i,
.dropdown-menu > .disabled > a:hover i,
.dropdown-menu > .disabled > a:focus i {
color: #999;
opacity: 0.4;
}
.dropdown-menu-right {
right: -1px;
}
.dropdown-menu-left {
left: -1px;
}
.dropdown-header {
padding: 11px 12px 12px 12px;
font-size: 11px;
text-transform: uppercase;
font-weight: 600;
}
.pull-right > .dropdown-menu {
right: -1px;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
margin-bottom: 10px;
}
/* Dropdown submenu */
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
text-decoration: none;
color: #ffffff;
background-color: #3A4B55;
box-shadow: 1px 0 0 #3A4B55, -1px 0 0 #3A4B55;
}
.dropdown-submenu > .dropdown-menu {
top: 0;
left: 100%;
margin-top: 0;
margin-left: 0;
-webkit-border-radius: 0 2px 2px 2px;
-moz-border-radius: 0 2px 2px 2px;
border-radius: 0 2px 2px 2px;
}
.dropdown-submenu:hover > .dropdown-menu {
display: block;
}
.dropup .dropdown-submenu > .dropdown-menu {
top: auto;
bottom: 0;
margin-top: 0;
margin-bottom: 0;
-webkit-border-radius: 2px 2px 2px 0;
-moz-border-radius: 2px 2px 2px 0;
border-radius: 2px 2px 2px 0;
}
.dropdown-submenu > a:after {
display: block;
content: "";
float: right;
width: 0;
height: 0;
border-color: rgba(0, 0, 0, 0);
border-style: solid;
border-width: 3px 0 3px 3px;
border-left-color: #999;
margin-top: 7px;
margin-right: -4px;
}
.dropdown-submenu:hover > a:after {
border-left-color: #ffffff;
}
.dropdown-submenu.pull-left {
float: none!important;
}
.dropdown-submenu.pull-left > .dropdown-menu {
left: -100%;
margin-left: -2px;
-webkit-border-radius: 2px 0 2px 2px;
-moz-border-radius: 2px 0 2px 2px;
border-radius: 2px 0 2px 2px;
}
.dropdown-submenu .dropdown-menu > li:first-child:before,
.dropdown-submenu .dropdown-menu > li:first-child:after,
.dropup .dropdown-submenu .dropdown-menu > li:last-child:before,
.dropup .dropdown-submenu .dropdown-menu > li:last-child:after {
border: 0;
}
/* Dropdown arrows */
.dropdown-menu > li:first-child:before {
position: absolute;
top: -6px;
left: 11px;
display: inline-block;
border-right: 7px solid rgba(0, 0, 0, 0);
border-bottom: 7px solid #ccc;
border-left: 7px solid rgba(0, 0, 0, 0);
content: '';
}
.dropdown-menu > li:first-child:after {
position: absolute;
top: -5px;
left: 12px;
display: inline-block;
border-right: 6px solid rgba(0, 0, 0, 0);
border-bottom: 6px solid #FFF;
border-left: 6px solid rgba(0, 0, 0, 0);
content: '';
}
.dropdown-menu.dropdown-menu-right > li:first-child:before,
.dropup .dropdown-menu.dropdown-menu-right > li:first-child:before {
left: auto;
right: 13px;
}
.dropdown-menu.dropdown-menu-right > li:first-child:after,
.dropup .dropdown-menu.dropdown-menu-right > li:first-child:after {
left: auto;
right: 14px;
}
.dropup .dropdown-menu > li:last-child:before {
position: absolute;
bottom: -6px;
left: 11px;
display: inline-block;
border-right: 7px solid rgba(0, 0, 0, 0);
border-top: 7px solid #ccc;
border-left: 7px solid rgba(0, 0, 0, 0);
content: '';
}
.dropup .dropdown-menu > li:last-child:after {
position: absolute;
bottom: -5px;
left: 12px;
display: inline-block;
border-right: 6px solid rgba(0, 0, 0, 0);
border-top: 6px solid #fff;
border-left: 6px solid rgba(0, 0, 0, 0);
content: '';
}
.dropup .dropdown-menu > li:first-child:before,
.dropup .dropdown-menu > li:first-child:after {
border: 0;
}
.dropup .dropdown-menu.dropdown-menu-right > li:last-child:after {
left: auto;
right: 14px;
}
.dropup .dropdown-menu.dropdown-menu-right > li:last-child:before {
left: auto;
right: 13px;
}
.dropdown-menu > li:first-child:hover:after,
.dropdown-menu > li:first-child:hover:before {
border-bottom-color: #3A4B55;
}
.dropup .dropdown-menu > li:last-child:hover:after,
.dropup .dropdown-menu > li:last-child:hover:before {
border-top-color: #3A4B55;
}
.dropdown-menu > li.active:first-child:after,
.dropdown-menu > li.active:first-child:before {
border-bottom-color: #65B688;
}
.dropup .dropdown-menu > li.active:last-child:after,
.dropup .dropdown-menu > li.active:last-child:before {
border-top-color: #65B688;
}
.dropdown-menu > li.disabled:first-child:hover:after {
border-bottom-color: #fff;
}
.dropdown-menu > li.disabled:first-child:hover:before {
border-bottom-color: #ccc;
}
.dropup .dropdown-menu > li.disabled:last-child:hover:after {
border-top-color: #fff;
}
.dropup .dropdown-menu > li.disabled:last-child:hover:before {
border-top-color: #ccc;
}
.dropdown-menu > li.dropdown-header:first-child:hover:before {
border-bottom-color: #ccc;
}
.dropdown-menu > li.dropdown-header:first-child:hover:after {
border-bottom-color: #fff;
}
.dropup .dropdown-menu > li.dropdown-header:last-child:hover:before {
border-top-color: #ccc;
}
.dropup .dropdown-menu > li.dropdown-header:last-child:hover:after {
border-top-color: #fff;
}
/*===== Panels =====*/
.panel {
border-radius: 2px;
margin-bottom: 35px;
box-shadow: none;
}
.panel .panel-body .panel:last-child {
margin-bottom: 0;
}
.panel-heading {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
padding: 0;
position: relative;
}
/* Panel footer */
.panel .panel-footer,
.task .panel-footer {
border: 0;
border-top: 1px solid #e5e5e5;
border-radius: 0 0 2px 2px;
}
.panel-footer {
background-color: #fcfcfc;
padding: 0;
border: 1px solid #dddddd;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}
.panel-footer:after {
content: "";
display: table;
clear: both;
}
.panel-footer .pull-left i {
float: left;
margin: 0 6px 0 0;
}
.panel-footer .pull-left > span {
padding: 9px 12px 10px 12px;
display: block;
color: #777;
}
@media (max-width: 767px) {
.panel-footer {
text-align: center;
}
.panel-footer > .pull-left {
float: none!important;
}
.panel-footer > .pull-right {
float: none!important;
}
}
/* Panel heding buttons */
.panel-heading .btn, .panel-heading .btn-group {
margin: 3px 3px 0 0;
}
.panel-heading .btn-link {
margin-right: 0;
}
.panel-heading .btn-group .btn,
.panel-heading .btn-group .btn-sm,
.panel-heading .btn-group .btn-xs {
margin: 0;
}
.panel-heading .btn-sm {
margin: 4px 4px 0 0;
}
.panel-heading .btn-group .btn-sm {
margin-top: 1px;
}
.panel-heading .btn-xs {
margin: 5px 5px 0 0;
}
.panel-heading .btn-group .btn-xs {
margin-top: 2px;
}
.panel .panel-heading .btn-default {
border-color: #fcfcfc;
}
.panel-default .panel-heading .btn-default {
border-color: #ccc;
}
/* Panel heading icons */
.panel-icon {
padding: 11px 12px;
display: block;
line-height: 1;
color: #333;
}
.panel-icons-group {
float: right;
margin-right: 2px;
}
.panel-icons-group .btn {
float: left;
margin-right: 0;
margin-left: -8px;
}
.panel-default .panel-heading .panel-icon:hover {
color: #777;
}
/* Panel heading labels */
.panel-heading .label,
.panel-heading .badge {
margin: 8px;
}
/* Panel title */
.panel-title {
float: left;
display: block;
font-size: 12px;
padding: 11px 12px 12px 12px;
}
.panel-title > i {
float: left;
margin: 0 8px 0 0;
}
.panel-default > .panel-heading {
background-color: #fafafa;
}
/* Primary */
.panel-primary {
border-color: #4C5D68;
}
.panel-primary > .panel-heading {
color: #ffffff;
background-color: #4C5D68;
border-bottom: 0;
}
.panel-primary > .panel-heading + .panel-collapse .panel-body {
border-top-color: #4C5D68;
}
.panel-primary > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #4C5D68;
}
/* Success */
.panel-success {
border-color: #65B688;
}
.panel-success > .panel-heading {
color: #ffffff;
background-color: #65B688;
border-bottom: 0;
}
.panel-success > .panel-heading + .panel-collapse .panel-body {
border-top-color: #65B688;
}
.panel-success > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #65B688;
}
/* Warning */
.panel-warning {
border-color: #DB765B;
}
.panel-warning > .panel-heading {
color: #ffffff;
background-color: #DB765B;
border-bottom: 0;
}
.panel-warning > .panel-heading + .panel-collapse .panel-body {
border-top-color: #DB765B;
}
.panel-warning > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #DB765B;
}
/* Danger */
.panel-danger {
border-color: #D65C4F;
}
.panel-danger > .panel-heading {
color: #ffffff;
background-color: #D65C4F;
border-bottom: 0;
}
.panel-danger > .panel-heading + .panel-collapse .panel-body {
border-top-color: #D65C4F;
}
.panel-danger > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #D65C4F;
}
/* Info */
.panel-info {
border-color: #3CA2BB;
}
.panel-info > .panel-heading {
color: #ffffff;
background-color: #3CA2BB;
border-bottom: 0;
}
.panel-info > .panel-heading + .panel-collapse .panel-body {
border-top-color: #3CA2BB;
}
.panel-info > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #3CA2BB;
}
/* ===== Panel group ===== */
.panel-group {
margin-bottom: 0;
}
.panel-group .panel {
border-radius: 2px;
}
.panel-group .panel + .panel {
margin-top: 2px;
}
/* Panel trigger */
.panel-trigger {
width: 100%;
padding: 0;
}
.panel-trigger > a {
width: 100%;
display: block;
padding: 10px 40px 10px 14px ;
}
.panel-trigger > a:hover,
.panel-trigger > a:focus,
.panel-trigger.active > a {
background-color: #fcfcfc;
}
.panel-trigger.active {
color: #3D9AE4;
}
.panel-trigger > a:after {
content: "";
display: block;
width: 15px;
height: 15px;
position: absolute;
right: 12px;
top: 11px;
background-color: #546672;
background-image: url(../images/interface/plus.png);
background-repeat: no-repeat;
background-position: 4px 4px;
}
.panel-trigger.active > a:after {
content: "";
background-color: #ccc;
background-image: url(../images/interface/minus.png);
}
/* ===== Panel toolbar ===== */
.panel-toolbar {
border-bottom: 1px solid #ddd;
background-color: #fff;
margin: 0;
padding: 0;
}
.panel-toolbar .dropdown.open > a {
background: #fff;
color: #999;
}
.panel-toolbar .dropdown.open > a .caret {
border-top-color: #999999;
border-bottom-color: #999999;
outline: 0;
}
.panel-toolbar > li {
display: block;
float: left;
border-right: 1px solid #DDD;
}
.panel-toolbar > li > a {
display: inline-block;
white-space: nowrap;
color: #555;
padding: 11px 14px;
font-size: 12px;
font-weight: 600;
}
.panel-toolbar > li > a:hover,
.panel-toolbar > li > a:focus {
color: #428BCA;
}
.panel-toolbar > li > a:active {
background-color: #fcfcfc;
}
.panel-toolbar > li.active > a {
background-color: #fff;
color: #428BCA;
}
.panel-toolbar > li > a > i {
float: left;
margin-right: 6px;
}
@media (max-width: 479px) {
.panel-toolbar > li > a {
text-indent: -9999px;
}
.panel-toolbar > li > a > i {
text-indent: 0;
margin-right: 0;
}
}
/* # Forms
================================================== */
.form-group {
margin-bottom: 20px;
}
.panel .form-group:first-child,
.well .form-group:first-child {
margin-top: 5px;
}
.rtl-inputs [class*="col-"],
.rtl-inputs [class^="col-"] {
float: right!important;
}
.form-control {
padding: 7px 9px 8px 9px;
font-size: 12px;
border-color: #ddd;
box-shadow: none;
border-radius: 0;
}
input[type=text],
input[type=password],
textarea {
-webkit-appearance: none;
}
.form-control:focus {
border-color: #D5D5D5;
box-shadow: none;
}
.form-control + .form-control,
.input-group + .input-group {
margin-top: 20px;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
background-color: #FAFAFA;
}
.form-actions {
margin-bottom: 5px;
}
/* Input icons */
.has-feedback .form-control-feedback {
top: 22px;
color: #999;
}
.has-feedback-no-label .form-control-feedback {
top: 0;
}
.has-feedback-left .form-control {
padding-right: 0;
padding-left: 32px;
}
.has-feedback-left .form-control-feedback {
right: auto;
left: 0;
}
.form-horizontal .has-feedback-left .form-control-feedback {
right: 0;
left: 15px;
}
/* Input sizing */
.input-sm {
font-size: 11px;
border-radius: 0;
}
.input-lg {
height: 40px;
padding: 10px 12px;
font-size: 14px;
border-radius: 0;
}
.help-block {
margin-top: 7px;
margin-bottom: 12px;
color: #999;
font-size: 11px;
}
/* Form bordered layout */
.form-bordered .form-group {
border-top: 1px solid #eeeeee;
margin-bottom: 0;
padding-top: 20px;
padding-bottom: 20px;
}
.form-bordered .panel .form-group:first-child {
border-top: 0;
margin-top: 5px;
padding-top: 0;
}
/* Form separate layout */
.form-separate .form-group {
background-color: #fff;
border: 1px solid #ddd;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
margin: 0 0 20px 0;
padding: 16px 14px;
}
.form-horizontal.form-separate .form-group {
padding: 16px 0;
margin-left: 0;
margin-right: 0;
}
.form-horizontal.form-separate .radio-inline,
.form-horizontal.form-separate .checkbox-inline {
padding-bottom: 7px;
}
.form-separate .form-group {
background-color: #fefefe;
}
/* Form horizontal */
.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
margin-bottom: 5px;
}
.form-horizontal .control-label i {
vertical-align: -2px;
margin-right: 6px;
}
@media (min-width: 768px) {
.form-horizontal .control-label {
text-align: left;
}
.form-horizontal .control-label.text-right {
text-align: right;
}
}
/* Block inputs */
.radio.radio-block {
display: block;
cursor: pointer;
padding: 12px 14px;
margin-bottom: 0;
margin-top: 0;
background-color: #fcfcfc;
border: 1px solid #ddd;
border-radius: 2px;
}
.radio-block + .radio-block {
margin-top: 10px;
}
/* Error inputs */
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error .form-control-feedback {
color: #D65C4F;
}
.has-error .form-control,
.has-error .form-control:focus {
border-color: #D65C4F;
box-shadow: none;
}
/* Success inputs */
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success .form-control-feedback {
color: #239169;
}
.has-success .form-control,
.has-success .form-control:focus {
border-color: #239169;
box-shadow: none;
}
/* Warning inputs */
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning .form-control-feedback {
color: #CC6E30;
}
.has-warning .form-control,
.has-warning .form-control:focus {
border-color: #CC6E30;
box-shadow: none;
}
/* ===== Input groups ===== */
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
height: 40px;
padding: 7px 12px;
font-size: 14px;
border-radius: 2px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
height: 40px;
line-height: 40px;
}
/* Addons */
.input-group-addon {
font-size: 12px;
border-color: #ddd;
background-color: #fafafa;
border-radius: 2px;
}
.input-group-addon > i {
display: block;
}
.input-group-addon > label {
margin: 0;
}
.input-group-addon .checker,
.input-group-addon .choice {
margin: 0;
}
/* ===== Checkboxes, radios, selects ===== */
input[type="radio"],
input[type="checkbox"] {
margin: 3px 0 0;
}
.radio-inline,
.checkbox-inline {
padding-left: 0;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
margin-left: 0;
margin-right: 8px;
}
select[multiple] {
height: 250px;
}
.radio, .checkbox {
padding-left: 0;
}
@media (max-width: 480px) {
.radio-inline,
.checkbox-inline {
display: block;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
margin-left: 0;
margin-top: 9px;
}
}
/* ===== Other components ===== */
/* Caret */
.caret {
border-width: 3px;
}
/* Close button */
.close {
cursor: pointer;
font-size: 16px;
font-weight: 300;
color: #333;
opacity: 0.8;
text-shadow: none;
filter: alpha(opacity=80);
}
.close:hover, .close:focus {
text-decoration: none;
color: #333;
cursor: pointer;
filter: alpha(opacity=100);
opacity: 1;
outline: 0;
}
/* Well */
.well {
padding: 15px;
margin-bottom: 0;
background-color: #FCFCFC;
border-color: #E5E5E5;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
box-shadow: none;
}
/* Callout */
.callout {
margin: 0 0 35px 0;
padding: 20px;
border-left: 3px solid #eee;
}
.callout h5 {
margin-top: 0;
margin-bottom: 6px;
}
.callout p:last-child {
margin-bottom: 0;
}
.callout code {
background-color: #fff;
border-radius: 3px;
}
.callout-default {
background-color: #f5f5f5;
border-color: #ddd;
}
.callout-default h5 {
color: #555;
}
.callout-danger {
background-color: #fdf7f7;
border-color: #D65C4F;
}
.callout-danger h5 {
color: #D65C4F;
}
.callout-warning {
background-color: #fcf8f2;
border-color: #E7804F;
}
.callout-warning h5 {
color: #E7804F;
}
.callout-info {
background-color: #f2f7f9;
border-color: #1992C2;
}
.callout-info h5 {
color: #1992C2;
}
.callout-success{
background-color: #f4faf5;
border-color: #239169;
}
.callout-success h5 {
color: #239169;
}
/* ===== Modal ===== */
.modal-content {
border: 0;
border-radius: 3px;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
outline: none;
}
.modal-header {
padding: 13px 16px 14px 16px;
background-color: #65B688;
color: #FFF;
border-bottom: 0;
border-radius: 3px 3px 0 0;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
}
.modal-header .close {
margin-top: 1px;
color: #fff;
}
.modal-title {
font-size: 12px;
}
.modal-title i {
float: left;
margin: 0 6px 0 0;
}
.modal-body {
padding: 0;
border-left: 1px solid #DDD;
border-right: 1px solid #DDD;
}
.modal-footer {
border-radius: 0 0 3px 3px;
padding: 16px;
margin-top: 0;
border: 1px solid #DDD;
background-color: #FCFCFC;
}
@media (min-width: 768px) {
.modal-content {
}
}
@media (min-width: 992px) {
.modal-lg {
width: 1000px;
}
}
/* ===== Progress bars ===== */
.progress {
margin-bottom: 0;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.progress-thin {
height: 6px;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
}
.progress-micro {
height: 2px;
}
.progress-bar {
font-size: 11px;
background-color: #546672;
}
.progress-bar-danger {
background-color: #D65C4F;
}
.progress-bar-success {
background-color: #65B688;
}
.progress-bar-warning {
background-color: #E48561;
}
.progress-bar-info {
background-color: #50ABC2;
}
/* ===== Alerts ===== */
.alert {
padding: 13px 14px 14px 14px;
margin-bottom: 0;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
font-weight: 600;
font-size: 12px;
}
.alert i {
float: left;
margin-right: 8px;
}
.alert h6 {
margin-top: 0;
}
.alert .alert-link {
font-weight: 600;
}
.alert .btn {
margin-top: 14px;
}
.alert hr {
margin: 12px -14px
}
/* Success */
.alert-success {
color: #2D552D;
background-color: #F5FAF4;
border-color: #D6E9C6;
}
.alert-success hr {
border-top-color: #D6E9C6;
}
.alert-success .alert-link {
color: #2D552D;
}
/* Info */
.alert-info {
color: #426A7E;
background-color: #F5FBFD;
border-color: #C8DEE2;
}
.alert-info hr {
border-top-color: #C8DEE2;
}
.alert-info .alert-link {
color: #426A7E;
}
/* Warning */
.alert-warning {
color: #725A32;
background-color: #FFFDF0;
border-color: #E9DDC4;
}
.alert-warning hr {
border-top-color: #E9DDC4;
}
.alert-warning .alert-link {
color: #725A32;
}
/* Danger */
.alert-danger {
background-color: #FDF5F5;
border-color: #EED3D7;
color: #923E3C;
}
.alert-danger hr {
border-top-color: #EED3D7;
}
.alert-danger .alert-link {
color: #923E3C;
}
/* ===== Contextual backgrounds ===== */
.bg-primary, .bg-primary a {
color: #fff;
background-color: #32434D;
}
.bg-success, .bg-success a {
color: #fff;
background-color: #65B688;
}
.bg-info, .bg-info a {
color: #fff;
background-color: #3CA2BB;
}
.bg-warning, .bg-warning a {
color: #fff;
background-color: #EE8366;
}
.bg-danger, .bg-danger a {
color: #fff;
background-color: #D65C4F;
}
/* ===== Tooltip ===== */
.tooltip {
font-weight: 600;
}
.tooltip-inner {
padding: 9px 16px;
background-color: #32434D;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}
.tooltip.top .tooltip-arrow {
border-top-color: #32434D;
}
.tooltip.top-left .tooltip-arrow {
border-top-color: #32434D;
}
.tooltip.top-right .tooltip-arrow {
border-top-color: #32434D;
}
.tooltip.right .tooltip-arrow {
border-right-color: #32434D;
}
.tooltip.left .tooltip-arrow {
border-left-color: #32434D;
}
.tooltip.bottom .tooltip-arrow {
border-bottom-color: #32434D;
}
.tooltip.bottom-left .tooltip-arrow {
border-bottom-color: #32434D;
}
.tooltip.bottom-right .tooltip-arrow {
border-bottom-color: #32434D;
}
/* ===== Popover ===== */
.popover {
border: 0;
padding: 0;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.075);
}
.popover-title {
font-size: 12px;
border-bottom: 0;
line-height: 20px;
color: #FFF;
background-color: #3A4B55;
border-radius: 2px 2px 0 0;
-webkit-border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
}
.popover-content {
border: 1px solid #DDD;
border-top: 0;
border-radius: 0 0 2px 2px;
-webkit-border-radius: 0 0 2px 2px;
-moz-border-radius: 0 0 2px 2px;
}
.popover > .arrow {
border-width: 7px;
}
.popover > .arrow:after {
border-width: 6px;
}
.popover.top > .arrow {
bottom: -6px;
margin-left: -7px;
}
.popover.top > .arrow:after {
bottom: 1px;
margin-left: -6px;
}
.popover.right > .arrow {
left: -6px;
margin-top: -7px;
}
.popover.right > .arrow:after {
left: 1px;
bottom: -6px;
}
.popover.bottom .arrow {
margin-left: -7px;
top: -7px;
}
.popover.bottom .arrow:after {
top: 1px;
margin-left: -6px;
border-bottom-color: #3A4B55;
}
.popover.left .arrow {
right: -6px;
margin-top: -7px;
}
.popover.left .arrow:after {
right: 1px;
bottom: -6px;
}
/* ===== Pagination ===== */
.pagination {
margin: 0;
border-radius: 0;
font-size: 0;
}
.pagination > li {
display: inline-block;
margin-left: 1px;
font-size: 12px;
}
.pagination > li:first-child {
margin-left: 0;
}
.pagination > li > a,
.pagination > li > span {
float: none;
margin-left: 0;
border: 0;
display: block;
color: #333;
font-weight: 600;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span,
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span,
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span,
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
border-radius: 2px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
background-color: #65B688;
color: #fff;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
background-color: #32434D;
cursor: default;
}
/* ===== Pager ===== */
.pager li > a,
.pager li > span {
border-radius: 2px;
font-weight: 600;
padding: 6px 14px 7px 14px;
color: #333;
}
.pager li > a:hover,
.pager li > a:focus {
background-color: #32434D;
border-color: #32434D;
color: #fff;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
border-color: #ddd;
}
/* ===== Buttons ===== */
.btn {
padding: 7px 16px 8px 16px;
font-size: 12px;
font-weight: 600;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
outline: 0;
}
.btn:active,
.btn.active {
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
/* Button with icon */
.btn > i {
float: left;
margin: 0 6px 0 -4px;
}
.mbni {
margin: 0 !important;
font-size: 12px !important;
}
.btn-sm > i, .btn-xs > i {
margin-left: 0;
}
.btn.btn-right-icon > i {
float: right;
margin: 0 -4px 0 6px;
}
.btn-icon {
padding: 5px 6px 6px 6px;
}
.btn-lg.btn-icon {
padding: 7px 10px 8px 10px;
}
.btn-sm.btn-icon {
padding: 4px 5px 5px 5px;
}
.btn-xs.btn-icon {
padding: 3px 4px 4px 4px;
}
.btn-icon i {
display: block;
padding: 2px;
margin: 0;
}
/* Button with caret */
.btn.btn-icon .caret {
margin: 9px 4px;
}
.btn-lg .caret {
border-width: 3px 3px 0;
}
.btn .caret {
margin-left: 4px;
margin-right: -4px;
}
.btn .caret.caret-split {
margin-left: 1px;
margin-right: 1px;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
border-bottom-width: 3px;
}
/* Button spacing */
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
margin-left: 1px;
}
.btn-group.open .dropdown-toggle {
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
/* Button sizing */
.btn-lg,
.btn-group-lg > .btn {
padding: 9px 18px 10px 18px;
font-size: 12px;
line-height: 1.42857143;
border-radius: 2px;
}
.btn-sm,
.btn-group-sm > .btn {
padding: 6px 12px 7px 12px;
font-size: 12px;
line-height: 1.42857143;
border-radius: 2px;
}
.btn-xs,
.btn-group-xs > .btn {
padding: 5px 10px 6px 10px;
font-size: 12px;
line-height: 1.42857143;
border-radius: 2px;
}
/* Button default */
.btn-default {
background-color: #fcfcfc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
color: #333;
background-color: #fff;
border-color: #ccc;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
background-color: #fafafa;
}
/* Button primary */
.btn-primary {
background-color: #546672;
border-color: #546672;
}
.btn-primary:hover,
.btn-primary:focus {
background-color: #657580;
border-color: #657580;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
background-color: #4C5B66;
border-color: #4C5B66;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
background-color: #4C5B66;
border-color: #4C5B66;
}
/* Button success */
.btn-success {
background-color: #65B688;
border-color: #65B688;
}
.btn-success:hover,
.btn-success:focus {
background-color: #74bd94;
border-color: #74bd94;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
background-color: #59A87B;
border-color: #59A87B;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
background-color: #59A87B;
border-color: #59A87B;
}
/* Button warning */
.btn-warning {
background-color: #E48561;
border-color: #E48561;
}
.btn-warning:hover,
.btn-warning:focus {
background-color: #e69171;
border-color: #e69171;
}
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
background-color: #DB805D;
border-color: #DB805D;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
background-color: #DB805D;
border-color: #DB805D;
}
/* Button danger */
.btn-danger {
background-color: #D65C4F;
border-color: #D65C4F;
}
.btn-danger:hover,
.btn-danger:focus {
background-color: #da6c61;
border-color: #da6c61;
}
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
background-color: #C75549;
border-color: #C75549;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
background-color: #C75549;
border-color: #C75549;
}
/* Button info */
.btn-info {
background-color: #50ABC2;
border-color: #50ABC2;
}
.btn-info:hover,
.btn-info:focus {
background-color: #61b3c8;
border-color: #61b3c8;
}
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
background-color: #4DA2B8;
border-color: #4DA2B8;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
background-color: #4DA2B8;
border-color: #4DA2B8;
}
/* Button link */
.btn-link {
color: #555;
}
.btn-link:hover,
.btn-link:focus {
text-decoration: none;
}
.btn-link:active {
box-shadow: none;
}
/* ===== Tables ===== */
.table {
margin-bottom: 0;
}
.table > thead > tr > th {
border-bottom-width: 1px;
outline: 0;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
vertical-align: middle;
padding: 10px 12px;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
padding: 8px 10px;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
background-color: #FDF5F5;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
background-color: #F5FAF4;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
background-color: #FFFDF0;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
background-color: #F5FBFD;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
background-color: #fafafa;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th,
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
background-color: #fcfcfc;
}
/* Feedback table */
.table-feedback thead > tr > th,
.table-feedback tbody > tr > td {
text-align: center;
width: 10%;
}
.table-feedback thead > tr > th:first-child,
.table-feedback tbody > tr > td:first-child {
text-align: left;
width: auto;
}
.table-feedback .radio,
.table-feedback .checkbox,
.table-feedback .checker,
.table-feedback .choice {
margin: 0;
}
/* Additional styles for rables inside panel */
.panel .table-bordered,
.panel .table-responsive > .table-bordered {
border: 0;
}
.panel .panel-body .table-bordered {
border: 1px solid #ddd;
}
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
border-top: 1px solid #DDD;
}
.panel .table:first-child,
.panel .table-responsive:first-child > .table:first-child {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.panel .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
border-top-left-radius: 0;
}
.panel .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
border-top-right-radius: 0;
}
.panel .table:last-child,
.panel .table-responsive:last-child > .table:last-child {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.panel .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
border-bottom-left-radius: 0;
}
.panel .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
border-bottom-right-radius: 0;
}
.panel .table-bordered > thead > tr > th:first-child,
.panel .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel .table-bordered > tbody > tr > th:first-child,
.panel .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel .table-bordered > tfoot > tr > th:first-child,
.panel .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel .table-bordered > thead > tr > td:first-child,
.panel .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel .table-bordered > tbody > tr > td:first-child,
.panel .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel .table-bordered > tfoot > tr > td:first-child,
.panel .table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.panel .table-bordered > thead > tr > th:last-child,
.panel .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel .table-bordered > tbody > tr > th:last-child,
.panel .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel .table-bordered > tfoot > tr > th:last-child,
.panel .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel .table-bordered > thead > tr > td:last-child,
.panel .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel .table-bordered > tbody > tr > td:last-child,
.panel .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel .table-bordered > tfoot > tr > td:last-child,
.panel .table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.panel .table-bordered > thead > tr:first-child > td,
.panel .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel .table-bordered > tbody > tr:first-child > td,
.panel .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel .table-bordered > thead > tr:first-child > th,
.panel .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel .table-bordered > tbody > tr:first-child > th,
.panel .table-responsive > .table-bordered > tbody > tr:first-child > th {
border-bottom: 0;
}
.panel .table-bordered > tbody > tr:last-child > td,
.panel .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel .table-bordered > tfoot > tr:last-child > td,
.panel .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel .table-bordered > tbody > tr:last-child > th,
.panel .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel .table-bordered > tfoot > tr:last-child > th,
.panel .table-responsive > .table-bordered > tfoot > tr:last-child > th {
border-bottom: 0;
}
.panel .table-bordered.dataTable {
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.panel-body .table-bordered {
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
}
/* ===== Thumbnail ===== */
.thumbnail {
background: none;
position: relative;
border: 0;
padding: 0;
margin-bottom: 0;
text-align: center;
}
.thumbnail .caption {
padding: 12px 0 0 0;
text-align: left;
}
.thumbnail .caption.text-center {
text-align: center;
}
.thumbnail .caption h6 small {
display: block;
margin-top: 4px;
}
.thumbnail-boxed .caption {
padding: 12px 12px;
}
.caption .caption-title {
font-size: 14px;
font-weight: 600;
margin-bottom: 8px;
display: block;
}
.thumbnail-boxed {
border: 1px solid #ddd;
padding: 2px;
border-radius: 2px;
background-color: #fff;
}
.thumbnail-boxed .item-info {
margin-bottom: 12px;
}
.thumbnail img,
.thumbnail a img {
margin-right: auto;
margin-left: auto;
display: block;
max-width: 100%;
width: 100%;
height: auto;
z-index: 2;
border-radius: 2px;
}
.thumb {
position: relative;
display: inline-block;
}
.thumb:hover
.thumb-options {
opacity: 1;
}
.thumbnail iframe {
width: 100%;
max-width: 100%;
height: 250px;
border: 0;
}
/* Thumb options on hover */
.thumb-zoom {
background: #32434D url(../images/interface/zoom.png) no-repeat 50%;
display: inline-block;
border-radius: 2px;
border: 0;
}
.thumb-zoom img {
opacity: 1;
}
.thumb-zoom:hover img {
opacity: 0.2;
}
.thumb-options {
border-radius: 2px;
position: absolute;
top: 0;
left: 0;
background: rgba(50,67,77,0.8);
height: 100%;
width: 100%;
opacity: 0;
text-align: center;
}
.thumb-options span {
display: block;
top: 50%;
position: absolute;
margin-top: -17px;
width: 100%;
}
.thumb-options span a + a {
margin-left: 5px;
}
/* ===== Media objects ===== */
.media { position: relative; }
.media-object {
max-width: 100%;
/*height: 44px;*/
width: 44px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}
.media-heading {
margin: 0;
display: block;
font-weight: 600;
font-size: 13px;
margin-bottom: 4px;
color: #333;
}
.clearfix .media-heading {
float: left;
}
.media-body {
cursor:pointer;
margin-top: 3px;
}
.media > .pull-left {
height: 44px;
margin-right: 12px;
overflow: hidden;
}
.panel-body > .media > .pull-left {
height: 100% !important;
}
.media, .media .media {
min-width: 150px;
margin-top: 25px;
}
.media-body .headline-info {
position: absolute;
right: 0;
top: 0;
opacity: 0;
visibility: hidden;
}
.media-body:hover .headline-info {
opacity: 1;
visibility: visible;
float: none;
}
.media-notice {
display: block;
font-size: 11px;
color: #999;
float: right;
}
@media (max-width: 480px) {
.clearfix .media-heading {
float: none;
}
.media-notice {
float: none;
margin-bottom: 5px;
}
}
/* Headline info */
.media-body .headline-info {
margin: 0;
}
.headline-info {
margin: 0 0 16px 0;
padding: 0;
list-style: none;
}
.headline-info > li {
float: left;
display: block;
color: #999;
padding: 0 12px;
font-size: 11px;
border-left: 1px solid #eee;
}
.headline-info > li:first-child {
padding-left: 0;
border-left: 0;
}
.headline-info > li > a {
font-weight: 600;
}
.headline-info > li > a > i {
float: left;
margin: -1px 6px 0 0;
color: #999;
}
@media (max-width: 479px) {
.headline-info > li {
float: none;
border: 0;
padding: 0;
}
.media-body .headline-info {
display: none;
}
}
.thmb {
border: 1px solid #ddd;
box-shadow: 1px 1px 5px 0 #a2958a;
padding: 6px;
float:left;
margin-right: 10px;
}
.thmbn {
float:left;
margin-right: 10px;
text-align: center;
}
.thmbn i {
color: #6B6B6B;
}
.button-maina {
font-family: "Open Sans Light", Tahoma, Arial, sans-serif;
border: 1px solid #fafafa;
padding: 5px 10px;
background-color: rgba(48, 156, 215, 0.7);
font-size: 18px;
display: block;
width: 250px;
margin: 20px auto;
text-align: center;
text-transform: uppercase;
border-radius: 5px;
transition: all 0.4s ease 0s;
line-height: 2.5em;
color: #fafafa;
}
.button-maina:hover,
.button-maina:focus,
.button-maina:active {
text-decoration: none;
color: #fff;
background-color: rgba(48, 156, 215, 1);
}
.postimg {
max-height: 500px;
max-width: 500px;
margin: 8px;
border: 1px solid #ddd;
box-shadow: 1px 1px 5px 0 #a2958a;
padding: 6px;
background-color: #fff;
}
/* Icons showcase */
.icon-classes-showcase > span {
font-size: 12px;
display: inline-block;
width: 15em;
padding: 8px;
background: #fcfcfc;
border: 1px solid #ddd;
margin: .5em 1em .5em 0;
}
.icon-classes-showcase > span > i {
float: left;
margin: 1px 6px 0 0;
}
/* Glyphs showcase */
.glyphs {
margin-top: -10px;
}
.glyphs > div {
font-size: 16px;
float: left;
text-align: center;
background: #fcfcfc;
border: 1px solid #ddd;
padding: 6px;
margin: 10px 20px 10px 0;
width: 100px;
}
.glyphs > div input {
width: 100%;
text-align: center;
padding: 3px;
background-color: #fff!important;
}
.glyphs > div > span {
font-size: 2em;
line-height: 1.5em;
}
/* jGrowl showcase */
.jgrowl-showcase .jGrowl {
position: static;
}
.jgrowl-showcase .jGrowl:first-child {
margin-bottom: 10px;
}
.jgrowl-showcase .jGrowl .jGrowl-notification {
border: none;
display: block;
margin: 0;
width: 100%;
}
/* ===== WYSIHTML5 editor plugin ===== */
.editor {
width: 100%;
height: 150px;
resize: vertical;
max-height: 200px;
background-color: #fff;
border: 1px solid #ddd;
padding: 10px;
overflow: scroll;
outline: none;
}
.wysihtml5-sandbox {
width: 100%!important;
}
.bootstrap-wysihtml5-insert-link-modal.modal,
.bootstrap-wysihtml5-insert-image-modal.modal {
margin-top: 102px;
}
.bootstrap-wysihtml5-insert-link-modal .modal-dialog,
.bootstrap-wysihtml5-insert-image-modal .modal-dialog {
width: 566px;
}
ul.wysihtml5-toolbar {
margin: 0;
padding: 0;
display: block;
}
ul.wysihtml5-toolbar > li {
display: inline-block;
list-style: none;
margin: 0 10px 15px 0;
}
ul.wysihtml5-toolbar .dropdown-menu {
max-height: 200px;
overflow-y: auto;
}
ul.wysihtml5-toolbar .dropdown-menu.color-select > li > a:hover,
ul.wysihtml5-toolbar .dropdown-menu.color-select > li > a:focus {
background-color: #f5f5f5;
color: #222222;
}
ul.wysihtml5-commands-disabled .dropdown-menu {
display: none !important;
}
ul.wysihtml5-toolbar a[data-wysihtml5-command=bold] {
font-weight: bold;
}
ul.wysihtml5-toolbar a[data-wysihtml5-command=italic] {
font-style: italic;
}
ul.wysihtml5-toolbar a[data-wysihtml5-command=underline] {
text-decoration: underline;
}
ul.wysihtml5-toolbar a.btn.wysihtml5-command-active {
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
ul.wysihtml5-toolbar div.wysihtml5-colors {
display: block;
width: 20px;
height: 20px;
position: absolute;
pointer-events: none;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
left: 10px;
top: 8px;
}
ul.wysihtml5-toolbar a.wysihtml5-colors-title { padding-left: 40px }
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="black"] { background: black !important }
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="silver"] { background: silver !important }
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="gray"] { background: gray !important }
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="maroon"] { background: maroon !important }
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="red"] { background: red !important }
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="purple"] { background: purple !important }
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="green"] { background: green !important }
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="olive"] { background: olive !important }
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="navy"] { background: navy !important }
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="blue"] { background: blue !important }
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="orange"] { background: orange !important }
/* # General styles
================================================== */
/* ===== Template animations =====*/
@media (min-width: 992px) {
a,
.btn,
.caret,
.close,
.navbar-toggle,
.navbar-header,
.daterangepicker td,
.daterangepicker th,
.date-range > i,
.date-range:after,
.media-body .headline-info,
.ranges ul li,
.ranges ul li:before,
.ranges ul li:after,
.select2-arrow b,
.select2-highlighted,
.select2-choice abbr,
.popup-messages > li > a > strong,
.activity > li,
.fancybox-nav span,
.ui-slider-range,
.fc-button,
.dropdown-submenu > a:after,
.nav-pills > li > a:after,
.nav-pills .label,
.nav-tabs .label,
.dropdown-menu > li > a > i,
.dropdown-menu .label,
.dropdown-menu > li > a > img,
.thumb-zoom img,
.navigation li a i,
.thumb-options,
.ui-datepicker-trigger,
.checker span,
.checker span:after,
.choice span,
.choice span:after,
.table-hover > tbody > tr > td,
.content,
.ui-timepicker-list li,
.ui-timepicker-duration,
.navigation li a:after,
.has-switch > div > span,
.has-switch > div > label,
.has-switch > .switch-animate,
.panel-trigger > a:after,
.dropdown-menu > li:before,
.dropdown-menu > li:after,
.popup-header a i,
.jGrowl-close {
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
}
}
/* ===== Clearfix =====*/
.glyphs:after,
ul.list-justified li:after,
.statistics-info:after,
.info-buttons:after,
.headline-info:after,
.message-controls:after,
.slider-controls:after,
.wysihtml5-toolbar::after,
.footer-icons-group:after,
.footer-links-group:after,
.user-menu > a:after,
.breadcrumb-line:after,
.invoice-header:after,
.breadcrumb-buttons:after,
.popup-messages > li > a:after,
.daterangepicker .range_inputs:after,
.datatable-header:after,
.chat-member:after,
.datatable-footer:after,
.table-footer:after,
.search-control:after,
.calendars:after,
.chat .message:after,
.colorpicker:after,
.task:after {
content: "";
display: table;
clear: both;
}
/* ===== Border radius =====*/
.statistics-info > a,
.daterangepicker td,
.daterangepicker th,
.info-blocks > li,
.search-line,
.jqstooltip,
.plupload_button,
.jGrowl .jGrowl-notification,
.user-face,
.fc-button,
.ui-datepicker .ui-datepicker-current-day .ui-state-active,
.ui-datepicker .ui-state-hover,
.chart-tooltip,
.jGrowl .jGrowl-closer,
.popup-header a,
.has-switch,
.breadcrumb-line,
.chat .message .message-body,
.message-img img,
.fancybox-title-float-wrap .child,
#fancybox-loading,
.chat-member img,
.ranges,
.daterangepicker.opensleft .calendar,
.calendars,
.daterangepicker,
.editor,
.dataTables_paginate a,
.DTTT_collection,
label.error {
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}
/* # Statistics, info blocks and graphs
================================================== */
/*===== Page title statistics =====*/
.statistics {
width: 10%;
text-align: center;
margin: 0;
padding: 0;
font-size: 0;
line-height: 1;
}
.statistics > li {
min-width: 130px;
margin: 5px 25px;
position: relative;
display: inline-block;
text-align: left;
}
.statistics > li > span {
font-size: 11px;
margin-top: 8px;
display: block;
text-transform: uppercase;
font-weight: 600;
}
.statistics.list-justified > li {
margin: 0;
padding-left: 50px;
}
.statistics.list-justified > li:first-child {
padding-left: 0;
}
.statistics-info {
margin-bottom: 8px;
}
.statistics-info > a {
display: inline-block;
float: left;
margin-right: 8px;
}
.statistics-info > a > i {
color: white;
padding: 5px 6px 6px 6px;
margin: 0;
display: block;
}
.statistics-info > strong {
font-size: 22px;
font-weight: 600;
display: block;
float: left;
margin-top: 2px;
}
@media (max-width: 479px) {
.statistics > li {
width: 100%;
margin: 10px 0;
}
}
@media (max-width: 991px) {
.statistics.list-justified > li {
padding-left: 0;
}
.statistics.list-justified li {
margin-top: 20px;
}
.statistics.list-justified li:first-child {
margin-top: 0;
}
}
/*===== Info buttons =====*/
.info-buttons {
margin-left: 0;
margin-right: 0;
}
.info-buttons a {
display: block;
color: #505050;
padding: 10px 12px;
text-align: center;
position: relative;
background-color: #fafafa;
border: 1px solid #ddd;
}
.info-buttons a + a {
border-left: 0;
}
.info-buttons a i {
font-size: 32px;
margin: 0;
display: block;
font-weight: normal;
}
.info-buttons a span {
display: block;
margin-top: 8px;
font-weight: 600;
font-size: 12px;
}
.info-buttons a strong {
position: absolute;
right: -1px;
top: -1px;
}
.info-buttons a:hover {
background-color: #fcfcfc;
border-color: #e5e5e5;
color: #2A6496;
}
.info-buttons a:active,
.info-buttons a:focus {
color: #3792A8;
border-color: #d5d5d5;
}
/*===== Info blocks =====*/
.info-blocks {
list-style: none;
width: 100%;
text-align: center;
margin: 0;
margin-bottom: 30px;
padding: 0;
}
.info-blocks > li {
display: inline-block;
text-align: center;
min-width: 150px;
white-space: nowrap;
margin: 0 10px 5px 10px;
}
.info-blocks > li > a > i {
font-size: 48px;
display: inline-block;
margin-bottom: 20px;
}
.info-blocks > li > a:hover {
opacity: 0.8;
filter: alpha(Opacity=80);
color: #fff;
}
.top-info {
margin: 16px 14px 14px 14px;
}
.top-info > a {
display: block;
font-weight: 600;
text-transform: uppercase;
}
.top-info > a:hover {
opacity: 0.8;
filter: alpha(Opacity=80);
color: #fff;
}
.top-info > small {
font-size: 11px;
display: block;
margin-top: -2px;
}
.bottom-info {
display: block;
font-size: 11px;
padding: 4px 8px 5px 8px;
font-weight: 600;
border-radius: 0 0 2px 2px;
-webkit-border-radius: 0 0 2px 2px;
-moz-border-radius: 0 0 2px 2px;
}
@media (max-width: 478px) {
.info-blocks > li {
width: 49%;
margin: 10px 0;
}
}
/*===== Page stats =====*/
.page-stats {
margin-left: 0;
margin-bottom: 30px;
padding: 0;
list-style: none;
}
.page-stats li {
padding: 12px 18px;
border-left: 1px solid #e5e5e5;
display: inline-block;
}
.page-stats li.bg-default {
background-color: #fafafa;
border: 1px solid #e5e5e5;
}
.page-stats li.bg-default + li {
border-left: 0;
}
.page-stats li:first-child {
border-radius: 2px 0 0 2px;
-webkit-border-radius: 2px 0 0 2px;
-moz-border-radius: 2px 0 0 2px;
}
.page-stats li:last-child {
border-radius: 0 2px 2px 0;
-webkit-border-radius: 0 2px 2px 0;
-moz-border-radius: 0 2px 2px 0;
}
.page-stats-showcase {
float: left;
margin-right: 18px;
}
.page-stats-showcase span {
font-weight: 600;
font-size: 11px;
text-transform: uppercase;
display: block;
text-align: center;
}
.page-stats-showcase h2 {
margin: 0;
font-size: 17px;
line-height: 20px;
text-align: center;
}
@media (max-width: 991px) {
.page-stats.list-justified li.background-default {
border-left: 1px solid #ddd;
}
.page-stats.list-justified li {
margin-top: 20px;
}
.page-stats.list-justified li:first-child {
margin-top: 0;
}
}
/*===== Other styles =====*/
.block {
margin-bottom: 35px;
}
.block-inner {
margin-bottom: 20px;
display: block;
}
.with-padding {
padding: 16px;
}
.subtitle {
display: block;
font-weight: 600;
margin-bottom: 10px;
}
.subtitle i {
float: left;
margin: 0 6px 0 0;
color: #444;
}
.language.dropdown > a > img {
float: left;
margin: 3px 6px 0 0;
}
label.error {
margin-top: 6px;
margin-bottom: 0;
color: #fff;
background-color: #D65C4F;
display: table;
padding: 5px 8px;
font-size: 11px;
font-weight: 600;
line-height: 14px;
}
label.error.valid {
background-color: #65B688;
}
.mandatory {
color: #b94a48;
margin-left: 2px;
}
ul.list-justified li {
float: none;
width: 1%;
display: table-cell;
}
@media (max-width: 991px) {
ul.list-justified li {
display: block;
width: auto;
}
}
/* # Custom widgets and layout elements
================================================== */
/*===== Media page option bar =====*/
.bar label {
float: left;
font-size: 12px;
display: inline-block;
margin: 7px 12px 0 0;
}
.bar-left,
.bar .select,
.bar select,
.bar .form-control {
float: left;
}
.bar-right {
float: right;
}
.bar .form-control {
width: auto;
}
.bar .btn {
margin-left: 2px;
}
.bar .pagination {
margin-top: 3px;
}
.file-info span {
display: block;
}
@media (max-width: 767px) {
.bar-left, .bar-right {
float: none;
width: 100%;
}
.bar-right {
margin-top: 20px;
}
.bar label {
margin: 0 0 4px 0;
display: block;
}
.bar .form-control {
width: 100%;
}
.bar .btn {
margin-top: 2px;
margin-left: 0;
text-align: center;
width: 100%;
}
.bar .btn > i {
float: none;
}
.bar .select2-container {
width: 100%!important;
}
}
/*===== Send message widget with icon toolbar =====*/
.upload-options {
float: left;
margin: 8px;
}
.upload-options a {
color: #555;
opacity: 0.5;
filter: alpha(Opacity=50);
margin-right: 10px;
}
.upload-options a:hover {
opacity: 1;
filter: alpha(Opacity=100);
}
.message-controls {
margin-top: 16px;
}
.message-controls .pull-left {
color: #999;
font-size: 12px;
margin-top: 8px;
display: block;
}
.message-controls .pull-left i {
float: left;
margin: 0 6px 0 0;
}
@media (max-width: 479px) {
.message-controls {
text-align: center;
}
.message-controls .pull-left {
display: none;
}
}
/*===== Task grid =====*/
.task {
background-color: #fff;
font-size: 12px;
border: 1px solid #ddd;
border-left-width: 3px;
}
.task-description a {
font-size: 14px;
font-weight: 600;
}
.task-description span {
display: block;
margin-top: 6px;
}
.task-description i {
font-style: normal;
font-size: 11px;
color: #999;
margin-left: 8px;
}
.task-info {
text-align: right;
}
.task-info > span {
display: block;
color: #777;
margin-top: 6px;
}
.task-info > span:first-child {
margin-top: 0;
}
.task-info > span i {
float: left;
margin: 2px 6px 0 0;
}
.task-info .label {
margin-left: 5px;
}
.task-high {
border-left-color: #D65C4F;
}
.task-normal {
border-left-color: #65B688;
}
.task-low {
border-left-color: #bbb;
}
.task-desc a {
font-weight: 600;
display: inline-block;
margin-top: 3px;
margin-bottom: 3px;
}
.task-desc span {
display: block;
color: #999;
font-size: 11px;
margin-top: -2px;
}
@media (max-width: 767px) {
.task-info {
text-align: center;
border-top: 1px solid #eee;
padding-top: 20px;
}
}
/*===== Panel footer links and icons =====*/
.footer-links-group {
list-style: none;
margin: 0;
padding: 0;
}
.footer-links-group > li {
float: left;
padding: 9px 12px 10px 12px;
border-right: 1px solid #eee;
}
.footer-links-group > li.has-label {
padding: 6px 12px;
}
.footer-icons-group {
margin: 0;
list-style: none;
padding: 0;
}
.footer-icons-group > li {
float: left;
position: relative;
}
.footer-icons-group > li > a {
line-height: 1;
color: #999;
display: block;
padding: 9px 10px 10px 10px;
border-left: 1px solid #eee;
}
.footer-icons-group > li > a:hover,
.footer-icons-group > li > a:focus {
color: #777;
}
@media (max-width: 479px) {
.footer-links-group > li {
border-right: 0;
}
.footer-icons-group > li > a {
border-left: 0;
}
}
@media (max-width: 767px) {
.footer-links-group > li, .footer-icons-group > li {
float: none;
}
.footer-icons-group {
font-size: 0;
}
.footer-icons-group > li > a {
border: 0;
}
.footer-icons-group > li {
display: inline-block;
}
}
/*===== Icons group =====*/
.icons-group a {
color: #555;
margin-left: 4px;
}
.icons-group a:first-child {
margin-left: 0;
}
.icons-group a:hover, .icons-group a:focus {
color: #999;
}
.footer .icons-group a {
margin-left: 12px;
color: #999;
float: left;
}
.footer .icons-group a:hover, .footer .icons-group a:focus {
color: #555;
}
/*===== Navbar popup =====*/
.popup {
min-width: 300px;
}
.popup-header {
background: #32434D;
text-align: center;
color: #fff;
border-radius: 2px 2px 0 0;
-webkit-border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
}
.popup .popup-header {
margin: -1px -1px 0 -1px;
}
.popup-header > span {
display: inline-block;
margin: 11px 12px 12px 12px;
}
.popup-header a {
display: block;
color: #fff;
padding: 11px 12px 12px 12px;
line-height: 1;
}
.popup-header a:hover {
background-color: rgba(0,0,0,0.2);
color: #fff;
}
.popup-header a i {
opacity: 0.8;
filter: alpha(Opacity=80);
}
.popup-header a:hover i {
opacity: 1;
filter: alpha(Opacity=100);
}
.dropdown-menu .popup-header:after {
content: '';
position: absolute;
top: -7px;
left: 13px;
display: inline-block;
border-right: 6px solid rgba(0, 0, 0, 0);
border-bottom: 6px solid #32434D;
border-left: 6px solid rgba(0, 0, 0, 0);
}
.dropdown-menu.dropdown-menu-right .popup-header:after {
left: auto;
right: 13px;
}
.popup .table {
min-width: 400px;
}
@media (max-width: 767px) {
.popup, .popup .table {
min-width: 0;
}
}
/*===== Navbar messages =====*/
.popup-messages {
list-style: none;
margin: 0;
padding: 0;
max-height: 197px;
overflow-y: auto;
}
.popup-messages > li {
border-top: 1px solid #eee;
}
.popup-messages > li:first-child {
border-top: 0;
}
.popup-messages > li > a {
padding: 12px;
display: block;
position: relative;
}
.popup-messages > li > a:hover {
background-color: #F5FFFB;
}
.popup-messages > li > a:hover > strong {
color: #D65C4F;
}
.popup-messages > li > a > div {
margin-left: 52px;
}
.popup-messages > li > a > strong {
display: block;
margin-top: 4px;
font-weight: 600;
color: #333;
padding-right: 20px;
}
.popup-messages > li > a > strong > i {
position: absolute;
right: 12px;
top: 15px;
color: #ccc;
}
.popup-messages > li > a > span {
color: #676767;
font-size: 11px;
}
.popup-messages > li.unread > a {
background: #fffff2;
}
.popup-messages > li.unread > a > strong {
color: #237B91;
}
.user-face {
width: 40px;
/*height: 40px;*/
float: left;
margin-right: 12px;
}
.user-face-img {
margin: 0 12px 0 0 !important;
height: 40px;
width: 40px;
float: left;
overflow: hidden;
}
/*===== Navbar activity =====*/
.activity {
max-height: 182px;
overflow-y: auto;
font-size: 12px;
margin: 0;
padding: 0;
list-style: none;
}
.activity > li {
padding: 12px;
border-top: 1px solid #f5f5f5;
}
.activity > li:first-child {
border-top: 0;
}
.activity > li:hover {
background-color: #F5FFFB;
}
.activity > li:hover a {
color: #D65C4F;
}
.activity > li > i {
float: left;
margin-top: 1px;
}
.activity > li > div {
margin-left: 28px;
}
.activity > li > div > a {
font-weight: 600;
}
.activity > li > div > span {
display: block;
color: #999;
font-size: 11px;
line-height: 16px;
}
/* ===== Search line ===== */
.search-line {
padding: 15px;
background-color: #F9FDFF;
border: 1px solid #c7dae3;
}
.search-line .form-control {
background: #fff url(../images/interface/filter.png) no-repeat 12px;
padding: 9px 10px 10px 32px;
height: auto;
border-color: #c7dae3;
}
.search-line .input-group-btn .btn {
padding: 9px 18px 10px 18px;
}
.search-control {
position: relative;
}
.search-control .btn-group {
position: absolute;
top: 1px;
right: 1px;
z-index: 2;
}
.search-control .btn-group.open .dropdown-toggle {
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
background-color: #fafafa;
}
.search-control .multiselect.btn-lg.btn-icon {
padding: 6px 10px 7px 10px;
}
.search-results {
list-style: none;
margin: 0;
padding: 0;
}
.search-results h6 {
font-weight: 400;
margin: 0;
line-height: 20px;
}
.search-results .result-url {
color: #239169;
margin: 2px 0;
display: inline-block;
}
.search-results > li {
margin-bottom: 30px;
}
/*===== User status styles =====*/
.status {
width: 6px;
height: 6px;
margin-left: 4px;
vertical-align: 1px;
display: inline-block;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
}
.status-default {
background-color: #aaa;
}
.status-success {
background-color: #239169;
}
.status-info {
background-color: #3CA2BB;
}
.status-danger {
background-color: #D65C4F;
}
.status-warning {
background-color: #E7804F;
}
/* # Page layout
================================================== */
/*===== Boxed page layout =====*/
body.boxed {
background-color: #eee;
}
.boxed .navbar-nav.navbar-right:last-child {
margin-right: 0;
}
.boxed .sidebar-content {
margin-top: 0;
}
.boxed .page-container {
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
}
@media (max-width: 991px) {
.boxed .sidebar,
.boxed.sidebar-narrow .sidebar {
left: 0;
display: none;
}
.boxed.offcanvas-active .sidebar {
display: block;
}
}
/*===== Page content =====*/
#toTop {
width: 240px;
}
.sidebar-content {
margin-top: 54px;
position: relative;
}
.page-content {
padding-bottom: 40px;
margin: 0 25px;
position: relative;
}
.sbarred {
margin: 0 25px 0 265px;
}
.sidebar-narrow .page-content {
margin-left: 79px;
}
.sidebar-hidden .page-content {
/*margin: 0 25px!important;*/
}
.full-width .page-content {
margin: 0 25px;
}
.hidden-ul {
display: none;
}
/*===== Sidebar toggle button =====*/
.sidebar-toggle {
position: absolute;
right: 0;
top: 12px;
line-height: 1;
color: #fff;
padding: 6px 7px 7px 7px;
background-color: rgba(0, 0, 0, 0.2);
height: 30px;
}
.sidebar-toggle:hover, .sidebar-toggle:focus {
color: #fff;
background-color: rgba(0, 0, 0, 0.3);
}
/*===== Sidebars =====*/
.sidebar {
width: 240px;
background-color: #3A4B55;
position: absolute;
top: 0;
left: 0;
min-height: 100%;
z-index: 1;
}
/*--*/
.sidebar-narrow .sidebar {
width: 54px;
}
/*===== Main navigation ====*/
.navigation {
list-style: none;
margin: 0 0 35px 0;
padding: 0;
}
.navigation .bbor {
border-bottom: 1px solid #49565D;
}
.navigation li {
position: relative;
}
.navigation > li {
border-top: 1px solid #49565D;
position: relative;
}
.btnup { cursor:pointer; }
.navigation > li.active > a,
.navigation > li.active:hover > a,
.navigation > li.active:focus > a, .btnup:hover a {
color: #fff;
background-color: #2C3A42;
}
.navigation > li.active > a > i, .btnup a i {
opacity: 1;
filter: alpha(Opacity=100);
}
.navigation > li > a, .btnup a {
color: rgba(255,255,255,0.8);
padding: 13px 40px 14px 14px;
display: block;
border-left: 3px solid transparent;
}
.navigation > li:hover > a, .btnup:hover a {
color: #fff;
border-left: 3px solid #EE8366;
background-color: #2C3A42;
}
.navigation > li:hover > a > i, .btnup:hover a i {
opacity: 1;
filter: alpha(Opacity=100);
}
.navigation > li > a > i, .btnup a i {
font-size: 16px;
position: absolute;
right: 14px;
top: 13px;
opacity: 0.8;
filter: alpha(Opacity=80);
}
.navigation > li ul {
margin: 0;
padding: 0;
background-color: rgba(0, 0, 0, 0.15);
font-size: 11px;
list-style: none;
z-index: 1010;
}
.sidebar-narrow .navigation > li > ul {
background-color: #2D3A42;
}
.navigation > li ul > li {
border-top: 1px solid rgba(255,255,255,0.05);
}
.navigation > li ul > li:first-child {
border-top: 0;
}
.navigation > li ul > li.active.has-ul > a, .navigation > li ul > li.active.has-ul > a:hover {
background-color: #4A5D64;
}
.navigation > li ul > li.active > a, .navigation > li ul > li.active > a:hover {
background-color: rgba(0,0,0,0.2);
}
.navigation > li ul > li.has-ul > a:after {
content: "";
background: url(/wu-static/img/menu_plus.png) no-repeat;
opacity: 0.4;
filter: alpha(Opacity=40);
margin-top: 4px;
float: right;
width: 7px;
height: 7px;
margin-right: 2px;
}
.navigation > li ul > li.has-ul > a:hover:after,
.navigation > li ul > li.active.has-ul > a:after {
opacity: 1;
filter: alpha(Opacity=100);
}
.navigation > li ul > li.active.has-ul > a:after {
content: "";
width: 7px;
height: 7px;
background: url(/wu-static/img/menu_minus.png) no-repeat;
}
.navigation > li ul > li.active > a:after {
content: "";
width: 5px;
height: 9px;
opacity: 0.9;
filter: alpha(Opacity=90);
margin: 4px 2px 6px 0;
float: right;
background: url(/wu-static/img/nav_arrow_right.png) no-repeat;
}
.navigation > li ul > li > a {
display: block;
padding: 13px 14px 14px 24px;
}
.navigation > li ul li a {
color: rgba(255, 255, 255, 0.8);
}
.navigation > li ul li a:hover,
.navigation > li ul li a:focus,
.navigation > li ul li.active > a {
color: #fff;
}
.navigation > li ul > li > a:hover {
background: rgba(0, 0, 0, 0.1);
}
.navigation > li ul > li > a .label {
position: absolute;
top: 9px;
right: 12px;
}
.navigation > li ul > li.active > a .label {
right: 30px;
}
.navigation > li ul li ul a {
display: block;
}
.navigation > li ul > li > ul > li > a {
padding-left: 30px;
}
.navigation > li ul > li > ul > li > ul > li > a {
padding-left: 36px;
}
.navigation li.disabled a {
opacity: 0.4;
filter: alpha(Opacity=40);
cursor: not-allowed;
}
.navigation li.disabled:hover a {
background: none;
border-color: transparent;
}
.navigation ul li.disabled:hover a {
color: #ccc;
}
.navigation > li.disabled:hover > a:after,
.navigation > li.disabled:hover > a > i {
opacity: 0.5;
filter: alpha(Opacity=50);
}
/* Left aligned icons */
.navigation-icons-left > li > a {
padding-right: 14px;
padding-left: 40px;
}
.navigation-icons-left > li > a > i {
left: 14px;
right: auto;
}
@media (max-width: 991px) {
.navigation {
margin: 0;
}
}
/*===== Narrow sidebar navigation ====*/
.sidebar-narrow .navigation > li > a > span, .sidebar-narrow .navigation .btnup a span {
display: none;
}
.sidebar-narrow .navigation .mead, .sidebar-narrow .navigation .gglhp, .sidebar-narrow .navigation #gglh {
left: -240px;
}
.sidebar-narrow .navigation .btnup a, .sidebar-narrow .navigation .btnup {
width: 54px !important;
}
.sidebar-narrow .navigation > li > a, .sidebar-narrow .navigation .btnup a {
padding: 15px 3px 16px 0;
width: 100%;
text-align: center;
}
.sidebar-narrow .navigation > li > a > i, .sidebar-narrow .navigation .btnup a i {
display: block;
position: static;
}
.sidebar-narrow .navigation > li ul {
list-style: none;
margin: 0;
padding: 0;
}
.sidebar-narrow .navigation > li > ul {
width: 220px;
border-radius: 0 2px 2px 0;
-webkit-border-radius: 0 2px 2px 0;
-moz-border-radius: 0 2px 2px 0;
border-left: 1px solid rgba(255,255,255,0.1);
margin-left: -1px;
position: absolute;
top: 0;
left: 100%;
display: none;
}
.sidebar-narrow .navigation > li:hover > ul {
display: block;
}
.sidebar-narrow .navigation > li.disabled:hover > ul {
display: none;
}
.sidebar-narrow .navigation > li > ul > li > a {
padding-left: 14px;
}
.sidebar-narrow .navigation > li > ul > li:first-child {
border-top: 0;
}
.sidebar-narrow .navigation > li > ul > li:first-child > a {
border-radius: 2px 2px 0 0;
-webkit-border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
}
.sidebar-narrow .navigation > li > ul > li:last-child > a {
border-radius: 0 0 2px 2px;
-webkit-border-radius: 0 0 2px 2px;
-moz-border-radius: 0 0 2px 2px;
}
@media (max-width: 991px) {
.page-content {
margin: 0 25px 0 25px;
}
.sidebar-toggle {
display: none;
}
.sidebar {
left: -240px;
position: fixed;
/* display: none; */
}
.sidebar-narrow .sidebar {
left: -54px;
}
.offcanvas-active .sidebar {
position: absolute;
left: 0;
display: block;
}
.offcanvas-active.sidebar-narrow .page-content {
margin-left: 79px;
}
.offcanvas-active .page-content {
margin-left: 265px;
margin-right: 0;
overflow: hidden;
}
.offcanvas-active .page-content-inner {
margin-right: -240px;
}
.sidebar-narrow.offcanvas-active .page-content-inner {
margin-right: -54px;
}
.sidebar-narrow .page-content {
margin-left: 25px;
}
}
@media (max-width: 768px) {
.page-content {
margin: 0 15px 0 15px;
}
.sidebar-narrow .page-content {
margin-left: 15px;
}
.offcanvas-active .page-content {
margin-left: 255px;
}
.sidebar-narrow .page-content {
margin-left: 15px;
}
.offcanvas-active.sidebar-narrow .page-content {
margin-left: 69px;
}
}
/*===== Sidebar user dropdown ====*/
.user-menu > a {
padding: 18px 16px;
display: block;
background: #2D3A42 url(../images/interface/nav_arrow_right.png) no-repeat 220px;
}
.user-menu > a img {
width: 48px;
display: block;
float: left;
}
.user-menu .dropdown-menu {
left: 100%;
margin-left: 10px;
top: 0;
border: 0;
}
.user-menu .dropdown-menu:before {
position: absolute;
top: 25px;
left: -7px;
display: inline-block;
border-top: 7px solid rgba(0, 0, 0, 0);
border-right: 7px solid #CCC;
border-bottom: 7px solid rgba(0, 0, 0, 0);
content: '';
}
.user-menu .dropdown-menu:after {
position: absolute;
top: 26px;
left: -6px;
display: inline-block;
border-top: 6px solid rgba(0, 0, 0, 0);
border-right: 6px solid #FFF;
border-bottom: 6px solid rgba(0, 0, 0, 0);
content: '';
}
.user-menu .popup {
min-width: 0;
width: 220px;
border: 1px solid #ccc;
}
.user-menu .thumbnail {
padding: 15px 15px 20px 15px;
}
.user-menu .thumb-options, .user-menu .thumbnail img {
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}
.user-menu h6, .user-menu h5, .user-menu h4 {
margin-bottom: 0;
line-height: 1;
}
.user-menu .popup .list-group {
margin: -1px;
}
.user-menu .popup .list-group-item {
border-top-color: #eee;
border-bottom-color: #ccc;
border-left-color: #ccc;
border-right-color: #ccc;
}
.user-info {
margin-left: 12px;
float: left;
color: #FFF;
font-weight: 400;
margin-top: 8px;
}
.user-info span {
font-size: 11px;
color: #999;
display: block;
margin: 2px 0 0 0;
}
.sidebar-narrow .user-menu {
padding: 0;
display: block;
}
.sidebar-narrow .user-menu > a {
padding: 12px 8px;
}
.sidebar-narrow .user-menu .user-info {
display: none;
}
.sidebar-narrow .user-menu img {
max-width: 100%;
float: none;
}
@media (max-width: 991px) {
.user-menu .dropdown-menu {
left: 0;
}
.sidebar-narrow .user-menu .dropdown-menu {
left: 54px;
}
.user-menu .dropdown-menu:before,
.user-menu .dropdown-menu:after {
content: none;
}
}
/*===== Breadcrumbs line and breadcrumb buttons ====*/
.breadcrumb-line {
margin: 0 0 35px 0;
background-color: #fcfcfc;
border: 1px solid #e5e5e5;
position: relative;
}
.breadcrumb-top {
margin: 0 -25px;
border: 0;
border-bottom: 1px solid #e5e5e5;
border-top: 1px solid transparent;
}
.breadcrumb-top .breadcrumb {
padding-left: 25px;
padding-top: 9px;
}
.breadcrumb-top .breadcrumb-buttons {
margin-right: 25px;
}
.breadcrumb-top .breadcrumb-buttons > li {
border-left: 0;
border-right: 1px solid #eee;
}
.breadcrumb-top .breadcrumb-buttons > li:first-child {
border-left: 1px solid #eee;
}
.breadcrumb-top .breadcrumb-buttons > li > a {
padding-top: 9px;
}
.breadcrumb-buttons {
margin: 0;
padding: 0;
float: right;
list-style: none;
font-size: 0;
position: relative;
}
.breadcrumb-buttons > li {
position: relative;
border-left: 1px solid #eee;
display: block;
float: left;
font-size: 12px;
}
.breadcrumb-buttons > li > a {
color: #444;
display: block;
padding: 9px 14px 10px 14px;
font-weight: 600;
}
.breadcrumb-buttons > li.open > a,
.breadcrumb-buttons > li.open > a:hover {
color: #777;
background-color: #fff;
}
.breadcrumb-buttons > li.open > a .caret {
border-top-color: #777;
}
.breadcrumb-buttons > li > a > i {
float: left;
display: block;
margin: 0 6px 0 0;
}
.breadcrumb-buttons > li > a:hover {
background-color: #fcfcfc;
color: #777;
}
.breadcrumb-buttons .label {
margin-left: 6px;
margin: -1px -2px -1px 2px;
padding: 4px 7px;
}
.breadcrumb-search {
padding: 14px;
}
.breadcrumb-search input[type=text] {
background: #fff url(../images/interface/filter.png) no-repeat 10px;
padding-left: 30px;
margin-bottom: 2px;
}
.breadcrumb-toggle {
position: absolute;
top: 0;
right: 0;
}
@media (min-width: 768px) {
.breadcrumb-buttons {
display: block;
}
}
@media (max-width: 767px) {
.breadcrumb-line {
border: 0;
background: none;
}
.breadcrumb-top {
margin: 0 -15px;
}
.breadcrumb-top .breadcrumb-buttons {
margin-right: 0;
}
.breadcrumb-top .breadcrumb {
padding-left: 15px;
}
.breadcrumb-top .breadcrumb-toggle {
right: 3px;
}
.breadcrumb-buttons {
margin-top: -1px;
background-color: #fff;
width: 100%;
border: 1px solid #ddd;
z-index: 2;
}
.breadcrumb-buttons > li {
float: none;
width: 1%;
display: table-cell;
}
.breadcrumb-buttons > li:first-child {
border-left: 0;
}
.breadcrumb-buttons > li > a .caret {
float: right;
margin-top: 9px;
}
.breadcrumb-buttons .dropdown-menu,
.breadcrumb-buttons .popup.dropdown-menu.dropdown-menu-right {
float: left!important;
left: -1px;
right: -1px;
}
.breadcrumb-buttons > li {
position: static;
}
.breadcrumb-buttons .dropdown-menu {
margin-top: 2px;
}
.breadcrumb-buttons .popup-header:before,
.breadcrumb-buttons .popup-header:after,
.breadcrumb-buttons .dropdown-menu > li:first-child:before,
.breadcrumb-buttons .dropdown-menu > li:first-child:after {
content: "";
border: 0;
}
}
@media (max-width: 479px) {
.breadcrumb-buttons > li > a > span,
.breadcrumb-buttons > li > a .caret {
display: none;
float: none;
}
.breadcrumb-buttons > li {
text-align: center;
}
.breadcrumb-buttons > li > a > i,
.language.dropdown > a > img {
float: none;
margin: 0;
display: inline-block;
}
.breadcrumb-buttons > li > a {
height: 36px;
}
}
/*===== Footer =====*/
.footer {
padding-left: 25px;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 40px;
border-top: 1px solid #ddd;
padding: 12px 0;
text-align: center;
font-size: 11px;
color: #777;
background-color: #fff;
}
@media (max-width: 480px) {
.footer .icons-group {
display: none;
}
}
/* ===== Infinite rotation animation ===== */
.overlay {
display: none;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 9999;
}
.overlay .opacity {
background-color: #2C3A3F;
filter: alpha(opacity=80);
opacity: 0.8;
width: 100%;
height: 100%;
position: relative;
}
.spin {
display: inline-block;
-webkit-animation: rotation 2s linear infinite;
-moz-animation: rotation 1s ease infinite;
-ms-animation: rotation 1s ease infinite;
-o-animation: rotation 1s ease infinite;
animation: rotation 1s ease infinite;
}
.overlay .spin {
font-size: 16px;
color: #fff;
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
margin-left: -8px;
margin-top: -8px;
}
@-webkit-keyframes rotation {
0% {-webkit-transform: rotate(0deg);}
100% {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes indicator {
0% {-moz-transform: rotate(0deg);}
100% {-moz-transform: rotate(359deg);}
}
@-ms-keyframes indicator {
0% {-ms-transform: rotate(0deg);}
100% {-ms-transform: rotate(359deg);}
}
@-o-keyframes indicator {
0% {-o-transform: rotate(0deg);}
100% {-o-transform: rotate(359deg);}
}
@keyframes indicator {
0% {transform: rotate(0deg);}
100% {transform: rotate(359deg);}
}
/*===== Custom table element styles =====*/
.table-check tr td:first-child {
width: 40px;
text-align: center;
}
.table-check .row-checked td {
background: #fffff7;
}
.table-check .checker, .table-check .radio {
margin: 0;
}
.table-controls {
text-align: center;
}
.table-controls .btn-link {
padding: 2px;
}
.table-controls .btn-link i {
padding: 0;
}
.table-footer .table-actions label {
margin: 3px 12px 0 0;
display: inline-block;
font-size: 12px;
}
.table-footer .table-actions {
float: left;
}
.table-footer .pagination {
float: right;
margin-top: 2px;
}
.table-footer {
padding: 12px;
background-color: #fcfcfc;
border: 1px solid #ddd;
}
.panel .table-footer {
border: 0;
border-top: 1px solid #ddd;
}
.action-icon {
color: #444;
display: block;
margin-top: 3px;
}
@media (max-width: 480px) {
.table-footer {
text-align: center;
}
.table-footer .table-actions, .table-footer .pagination {
float: none;
}
.table-footer .pagination {
margin-top: 15px;
}
}
/* ===== Task timer ===== */
.timer-weekdays {
list-style: none;
margin: 0;
padding: 0;
text-align: center;
}
.timer-weekdays > li {
display: inline-block;
margin: 2px 0;
}
.timer-weekdays > li > a {
display: block;
margin: 0 1px;
}
.timer-weekdays .label-default {
background-color: #d5d5d5;
}
.timer {
list-style: none;
padding: 0;
margin: 0;
text-align: center;
}
.timer > li {
font-size: 50px;
text-align: center;
display: inline-block;
color: #555;
font-weight: 300;
}
.timer > li.dots {
font-size: 24px;
vertical-align: top;
padding: 16px 0 18px 0;
}
.timer > li > span {
display: block;
font-size: 14px;
}
/* # Plugins
================================================== */
/*===== jGrowl notifications ====*/
.jGrowl {
z-index: 9999;
color: #fff;
}
.jGrowl {
position: absolute;
}
body > .jGrowl {
position: fixed;
}
.jGrowl.top-left {
left: 0px;
top: 0px;
}
.jGrowl.top-right {
right: 25px;
top: 20px;
}
.jGrowl.bottom-left {
left: 0px;
bottom: 0px;
}
.jGrowl.bottom-right {
right: 25px;
bottom: 25px;
}
.jGrowl.center {
top: 68px;
width: 230px;
left: 50%;
margin-left: -115px;
}
.center .jGrowl-notification, .center .jGrowl-closer {
margin-left: auto;
margin-right: auto;
}
.jGrowl .jGrowl-notification {
border: none;
color: #fff;
opacity: .95;
filter: alpha(Opacity=95);
width: 230px;
padding: 12px 18px;
margin-top: 5px;
text-align: left;
display: none;
background-color: #32434d;
}
.jGrowl-notification.growl-error {
background-color: #D65C4F;
}
.jGrowl-notification.growl-success {
background-color: #65B688;
}
.jGrowl-notification.growl-warning {
background-color: #db765b;
}
.jGrowl .jGrowl-notification .jGrowl-header {
font-weight: 300;
font-size: 13px;
padding: 0 0 2px 0;
}
.jGrowl .jGrowl-notification .jGrowl-header:empty {
padding: 0;
}
.jGrowl  .jGrowl-notification  .jGrowl-close {
opacity: .6;
filter: alpha(Opacity=60);
z-index: 99;
float: right;
font-weight: 300;
font-size: 14px;
cursor: pointer;
}
.jGrowl  .jGrowl-notification  .jGrowl-close:hover {
opacity: .8;
filter: alpha(Opacity=80);
}
.jGrowl .jGrowl-closer {
padding: 5px 0;
cursor: pointer;
font-size: 11px;
margin-top: 5px;
font-weight: 600;
text-align: center;
background: #454545;
color: #ffffff;
width: 222px;
}
@media print {
.jGrowl {
display: none;
}
}
/*===== Uniform. Checkbox =====*/
.checker, .checker span, .checker input {
width: 18px;
height: 18px;
}
.checker {
position: relative;
margin-right: 6px;
margin-top: -3px;
display: inline-block;
cursor: pointer;
vertical-align: middle;
}
.checker span {
border: 1px solid #c5c5c5;
background-color: #fff;
display: -moz-inline-box;
display: inline-block;
text-align: center;
position: relative;
}
.checker span:after {
content: "";
background: url(/wu-static/img/check.png) no-repeat 50%;
opacity: 0;
filter: alpha(Opacity=0);
display: block;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
}
.checker span.checked:after {
content: "";
opacity: 1;
filter: alpha(Opacity=100);
}
.checker.focus span.checked:after {
opacity: 1;
filter: alpha(Opacity=100);
}
.checkbox-danger .checker span:after {
content: "";
background-image: url(../images/forms/check_white.png);
}
.checkbox-danger .checker span:hover {
border-color: #D65C4F;
}
.checkbox-danger .checker:active span,
.checkbox-danger .checker.active span,
.checkbox-danger .checker span.checked {
border-color: #D65C4F;
background-color: #D65C4F;
}
.checkbox-success .checker span:after {
content: "";
background-image: url(../images/forms/check_white.png);
}
.checkbox-success .checker span:hover {
border-color: #65B688;
}
.checkbox-success .checker:active span,
.checkbox-success .checker.active span,
.checkbox-success .checker span.checked {
border-color: #65B688;
background-color: #65B688;
}
.checkbox-primary .checker span:after {
content: "";
background-image: url(../images/forms/check_white.png);
}
.checkbox-primary .checker span:hover {
border-color: #455763;
}
.checkbox-primary .checker:active span,
.checkbox-primary .checker.active span,
.checkbox-primary .checker span.checked {
border-color: #455763;
background-color: #455763;
}
.checkbox-info .checker span:after {
content: "";
background-image: url(../images/forms/check_white.png);
}
.checkbox-info .checker span:hover {
border-color: #3CA2BB;
}
.checkbox-info .checker:active span,
.checkbox-info .checker.active span,
.checkbox-info .checker span.checked {
border-color: #3CA2BB;
background-color: #3CA2BB;
}
.checker input[type=checkbox] {
opacity: 0;
filter: alpha(opacity=0);
-moz-opacity: 0;
border: none;
background: none;
display: -moz-inline-box;
display: inline-block;
*display: inline;
zoom: 1;
margin: 0;
vertical-align: top;
cursor: pointer;
position: absolute;
top: -1px;
left: -1px;
z-index: 2;
}
.checker:active span, .checker.active span {
background-color: #f8f8f8;
border-color: #d5d5d5;
}
.checker.focus span, .checker:hover span {
background-color: #fafafa;
}
.checker.focus:active span.checked:after,
.checker:hover:active span.checked:after,
.checker.active:hover span.checked:after,
.checker.active.focus span.checked:after {
opacity: 0.8;
filter: alpha(opacity=80);
}
.checker.disabled span,
.checker.disabled:active span,
.checker.disabled.active span {
opacity: 0.6;
filter: alpha(opacity=60);
}
.checker.disabled span.checked,
.checker.disabled:active span.checked,
.checker.disabled.active span.checked {
opacity: 0.6;
filter: alpha(opacity=60);
}
.checker.disabled span.checked:after,
.checker.disabled:active span.checked:after,
.checker.disabled.active span.checked:after {
opacity: 1;
filter: alpha(opacity=100);
}
/*===== Uniform. Radio =====*/
.choice, .choice span, .choice input {
width: 18px;
height: 18px;
}
.choice {
position: relative;
margin-right: 6px;
margin-top: -3px;
display: inline-block;
cursor: pointer;
vertical-align: middle;
}
.choice span {
border: 1px solid #c5c5c5;
background-color: #fff;
display: -moz-inline-box;
display: inline-block;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
text-align: center;
position: relative;
}
.choice span:after {
content: "";
background: url(../images/forms/choice.png) no-repeat 50%;
opacity: 0;
filter: alpha(Opacity=0);
display: block;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
}
.choice span.checked:after {
content: "";
opacity: 1;
filter: alpha(Opacity=100);
}
.choice.focus span.checked:after {
opacity: 1;
filter: alpha(Opacity=100);
}
.choice:active span,
.choice.active span {
background-color: #f8f8f8;
border-color: #d5d5d5;
}
.choice.focus span,
.choice:hover span {
background-color: #fafafa;
}
.radio-danger .choice span:after {
content: "";
background-image: url(../images/forms/choice_white.png);
}
.radio-danger .choice span:hover {
border-color: #D65C4F;
}
.radio-danger .choice:active span,
.radio-danger .choice.active span,
.radio-danger .choice span.checked {
border-color: #D65C4F;
background-color: #D65C4F;
}
.radio-success .choice span:after {
content: "";
background-image: url(../images/forms/choice_white.png);
}
.radio-success .choice span:hover {
border-color: #65B688;
}
.radio-success .choice:active span,
.radio-success .choice.active span,
.radio-success .choice span.checked {
border-color: #65B688;
background-color: #65B688;
}
.radio-primary .choice span:after {
content: "";
background-image: url(../images/forms/choice_white.png);
}
.radio-primary .choice span:hover {
border-color: #455763;
}
.radio-primary .choice:active span,
.radio-primary .choice.active span,
.radio-primary .choice span.checked {
border-color: #455763;
background-color: #455763;
}
.radio-info .choice span:after {
content: "";
background-image: url(../images/forms/choice_white.png);
}
.radio-info .choice span:hover {
border-color: #3CA2BB;
}
.radio-info .choice:active span,
.radio-info .choice.active span,
.radio-info .choice span.checked {
border-color: #3CA2BB;
background-color: #3CA2BB;
}
.choice input[type=radio] {
position: absolute;
top: -1px;
left: -1px;
z-index: 2;
opacity: 0;
filter: alpha(opacity=0);
width: 18px;
-moz-opacity: 0;
border: none;
background: none;
display: -moz-inline-box;
display: inline-block;
text-align: center;
float: none;
margin: 0;
vertical-align: top;
cursor: pointer;
}
.choice.focus:active span.checked:after,
.choice:hover:active span.checked:after,
.choice.active:hover span.checked:after,
.choice.active.focus span.checked:after {
opacity: 0.8;
filter: alpha(opacity=80);
}
.choice.disabled span,
.choice.disabled:active span,
.choice.disabled.active span {
opacity: 0.6;
filter: alpha(opacity=60);
}
.choice.disabled span.checked,
.choice.disabled:active span.checked,
.choice.disabled.active span.checked {
opacity: 0.6;
filter: alpha(opacity=60);
}
.choice.disabled span.checked:after,
.choice.disabled:active span.checked:after,
.choice.disabled.active span.checked:after {
opacity: 1;
filter: alpha(opacity=100);
}
/*===== File uploader =====*/
.uploader {
width: 100%;
position: relative;
overflow: hidden;
border: 1px solid #ddd;
background: #fff;
padding: 2px 2px 2px 10px;
}
.uploader span.action {
width: 28px;
background: url(../images/forms/add_files.png) no-repeat 0 0;
height: 28px;
cursor: pointer;
float: right;
text-indent: -9999px;
display: inline;
overflow: hidden;
}
.uploader:hover span.action {
background-position: 0 -28px;
}
.uploader:active span.action {
background-position: 0 -56px;
}
.uploader span.filename {
color: #777;
cursor: pointer;
max-width: 200px;
font-size: 11px;
line-height: 28px;
float: left;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
cursor: default;
}
.uploader input[type=file] {
width: 100%;
margin-top: 0;
opacity: 0;
filter: alpha(opacity:0);
position: absolute;
top: 0;
right: 0;
bottom: 0;
float: right;
height: 32px;
border: none;
cursor: pointer;
}
.uploader {
display: -moz-inline-box;
display: inline-block;
vertical-align: middle;
zoom: 1;
*display: inline;
}
.uploader.disabled span.action {
color: #aaa;
}
.uploader.disabled span.filename {
border-color: #ddd;
color: #aaa;
}
/*===== Select2 plugin =====*/
.select2-container {
margin: 0;
position: relative;
display: inline-block;
vertical-align: middle;
}
.select2-container .select2-choice {
display: block;
height: 34px;
background-color: #fff;
padding: 0 0 0 10px;
overflow: hidden;
position: relative;
border: 1px solid #ddd;
white-space: nowrap;
line-height: 32px;
color: #333;
background-clip: padding-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.select2-container .select2-choice:hover {
background-color: #fcfcfc;
}
.select2-container.select2-drop-above .select2-choice {
border-bottom-color: #ddd;
}
.select2-container .select2-choice > .select2-chosen {
margin-right: 31px;
font-size: 11px;
display: block;
overflow: hidden;
font-weight: 600;
text-transform: uppercase;
text-align: left;
white-space: nowrap;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.select2-container .select2-choice abbr {
display: none;
width: 14px;
height: 14px;
position: absolute;
right: 9px;
top: 9px;
z-index: 100;
background-color: #3CA2BB;
background-image: url(/wu-static/img/select2_clear_results.png);
background-position: 4px 4px;
cursor: pointer;
outline: 0;
}
.select2-container.select2-allowclear .select2-choice abbr {
display: inline-block;
}
.select2-container .select2-choice abbr:hover {
background-color: #CA665B;
cursor: pointer;
}
.select2-drop-mask {
border: 0;
margin: 0;
padding: 0;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
opacity: 0;
z-index: 9998;
background-color: #fff;
filter: alpha(opacity=0);
}
.select2-drop {
width: 100%;
position: absolute;
z-index: 9999;
top: 100%;
background-color: #fff;
color: #333;
border-bottom: 1px solid #ddd;
}
.select2-drop-auto-width {
border-top: 1px solid #aaa;
width: auto;
}
.select2-drop-auto-width .select2-search {
padding-top: 4px;
}
.select2-drop.select2-drop-above {
border-top: 1px solid #ddd;
border-bottom: 0;
}
.select2-drop.select2-drop-above.select2-drop-active {
border-top: 1px solid #ddd;
}
.select2-container .select2-choice .select2-arrow {
width: 11px;
height: 6px;
right: 11px;
top: 13px;
z-index: 99;
display: inline-block;
position: absolute;
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
}
.select2-container .select2-choice .select2-arrow b {
display: block;
width: 11px;
height: 6px;
background: url(/wu-static/img/select2_vertical_arrows.png) no-repeat 0 0;
}
.select2-search {
display: block;
width: 100%;
min-height: 26px;
margin: 0;
padding: 4px;
border-left: 1px solid #DDD;
border-right: 1px solid #DDD;
position: relative;
z-index: 10000;
white-space: nowrap;
}
.select2-search input {
width: 100%;
height: auto !important;
padding: 7px 20px 8px 30px!important;
margin: 0;
outline: 0;
border: 1px solid #DDD;
background: #FFF url(/wu-static/img/select2_filter.png) no-repeat 10px;
}
.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
outline: none;
}
.select2-dropdown-open .select2-choice {
background-color: #fafafa;
}
.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
border: 1px solid #ddd;
}
.select2-dropdown-open .select2-choice .select2-arrow b {
background-position: 0 -6px;
}
/* Results */
.select2-results {
max-height: 204px;
margin: 0;
padding: 0;
position: relative;
overflow-x: hidden;
overflow-y: auto;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.select2-results ul.select2-result-sub {
margin: 0 -1px;
padding-left: 0;
}
.select2-results ul.select2-result-sub > li .select2-result-label {
padding-left: 20px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
padding-left: 40px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
padding-left: 60px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
padding-left: 80px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
padding-left: 100px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
padding-left: 110px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
padding-left: 120px;
}
.select2-results li {
list-style: none;
display: list-item;
border-left: 1px solid #DDD;
border-right: 1px solid #DDD;
}
.select2-results li.select2-result-with-children > .select2-result-label {
font-weight: bold;
color: #D65C4F;
}
.select2-results .select2-result-label {
padding: 9px 10px 10px 10px;
margin: 0;
cursor: pointer;
font-size: 12px;
font-weight: 600;
min-height: 1em;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.select2-results .select2-highlighted {
background: #3A4B55;
border-color: #3A4B55;
color: #FFF;
}
.select2-results li em {
background: #feffde;
font-style: normal;
}
.select2-results .select2-highlighted em {
background: transparent;
}
.select2-results .select2-highlighted ul {
background: #fff;
color: #000;
}
.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
background: #FAFAFA;
display: list-item;
padding: 6px 10px;
font-size: 11px;
border-top: 1px solid #DDD;
color: #999;
line-height: 16px;
}
.select2-results .select2-disabled.select2-highlighted {
color: #666;
background: #f4f4f4;
display: list-item;
cursor: default;
}
.select2-results .select2-disabled {
background: #f4f4f4;
display: list-item;
cursor: default;
}
.select2-results .select2-selected {
display: none;
}
.select2-more-results.select2-active {
background: #f4f4f4 url('../images/interface/loader.gif') no-repeat 100%;
}
.select2-more-results {
background: #f5f5f5;
display: list-item;
}
.select2-container.select2-container-disabled .select2-choice {
background-color: #f5f5f5;
background-image: none;
border: 1px solid #ddd;
cursor: default;
}
.select2-container.select2-container-disabled .select2-choice .select2-arrow {
background-color: #f4f4f4;
background-image: none;
border-left: 0;
}
.select2-container.select2-container-disabled .select2-choice abbr {
display: none;
}
/* Multiselect */
.select2-container-multi .select2-choices {
height: auto;
margin: 0;
padding: 0 0 3px 0;
position: relative;
border: 1px solid #ddd;
cursor: text;
overflow: hidden;
background-color: #fff;
}
.select2-locked {
padding: 3px 5px 3px 5px !important;
}
.select2-container-multi .select2-choices {
min-height: 26px;
}
.select2-container-multi.select2-container-active .select2-choices {
border: 1px solid #ddd;
outline: none;
}
.select2-container-multi .select2-choices li {
float: left;
list-style: none;
}
.select2-container-multi .select2-choices .select2-search-field {
margin: 0;
padding: 0;
white-space: nowrap;
}
.select2-container-multi .select2-choices .select2-search-field input {
padding: 7px 10px 8px 10px;
line-height: 1.42857143;
margin: 3px 0 0 0;
outline: 0;
border: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: transparent !important;
}
.select2-container-multi .select2-choices .select2-search-field input.select2-active {
background: #fff url('../images/interface/loader.gif') no-repeat 100% !important;
}
.select2-default {
color: #999 !important;
}
.select2-container-multi .select2-choices .select2-search-choice {
padding: 7px 12px 8px 26px;
margin: 3px 0 0 3px;
position: relative;
color: #FFF;
background-color: #239169;
cursor: default;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
cursor: default;
}
.select-disabled.select2-container-multi {
width: 100%!important;
}
.select2-search-choice-close {
display: block;
width: 12px;
height: 12px;
position: absolute;
right: 3px;
top: 10px;
outline: none;
background: url(../images/forms/clear_results.png) no-repeat 50%;
}
.select2-container-multi .select2-search-choice-close {
left: 8px;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
opacity: 0.6;
filter: alpha(Opacity=60);
}
.select2-container-multi.select2-container-disabled .select2-choices {
background-color: #FCFCFC;
background-image: none;
border: 1px solid #DDD;
cursor: default;
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
padding: 6px 12px 7px 12px;
border: 1px solid #DDD;
background-color: #F8F8F8;
color: #999;
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
display: none;
background: none;
}
/* General */
.select2-result-selectable .select2-match, .select2-result-unselectable .select2-match {
text-decoration: underline;
}
.select2-offscreen, .select2-offscreen:focus {
clip: rect(0 0 0 0) !important;
width: 1px !important;
height: 1px !important;
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
position: absolute !important;
outline: 0 !important;
left: 0px !important;
top: 0px !important;
}
.select2-display-none {
display: none;
}
.select2-measure-scrollbar {
position: absolute;
top: -10000px;
left: -10000px;
width: 100px;
height: 100px;
overflow: scroll;
}
/*===== Tags Input plugin =====*/
.tagsinput {
border: 1px solid #d5d5d5;
background: #fff;
padding: 0 0 3px 0;
width: 100%;
overflow-y: auto;
}
.tagsinput span.tag {
display: block;
float: left;
position: relative;
padding: 7px 12px 8px 26px;
background: #239169;
color: #fff;
margin: 3px 0 0 3px;
}
.tagsinput span.tag a {
display: block;
text-indent: -9999px;
width: 12px;
height: 12px;
position: absolute;
left: 8px;
top: 10px;
outline: none;
background: url(../images/forms/clear_results.png) no-repeat 50%;
}
.tagsinput span.tag a:hover {
opacity: 0.6;
filter: alpha(Opacity=60);
}
.tagsinput input {
width: 120px;
border: none;
padding: 7px 12px 8px 12px;
background: transparent;
margin: 3px 0 0 0;
}
.tagsinput input:focus {
outline: 0;
}
.tagsinput div {
display: block;
float: left;
position: relative;
margin-left: 3px;
}
.tags_clear {
clear: both;
height: 0px;
}
.not_valid {
background: #FBD8DB !important;
color: #90111A !important;
}
.tagsinput .ui-helper-hidden-accessible {
display: none;
}
/* ===== jQuery UI spinner ===== */
.ui-spinner {
width: 100%;
position: relative;
display: inline-block;
overflow: hidden;
padding: 0;
vertical-align: middle;
}
.ui-spinner-button {
width: 25px;
height: 16px;
padding: 0;
margin: 0;
text-align: center;
position: absolute;
cursor: default;
display: block;
overflow: hidden;
right: 0;
}
.ui-spinner a.ui-spinner-button {
cursor: pointer;
}
.ui-spinner .ui-icon {
position: absolute;
margin-top: -8px;
top: 50%;
left: 0;
text-indent: -99999px;
}
.ui-spinner-up {
top: 0;
background: url(../images/forms/spinner_top.png) no-repeat;
border-top: 1px solid #ddd;
}
.ui-spinner-down {
bottom: 0;
background: url(../images/forms/spinner_bottom.png) no-repeat;
border-bottom: 1px solid #ddd;
}
/*===== Datatables =====*/
.datatable-media tbody td:first-child {
width: auto;
}
.dataTable thead th.actions-column {
width: 40px;
text-align: center;
}
.dataTable thead th.image-column {
width: 48px;
text-align: center;
}
.dataTable thead th.team-links {
width: 100px;
}
.datatable-tasks tr td i {
color: #444;
float: left;
margin: 0 6px 0 0;
}
.datatable-tasks .label {
font-weight: 400;
}
.datatable-tasks .dropdown-menu i {
margin: 0;
}
.datatable-tasks .btn i {
margin: 0;
color: #fff;
}
.datatable-tasks tr td {
padding: 12px 14px;
}
.task-priority {
width: 85px;
}
.task-date-added {
width: 200px;
}
.task-progress {
width: 150px;
}
.task-deadline {
width: 200px;
}
.task-tools {
width: 40px;
text-align: center!important;
}
/*===== Multiselect =====*/
.multiselect-container li a {
padding: 0;
}
.multiselect-container li a label {
width: 100%;
padding: 10px 10px 11px 10px!important;
cursor: pointer;
font-weight: 600;
font-size: 12px;
margin: 0!important;
}
.multiselect-group {
color: #D65C4F;
padding: 11px 12px 12px 12px;
margin: 0;
}

/* ===== Code prettify ===== */
.com {
color: #93a1a1;
}
.lit {
color: #195f91;
}
.pun, .opn, .clo {
color: #93a1a1;
}
.fun {
color: #dc322f;
}
.str, .atv {
color: #ca3131;
}
.kwd, .prettyprint .tag {
color: #1e347b;
}
.typ, .atn, .dec, .var {
color: teal;
}
.pln {
color: #48484c;
}
.prettyprint {
padding: 8px;
border: 1px solid #ddd;
}

ol.linenums {
-webkit-box-shadow: inset 44px 0 0 #FFF, inset 45px 0 0 #DDD;
-moz-box-shadow: inset 44px 0 0 #FFF, inset 45px 0 0 #DDD;
box-shadow: inset 44px 0 0 #FFF, inset 45px 0 0 #DDD;
font-size: 12px;
}
ol.linenums {
margin: 0 0 0 38px;
list-style-type: decimal;
padding: 0;
border-left: 1px solid #ececf0;
}
ol.linenums li {
background-color: #fcfcfc;
padding-left: 12px;
color: #999;
line-height: 20px;
text-shadow: 0 1px 0 #fff;
}

/* # Chat layout
================================================== */
.chat {
max-height: 400px;
overflow: auto;
margin: 0 0 30px 0;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
background-color: #fff;
}
.chat .moment {
font-weight: 600;
color: #999;
clear: both;
text-align: center;
padding-bottom: 20px;
}
.message-img {
position: absolute;
left: 0;
right: 0;
width: 40px;
height: 40px;
margin-right: 30px;
}
.message-img img {
display: block;
width: 100%;
}
.reversed .message-img {
left: auto;
right: -30px;
}
.chat .message .message-body {
margin-left: 58px;
padding: 12px 14px;
color: #FFF;
position: relative;
background-color: #69A58D;
}
.chat .message.reversed .message-body {
margin-left: 0;
margin-right: 58px;
color: #333;
background-color: #fff;
border: 0;
border: 1px solid #e5e5e5;
}
.chat .message {
float: left;
clear: both;
max-width: 80%;
padding: 0 0 20px 0;
position: relative;
}
.chat .message:first-child {
padding-top: 20px;
}
.chat .message.reversed {
float: right;
}
.chat .message .attribution {
margin: 6px 0 0 0;
font-size: 11px;
line-height: 1;
color: #fff;
opacity: 0.8;
filter: alpha(Opacity=80);
display: block;
white-space: nowrap;
}
.chat .reversed .attribution {
color: #777;
}
.typing {
background: url(../images/interface/typing.gif) no-repeat 0 0;
display: block;
width: 15px;
height: 15px;
}
.message-body:after { border-top: 6px solid rgba(0, 0, 0, 0); border-right: 6px solid #69A58D; border-bottom: 6px solid rgba(0, 0, 0, 0); left: -6px; top: 13px; position: absolute; margin-left: 0; content: ''; }
.reversed .message-body:before { position: absolute; top: 12px; right: 0; display: inline-block; border-top: 7px solid rgba(0, 0, 0, 0); border-left: 7px solid #e5e5e5; border-bottom: 7px solid rgba(0, 0, 0, 0); border-left-color: rgba(0, 0, 0, 0.2); content: ''; margin-right: -7px; }
.reversed .message-body:after { position: absolute; top: 13px; right: 1px; left: auto; display: inline-block; border-top: 6px solid rgba(0, 0, 0, 0); border-left: 6px solid #fff; border-bottom: 6px solid rgba(0, 0, 0, 0); border-right: 0; content: ''; margin-right: -7px; }
/* Message list */
.message-list {
list-style: none;
margin: 0;
padding: 0;
}
.message-list > li {
padding: 15px 0 16px 0;
border-bottom: 1px solid #e5e5e5;
position: relative;
}
.message-list > li:first-child {
border-top: 1px solid #e5e5e5;
}
.message-list > li.message-list-header {
font-weight: 600;
color: #999;
}
.message-list > li .chat {
margin-top: 15px;
padding: 0 15px 15px 15px;
border: 1px solid #eee;
background-color: #fcfcfc;
}
.message-list .status {
margin-left: 4px;
}
.chat-member {
float: left;
}
.chat-member h6 {
margin: 11px 0;;
float: left;
font-size: 12px;
}
.chat-member > a {
float: left;
margin-right: 12px;
}
.chat-member img {
max-height: 40px;
}
.chat-member-title {
float: left;
}
.chat-member-options {
float: right;
}
.chat-member-heading {
margin-bottom: 10px;
}
.chat-member-heading h6 {
margin-top: 10px;
margin-bottom: 0;
}
.chat-actions {
float: right;
margin: 5px 0;
}
.panel > .message-list > li {
padding: 14px;
}
.panel > .message-list > li:first-child {
border-top: 0;
}
@media (max-width: 479px) {
.chat-member { float: none; }
.chat-actions { float: none; width: 100%; text-align: center; }
.chat-actions { margin: 10px 0 0 0; }
.chat .message { max-width: 100%; }
.chat-member-heading > .pull-left, .chat-member-heading > .pull-right { float: none!important; }
.chat-member-heading > .pull-right { margin-top: 10px; }
}
/* # Error and Login pages styling
================================================== */
.error-wrapper {
padding-bottom: 35px;
}
.page-condensed .error-wrapper {
padding-top: 35px;
}
.error-wrapper h1 {
color: #fff;
font-size: 200px;
line-height: 1;
margin-bottom: 35px;
font-weight: 300;
text-stroke: 1px transparent;
display: block;
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
0 3px 0 #bbb,
0 4px 0 #b9b9b9,
0 5px 0 #aaa,
0 6px 1px rgba(0,0,0,.1),
0 0 5px rgba(0,0,0,.1),
0 1px 3px rgba(0,0,0,.3),
0 3px 5px rgba(0,0,0,.2),
0 5px 10px rgba(0,0,0,.25),
0 10px 10px rgba(0,0,0,.2),
0 20px 20px rgba(0,0,0,.15);
}
.error-wrapper.offline h1 {
font-size: 120px;
}
.error-wrapper h6 {
margin-bottom: 15px;
}
.error-content {
width: 440px;
margin: auto;
}
.error-content input[type=text] {
background: #fff url(../images/interface/filter.png) no-repeat 12px;
padding-left: 32px;
}
.login-wrapper {
width: 300px;
position: absolute;
left: 50%;
top: 50%;
width: 300px;
margin-left: -150px;
margin-top: -150px;
}
.login-wrapper .checkbox, .login-wrapper .radio {
margin: 7px 0;
}
.login-wrapper .thumb {
width: 150px;
margin: 0 auto;
}
.login-wrapper .thumb img,
.login-wrapper .thumb-options {
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}
.login-wrapper .thumbnail h6 {
margin-bottom: 20px;
}
.page-condensed .footer {
position: absolute;
bottom: 0;
width: 100%;
padding-left: 25px;
padding-right: 25px;
}
@media (max-width: 480px) {
.login-wrapper,
.error-wrapper {
width: 100%;
margin: 0;
padding-left: 15px;
padding-right: 15px;
height: auto;
position: static;
}
.login-wrapper {
padding-top: 35px;
padding-bottom: 35px;
}
.error-wrapper,
.error-content {
width: 100%;
}
.error-wrapper h1 {
font-size: 140px;
padding-top: 0px;
}
.error-wrapper.offline h1 {
font-size: 100px;
}
.page-condensed .error-wrapper {
padding-top: 35px;
}
.page-condensed .footer {
display: none;
}
}
.fullcontent {
position: relative;
min-height: 100%;
}
.fpadding {
padding-left: 25px;
}
.fpadding a {
color:#838383;
}
.lcom {
float: left;
width: 50px;
height: 44px;
}
.iban {float:none !important;}
.alert-notice {
opacity: 0;
display: block;
font-size: 11px;
color: #999;
}
.alert-notice-i {font-size: 8px;cursor:pointer;}
.fulln:hover .alert-notice {
opacity: 1;
}
.msg_control {
opacity: 0;
font-size: 8px;
margin-left: 5px;
cursor:pointer;
}
.message-body:hover .msg_control {
opacity: 1;
}
.einf ul {
    line-height: 2;
    padding: 0;
    margin: 0;
}
.einf li {
    list-style: none;
}
.marbsm {
    margin-bottom: 10px;
    margin-right: 5px;
}
.esinf a {
    color: #fff;
}
.esinf a:hover{color:#e5e5e5}
.cpn {
    cursor: auto!important;
}
.imgeshop {
    max-width: 200px;
}
.btnbuy {
    width: 100%;
}
.espmb {
    margin-bottom: 20px;
}
.ratbar {
    display: none;
    padding: 2px 10px 5px!important;
    border-right: 0!important;
}
.related {
    font-size: 13px;
}
.related i {
    font-size: 13px;
}
.imt span {
    border-radius: 5px 5px 5px 5px;
    visibility: hidden;
    position: absolute;
    margin-left: 10px;
    background: #fff;
    box-shadow: -2px 2px 10px -1px #333;
    border-radius: 5px;
}
.imt img {
    max-width: 205px;
}
.imt:hover span {
    visibility: visible;
}
.cspoint {
    cursor: pointer;
}