*{
padding: 0;
margin: 0;
}
html {
height: 100%;
/* background: url(../../img/backgrounds/main.png); */
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
color: #222222 !important;
}
a:visited{
color: #000 !important;
}
textarea{
height: 100px !important;
font-size: 100% !important;
overflow: scroll;
color: #222222 !important;
}
div {
display: block;
}
body{
background-repeat: no-repeat;
background-position: center top;
height: 100%;
margin: 0;
min-height: 100%;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 12px;
line-height: 15px;
color: #555;
position: relative;
/* background-color: #e0dfe0 !important; */
}
#body{
background-repeat: no-repeat;
background-position: center top;
height: 100%;
margin: 0;
min-height: 100%;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 20px;
color: #555;
position: relative;
}
.ui-widget{
font-family: Arial, Helvetica, sans-serif !important ;
font-size: 12px !important ;
}
.ui-widget label {
line-height: 23px !important ;
}
.ui-layout-container {
min-height: 100%;
height: auto !important;
margin: 5px;
margin-bottom: -90px; /* Negative of footer height. */
}
.ui-layout-north {
/* background:#666 !important; */
background: url(../../resources/img/bg1.jpg)!important;
}
.ui-layout-north .ui-layout-unit-content{
/* background:#666 !important; */
background: url(../../resources/img/bg1.jpg)!important;
}
/* Login Style Start */
.login-body{
background-image: url(../../resources/img/login_body_bg.png) !important ;
background-repeat: repeat-x !important;
background-position: top left !important;
background-color: #e0dfe0 !important;
/* background-color: #f00;
margin: 0;
padding: 0;*/
}
.login-box{
width: 875px;
height: 612px;
position: absolute;
left: 20%;
background-image: url(../../resources/img/login-box-bg.png) !important;
background-position: top center;
background-repeat: no-repeat;
top: 19px;
}
.login-box-logo{
display: block;
padding: 50px 0px;
text-align: center;
}
.login-box-control{
width: 350px;
margin: 0 auto;
text-align: center;
color: #fff;
}
.login-box-control h2{
font-size: 30px;
font-weight: normal;
padding: 20px 0px;
color: #fff;
}
.login-box-control span {
float: left;
font-size: 16px;
padding: 15px 0;
}
.login-box-control input {
height: 30px;
line-height: 20px;
color: #333;
border: 1px solid #8c8c8c;
background-color: #fff;
box-shadow: none;
margin: 10px 0;
width: 70%;
font-size: 16px !important;
}
.login-box-control button {
background-image: linear-gradient(to bottom, #fff, #bbb);
border: 1px solid #8c8c8c;
width: 20%;
margin-left: 15%;
font-size: 14px;
color: #000;
font-weight: normal;
height: 37px !important;
margin-left: -17%;
margin-top: 10px;
width: 25%;
}
.login-box-control input[type="text"], input[type="password"], select {
border: 1px solid #8c8c8c;
background-color: #fff;
border-color: #c4c0b9;
border-style: solid;
border-width: 1px;
color: #000000;
font-family: Arial,Verdana,sans-serif;
font-size: 16px;
}
.login-box-control-error{
position: absolute;
right: -2px;
top: 245px;/* top: 305px; */
}
.login-box-control-error .ui-messages-error, .ui-message-error{
/* background-color: #f2dede;
border-color: #eed3d7;
color: #b94a48; */
background-color: #f2dede;
border-color: #eed3d7;
color: #b94a48;
display: block;
font-size: 8px;
/*original : height: 40px; */
height: auto;
width:235px;
}
.login-box-control-error .ui-messages-error, .ui-message-error li span {
font-size: 12px !important;
margin: 0;
}
/*
Login Style End
*/
.ui-menu .ui-menuitem-link {
font-size: 12px;
}
.test-button{
background: none ;
border-radius: 50% !important;
height: 8px !important;
padding: 6px !important;
width: 8px !important;
margin: 5px ;
}
[id~="B"]{
background:none !important;
}
[id|=A] {
background-color: yellow !important;
}
.red-dot{
background-image: url(../../resources/img/red.png) !important;
background-repeat: no-repeat !important;
background-position:center !important;
background-size: 102% !important;
width: 10px;
height: 10px;
border: 1px
}
.genome-table tr{
vertical-align: bottom;
}
.genome-table td{
text-align: center;
padding-right:6px;
}
.ui-panelgrid td, .ui-panelgrid tr
{
border-style: none !important
}
.task-dialog label{
float: left !important;
margin-right: 0px !important;
width: 100px !important;
border: none !important;
font-size: 100% !important;
}
.task-dialog textarea{
height: auto !important;
font-size: 100% !important;
}
.task-dialog-selectmenu{
width: 120px !important;
font-size: 100% !important;
}
.task-dialog input{
width: 84px !important;
font-size: 100% !important;
float: left !important;
}
.task-dialog .tdbutton{
width: 80px !important;
line-height: 30px !important;
font-size: 110% !important;
font-weight: bold !important;
}
.task-dialog .tdbutton-box{
margin-left: 100px !important;
}
.ui-draggable .ui-dialog-titlebar {
font-weight: bold !important;
line-height: 25px !important;
margin-bottom: 10px !important;
}
.task-dialog-manage-cqd{
width: 720px !important;
/* border: 1px solid #f00 !important; */
margin: 0 auto !important;
border:1xp solid #f00 !important;
height: 620px !important;
}
.task-dialog-manage-cqd table .dialogButton{
background: url("/tigm-web/faces/javax.faces.resource/images/ui-bg_glass_45_0078ae_1x400.png?ln=primefaces-start") repeat-x scroll 50% 50% #0078ae;
border: 1px solid #77d5f7 !important;
color: #ffffff !important;
font-weight: normal !important;
font-size: 1em !important;
cursor: pointer !important;
display: inline-block !important;
margin-right: 0.1em !important;
overflow: visible !important;
padding: 0 !important;
position: relative !important;
text-align: center !important;
text-decoration: none !important;
line-height: 20px !important;
width: 80px !important;
height:30px !important;
border-radius: 5px !important;
/* margin-left: 200px !important; */
}
.task-dialog-manage-cqd label{
width: 120px !important;
}
.task-dialog-manage-cqd textarea{
height: 100px !important;
font-size: 100% !important;
overflow: scroll;
color: #222222 !important;
}
.task-dialog-manage-qc{
width: 700px !important;
/* border: 1px solid #f00 !important; */
margin: 0 auto !important;
top: 10% !important;
left:25% !important;
border:1xp solid #f00 !important;
position: fixed !important;
}
.task-dialog-manage-qc table{
border: 0 !important;
line-height: 25px;
}
.task-dialog-manage-qc input{
font-size: 100% !important;
color: #000 !important;
font-size: 1em !important;
}
.task-dialog-manage-qc label{
width: 120px !important;
}
.task-dialog-manage-qc table .dialogButton{
background: url("/tigm-web/faces/javax.faces.resource/images/ui-bg_glass_45_0078ae_1x400.png?ln=primefaces-start") repeat-x scroll 50% 50% #0078ae;
border: 1px solid #77d5f7 !important;
color: #ffffff !important;
font-weight: normal !important;
font-size: 1em !important;
cursor: pointer !important;
display: inline-block !important;
margin-right: 0.1em !important;
overflow: visible !important;
padding: 0 !important;
position: relative !important;
text-align: center !important;
text-decoration: none !important;
line-height: 20px !important;
width: 80px !important;
height:30px !important;
border-radius: 5px !important;
/* margin-left: 200px !important; */
}
.task-dialog-manage-qc table textarea{
height: 100px !important;
font-size: 100% !important;
overflow: scroll;
}
.ui-datatable table, .ui-datatable-resizable table {
table-layout: auto !important;
font-size: 100%;
}
.ui-datatable-scrollable table {
table-layout: fixed !important;
}
.task-dialog-new-customer{
width: 590px !important;
/* border: 1px solid #f00 !important; */
margin: 0 auto !important;
/* top: 10% !important;
left:25% !important; */
border:1xp solid #f00 !important;
/* position: fixed !important; */
}
.task-dialog-new-customer table textarea{
height: 100px !important;
font-size: 100% !important;
overflow: scroll;
color: #222222 !important;
}
.task-dialog-new-customer input{
font-size: 100% !important;
color: #000 !important;
font-size: 1em !important;
}
.task-dialog-new-customer button{
background: url("/tigm-web/faces/javax.faces.resource/images/ui-bg_glass_45_0078ae_1x400.png?ln=primefaces-start") repeat-x scroll 50% 50% #0078ae;
border: 1px solid #77d5f7 !important;
color: #ffffff !important;
font-weight: normal !important;
font-size: 1em !important;
cursor: pointer !important;
display: inline-block !important;
margin-right: 0.1em !important;
overflow: visible !important;
padding: 0 !important;
position: relative !important;
text-align: center !important;
text-decoration: none !important;
line-height: 20px !important;
width: 80px !important;
height:30px !important;
border-radius: 5px !important;
/* margin-left: 200px !important; */
}
.ui-panel .ui-panel-content .header-but{
/* float: right; */
font-size: 70% !important;
}
.ui-tabs .ui-tabs-panel{
padding: 1em 0.4em !important;
}
.ui-layout-north .ui-layout-unit-content
{
overflow: visible !important;
}
.ui-layout-north
{
z-index: 30 !important;
overflow: visible !important;
}
.ui-widget
{
font-size: 12px !important;
}
.ui-fileupload .start {
display: none;
}
.ui-fileupload .cancel {
display: none;
}
.ui-fileupload .progress {
display: none;
}
.page-header{
display:inline-block !important;;
margin-left: 20px !important;;
font-size: 20px !important;;
border-bottom:2px solid #999 !important;;
margin-bottom:10px;
line-height: 40px !important;
color: rgb(239, 112, 91)!important;
/* margin: 1em 0 0.5em 0;
font-weight: normal;
position: relative;
text-shadow: 0 -1px rgba(0,0,0,0.6);
font-size: 28px;
line-height: 40px;
background: #355681;
background: rgba(53,86,129, 0.8);
border: 1px solid #fff;
padding: 5px 15px;
color: white;
border-radius: 0 10px 0 10px;
box-shadow: inset 0 0 5px rgba(53,86,129, 0.5);
font-family: 'Muli', sans-serif; */
}
/*Amir 14.05.2015*/
/* button, input, select, textarea {
font-size: 100%;
margin: 0;
}
button, input {
line-height: normal;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0 none;
padding: 0;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
cursor: pointer;
}
select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] {
cursor: pointer;
}
input[type="search"] {
box-sizing: content-box;
}
textarea {
overflow: auto;
vertical-align: top;
}
.hide-sidebar {
margin-left: -253px;
}
.clean {
background-position: -253px 0;
}
body {
transition: background-position 0.1s ease-in-out 0s;
}
#sidebar, #content > .wrapper {
transition: margin 0.1s ease-in-out 0s;
}
.no-background {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.no-background .crumbs {
margin: 0;
}
.sans {
font-family: "Open Sans",sans-serif;
font-weight: 600;
}
.align-left {
text-align: left;
}
.align-right {
text-align: right;
}
.align-center {
text-align: center;
}
.pull-right {
float: right;
}
.pull-left {
float: left;
}
.hide {
display: none;
}
.show {
display: block;
}
.invisible {
visibility: hidden;
}
.clearfix {
}
.clearfix::before, .clearfix::after {
content: "";
display: table;
line-height: 0;
}
.clearfix::after {
clear: both;
}
.hide-text {
background-color: transparent;
border: 0 none;
color: transparent;
font: 0px/0 a;
text-shadow: none;
}
.input-block-level {
box-sizing: border-box;
display: block;
min-height: 30px;
width: 100%;
}
.fade {
opacity: 0;
transition: opacity 0.15s linear 0s;
}
.fade.in {
opacity: 1;
}
.close {
color: #000000;
float: right;
font-size: 16px;
line-height: 16px;
opacity: 0.2;
}
.close:hover {
color: #000000;
cursor: pointer;
opacity: 0.4;
text-decoration: none;
}
button.close {
background: none repeat scroll 0 0 transparent;
border: 0 none;
cursor: pointer;
padding: 0;
}
.row-fluid {
width: 100%;
}
.row-fluid::before, .row-fluid::after {
content: "";
display: table;
line-height: 0;
}
.row-fluid::after {
clear: both;
}
.row-fluid [class*="span"] {
box-sizing: border-box;
display: block;
float: left;
margin-left: 2.12766%;
width: 100%;
}
.row-fluid [class*="span"]:first-child {
margin-left: 0;
}
.row-fluid .controls-row [class*="span"] + [class*="span"] {
margin-left: 2.12766%;
}
.row-fluid .span12 {
width: 100%;
}
.row-fluid .span11 {
width: 91.4894%;
}
.row-fluid .span10 {
width: 82.9787%;
}
.row-fluid .span9 {
width: 74.4681%;
}
.row-fluid .span8 {
width: 65.9574%;
}
.row-fluid .span7 {
width: 57.4468%;
}
.row-fluid .span6 {
width: 48.9362%;
}
.row-fluid .span5 {
width: 40.4255%;
}
.row-fluid .span4 {
width: 31.9149%;
}
.row-fluid .span3 {
width: 23.4043%;
}
.row-fluid .span2 {
width: 14.8936%;
}
.row-fluid .span1 {
width: 6.38298%;
}
.row-fluid .offset12 {
margin-left: 104.255%;
}
.row-fluid .offset12:first-child {
margin-left: 102.128%;
}
.row-fluid .offset11 {
margin-left: 95.7447%;
}
.row-fluid .offset11:first-child {
margin-left: 93.617%;
}
.row-fluid .offset10 {
margin-left: 87.234%;
}
.row-fluid .offset10:first-child {
margin-left: 85.1064%;
}
.row-fluid .offset9 {
margin-left: 78.7234%;
}
.row-fluid .offset9:first-child {
margin-left: 76.5957%;
}
.row-fluid .offset8 {
margin-left: 70.2128%;
}
.row-fluid .offset8:first-child {
margin-left: 68.0851%;
}
.row-fluid .offset7 {
margin-left: 61.7021%;
}
.row-fluid .offset7:first-child {
margin-left: 59.5745%;
}
.row-fluid .offset6 {
margin-left: 53.1915%;
}
.row-fluid .offset6:first-child {
margin-left: 51.0638%;
}
.row-fluid .offset5 {
margin-left: 44.6809%;
}
.row-fluid .offset5:first-child {
margin-left: 42.5532%;
}
.row-fluid .offset4 {
margin-left: 36.1702%;
}
.row-fluid .offset4:first-child {
margin-left: 34.0426%;
}
.row-fluid .offset3 {
margin-left: 27.6596%;
}
.row-fluid .offset3:first-child {
margin-left: 25.5319%;
}
.row-fluid .offset2 {
margin-left: 19.1489%;
}
.row-fluid .offset2:first-child {
margin-left: 17.0213%;
}
.row-fluid .offset1 {
margin-left: 10.6383%;
}
.row-fluid .offset1:first-child {
margin-left: 8.51064%;
}
.row-fluid .hide[class*="span"] {
display: none;
}
.row-fluid .pull-right[class*="span"] {
float: right;
}
.demo-list {
text-align: center;
}
.demo-list li {
display: inline-block;
margin: 0 10px;
}
.icons-showcase li {
float: left;
margin: 2px 0;
width: 25%;
}
.icons-showcase li i {
margin-right: 5px;
}
p {
margin: 0 0 10px;
}
small {
font-size: 85%;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
cite {
font-style: normal;
}
.muted {
color: #999999;
}
a.muted:hover {
color: #808080;
}
.text-warning {
color: #c09853;
}
a.text-warning:hover {
color: #a47e3c;
}
.text-error {
color: #b94a48;
}
a.text-error:hover {
color: #953b39;
}
.text-info {
color: #3a87ad;
}
a.text-info:hover {
color: #2d6987;
}
.text-success {
color: #468847;
}
a.text-success:hover {
color: #356635;
}
h1, h2, h3, h4, h5, h6 {
color: inherit;
font-family: inherit;
font-weight: bold;
line-height: 20px;
margin: 10px 0;
text-rendering: optimizelegibility;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
color: #999999;
font-weight: normal;
line-height: 1;
}
h1, h2, h3 {
line-height: 40px;
}
h1 {
font-size: 24px;
}
h2 {
font-size: 22px;
}
h3 {
font-size: 20px;
}
h4 {
font-size: 18px;
}
h5 {
font-size: 16px;
}
h6 {
font-size: 14px;
}
h1 small {
font-size: 18px;
}
h2 small {
font-size: 16px;
}
h3 small {
font-size: 14px;
}
h4 small {
font-size: 14px;
}
ul, ol {
list-style: outside none none;
margin: 0;
padding: 0;
}
ul ul, ul ol, ol ol, ol ul {
margin-bottom: 0;
}
li {
line-height: 20px;
}
ul.unstyled, ol.unstyled {
list-style: outside none none;
margin-left: 0;
}
ul.inline, ol.inline {
list-style: outside none none;
margin-left: 0;
}
ul.inline > li, ol.inline > li {
display: inline-block;
padding-left: 5px;
padding-right: 5px;
}
dl {
margin: 0;
}
dt, dd {
line-height: 20px;
}
dt {
font-weight: bold;
}
dd {
margin-left: 10px;
}
.dl-horizontal {
}
.dl-horizontal::before, .dl-horizontal::after {
content: "";
display: table;
line-height: 0;
}
.dl-horizontal::after {
clear: both;
}
.dl-horizontal dt {
clear: left;
float: left;
overflow: hidden;
text-align: right;
text-overflow: ellipsis;
white-space: nowrap;
width: 160px;
}
.dl-horizontal dd {
margin-left: 180px;
}
blockquote {
border-left: 5px solid #eeeeee;
margin: 0;
padding: 0 0 0 15px;
}
blockquote p {
font-size: 16px;
font-weight: 300;
line-height: 25px;
margin-bottom: 0;
}
blockquote small {
color: #999999;
display: block;
line-height: 20px;
}
blockquote small::before {
content: "— ";
}
blockquote.pull-right {
border-left: 0 none;
border-right: 5px solid #eeeeee;
float: right;
padding-left: 0;
padding-right: 15px;
}
blockquote.pull-right p, blockquote.pull-right small {
text-align: right;
}
blockquote.pull-right small::before {
content: "";
}
blockquote.pull-right small::after {
content: " —";
}
q::before, q::after, blockquote::before, blockquote::after {
content: "";
}
code, pre {
color: #333333;
font-family: monospace;
padding: 0 3px 2px;
}
code {
background-color: #f7f7f7;
border: 1px solid #dddddd;
color: #ce3820;
display: inline-block;
padding: 0 4px;
}
pre {
background-color: #f5f5f5;
border: 1px solid rgba(0, 0, 0, 0.15);
display: block;
font-size: 13px;
line-height: 20px;
margin: 0;
padding: 10px;
white-space: pre-wrap;
word-break: break-all;
word-wrap: break-word;
}
pre.prettyprint {
}
pre code {
background-color: transparent;
border: 0 none;
color: inherit;
padding: 0;
white-space: pre-wrap;
}
.list ul, .list ol {
padding: 0;
}
.list ul {
list-style-type: disc;
margin: 0 0 0 15px;
}
.list ol {
list-style-type: decimal;
margin: 0 0 0 15px;
}
.list ul ul, .list ol ul {
list-style-type: circle;
}
.minus-list li::before {
color: #999;
content: "-";
display: inline-block;
padding: 0 8px 0 0;
}
.arrow-list li {
background: url("../img/elements/interface/list_arrow.png") no-repeat scroll 0 7px rgba(0, 0, 0, 0);
padding: 0 0 0 12px;
}
.check-list li {
background: url("../img/elements/interface/list_tip.png") no-repeat scroll 0 5px rgba(0, 0, 0, 0);
padding: 0 0 0 18px;
}
.plus-list li::before {
color: #999;
content: "+";
display: inline-block;
float: left;
padding: 0 8px 0 0;
}
.minus-list ul, .plus-list ul {
margin-left: 12px;
}
.list-font li [class^="icon-"], .list-font li [class*=" icon-"] {
margin-top: 2px;
}
.error-page {
bottom: 0;
left: 0;
margin-top: -190px;
position: absolute;
right: 0;
text-align: center;
top: 50%;
}
.error-page::after {
clear: both;
content: "";
display: block;
}
.error-page .error-content {
margin: 35px auto auto;
width: 440px;
}
.error-page .reason-title {
display: block;
font-family: "Open Sans",sans-serif;
font-size: 14px;
font-weight: 600;
margin: 20px 0;
}
.error-page .reason {
color: #fff;
display: block;
font-size: 200px;
padding: 110px 0 80px;
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, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15);
}
.error-page .error-buttons > .btn {
margin-top: 16px;
}
.login {
left: 50%;
margin: -142px 0 0 -142px;
position: absolute;
top: 50%;
width: 284px;
}
.login .control-group {
border: medium none;
padding: 16px 16px 0;
}
.login-btn {
box-sizing: border-box;
margin: 16px;
}
.login .control-group input[type="text"] {
background: url("../img/elements/interface/login_username.png") no-repeat scroll 228px 8px #fff;
padding-right: 28px;
}
.login .control-group input[type="password"] {
background: url("../img/elements/interface/login_password.png") no-repeat scroll 228px 8px #fff;
padding-right: 28px;
}
.invoice-footer {
background: none repeat scroll 0 0 #fafafa;
border-top: 3px double #dadada;
box-sizing: border-box;
padding: 14px;
width: 100%;
}
.invoice-footer::after {
clear: both;
content: "";
display: block;
}
.footer-note {
float: left;
margin: 6px 0;
}
.invoice-head {
border-bottom: 3px double #d5d5d5;
padding: 18px 16px;
}
.invoice-head::after {
clear: both;
content: "";
display: block;
}
.invoice-logo {
display: block;
float: left;
}
.invoice-data {
width: 200px;
}
.invoice .table {
border-right: 0 none;
}
.invoice .table-bordered th:first-child, .invoice .table-bordered td:first-child {
border-left: 0 none;
}
.invoice-from, .invoice-to {
margin: 14px 18px 18px;
}
.cards {
float: right;
font-size: 0;
line-height: 1;
}
.cards li {
background: url("../img/elements/interface/payment_icons.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
display: inline-block;
height: 32px;
margin-left: 8px;
padding: 0;
text-align: right;
width: 51px;
}
.cards li.discover {
background-position: 0 -117px;
}
.cards li.visa {
background-position: 0 -156px;
}
.cards li.amex {
background-position: 0 -234px;
}
.cards li.mc {
background-position: 0 -195px;
}
.cards li.pp {
background-position: 0 -312px;
}
.total {
float: right;
margin: 20px;
text-align: right;
}
.total span {
display: block;
font-weight: bold;
padding: 0 0 4px;
}
.total strong {
display: block;
font-size: 24px;
}
.options-bar {
background: linear-gradient(to bottom, #ffffff, #f7f7f7) repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 3px double #ddd;
}
.options-bar::after {
clear: both;
content: "";
display: block;
}
.options-bar > li {
box-sizing: border-box;
float: left;
width: 33.3333%;
}
.options-bar > li:first-child {
padding-left: 12px;
}
.bar-select > span {
display: block;
float: left;
font-size: 11px;
margin-right: 12px;
margin-top: 4px;
}
.bar-select {
float: left;
margin: 12px 12px 12px 0;
}
.bar-button {
float: left;
margin: 12px 12px 12px 0;
}
.bar-button .btn {
margin: 0;
}
.options-bar .navbar-icons {
float: none;
height: 14px;
margin: 16px 12px;
text-align: center;
}
.options-bar .navbar-icons li a {
margin: 0 4px;
}
.options-bar .loading {
margin: 17px 12px 17px 0;
}
.bar-entries {
font-size: 11px;
text-align: center;
}
.bar-entries > span {
display: block;
padding: 17px 12px;
}
.bar-entries strong {
color: #b35d5d;
}
.item-info {
padding: 4px 14px 3px;
}
.item-title {
color: #1d8ec7;
display: block;
font-family: "Open Sans",sans-serif;
font-size: 14px;
font-weight: 600;
margin: 10px 0;
transition: all 0.2s ease-in-out 0s;
}
.item-title:hover {
color: #e03d22;
}
.item-buttons {
text-align: center;
}
.item-buttons .btn {
margin: 2px 5px;
}
.view {
margin: 3px;
position: relative;
}
.view img {
z-index: 10;
}
.view-back {
background: url("../img/icons/zoom.png") no-repeat scroll 50% center #777;
display: none;
height: 100%;
opacity: 0.5;
position: absolute;
right: 0;
width: 100%;
z-index: 0;
}
.view-back span {
color: rgba(255, 255, 255, 0.6);
display: block;
float: right;
font-size: 16px;
padding: 5px 20px;
text-align: right;
width: 100%;
}
.view-back span:first-child {
padding-top: 20px;
}
.view-back a {
border: 2px solid rgba(255, 255, 255, 0.3);
border-radius: 50%;
bottom: 15px;
color: rgba(255, 255, 255, 0.4);
display: block;
font-size: 18px;
font-weight: 700;
height: 30px;
line-height: 22px;
position: absolute;
right: 15px;
text-align: center;
width: 30px;
}
.view-back a:hover {
border-color: #fff;
color: #fff;
}
.video iframe {
border: 0 none;
height: 200px;
max-width: 100%;
width: 100%;
}
.video .view {
margin-bottom: -3px;
}
.stats-details {
border-bottom: medium double #d5d5d5;
margin-bottom: 14px;
padding-bottom: 14px;
}
.stats-details::after {
clear: both;
content: "";
display: block;
}
.stats-details > li {
float: left;
margin-left: 10%;
width: 45%;
}
.stats-details > li:first-child {
margin-left: 0;
}
.stats-details > li > span {
color: #2288b3;
display: block;
font-size: 11px;
margin-top: -4px;
}
.number {
float: right;
position: relative;
}
.number span {
color: #454545;
float: left;
font-family: "Open Sans",sans-serif;
font-size: 24px;
font-weight: 600;
letter-spacing: -1px;
margin: 8px 0 0;
}
.number > a {
background: url("../img/custom_caret.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
display: block;
float: right;
height: 17px;
margin: 10px 0 0 11px;
transition: all 0.2s ease-in-out 0s;
width: 17px;
}
.number > a:hover {
background-position: 0 -17px;
}
.number .dropdown-menu.pull-right {
margin-top: 14px;
right: -15px;
}
.stats-changes::after {
clear: both;
content: "";
display: block;
}
.stats-changes > li {
float: left;
margin-left: 10%;
width: 45%;
}
.stats-changes > li:first-child {
margin-left: 0;
}
.section-graph {
background: -moz-linear-gradient(center top , #60c780 0%, #53b170 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 1px solid #53b170;
color: #fff;
height: 151px;
margin-bottom: 1px;
position: relative;
}
.section-title::after {
clear: both;
content: "";
display: block;
}
.graph-info {
float: right;
font-weight: bold;
z-index: 99;
}
.graph-info span {
font-family: "Open Sans",sans-serif;
font-size: 16px;
font-weight: 600;
padding-left: 16px;
}
.graph-info i {
font-size: 11px;
font-style: normal;
margin-left: 3px;
}
.grow span {
background: url("../img/elements/interface/arrow_up.png") no-repeat scroll 0 8px rgba(0, 0, 0, 0);
}
.grow i {
color: #58ac73;
}
.drop span {
background: url("../img/elements/interface/arrow_down.png") no-repeat scroll 0 8px rgba(0, 0, 0, 0);
}
.drop i {
color: #e75e3a;
}
.section-info {
overflow: hidden;
padding: 14px 14px 8px;
}
.section-info strong {
display: block;
margin: 10px 0;
}
.section-info a {
color: #1d8ec7;
display: block;
float: left;
font-family: "Open Sans",sans-serif;
font-size: 14px;
font-weight: 600;
margin: 0 0 16px;
transition: all 0.2s ease-in-out 0s;
}
.section-info a:hover {
color: #e03d22;
}
.info-blocks {
background-color: #f5f0ec;
border: 1px solid #eed9c8;
font-size: 0;
margin-bottom: 6px;
text-align: center;
}
.info-blocks li {
box-sizing: border-box;
color: #8a786a;
display: inline-block;
font-size: 12px;
padding: 8px;
vertical-align: middle;
width: 50%;
}
.info-blocks li:first-child {
border-right: 1px solid #eed9c8;
}
.info-aapl {
float: left;
}
.info-aapl {
margin: 0;
padding: 0;
}
.info-aapl li {
background-color: whiteSmoke;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.075) inset;
display: block;
float: left;
height: 40px;
margin: 0 5px 0 0;
position: relative;
width: 6px;
}
.info-aapl li span {
bottom: 0;
display: block;
height: 40px;
position: absolute;
width: 6px;
}
span.orange {
background-color: #ec7e61;
}
span.green {
background-color: #41ca83;
}
.yearly-change {
float: right;
text-align: right;
}
.yearly-change i {
color: #999;
display: block;
font-size: 11px;
margin-top: 4px;
}
.yearly-change span {
color: #d64841;
display: block;
font-family: "Open Sans",sans-serif;
font-size: 24px;
font-weight: 600;
letter-spacing: -1px;
text-align: right;
}
.jqstooltip {
border: medium none !important;
border-radius: 2px;
box-shadow: none;
z-index: 10001;
}
.chart-tooltip {
background: -moz-linear-gradient(center top , #3b3b3b 0%, #222222 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 1px solid #282828;
border-radius: 2px;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06) inset;
color: #fff;
font-size: 11px;
padding: 5px 9px;
}
.chart-tooltip::after {
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #222222;
bottom: -5px;
content: "";
display: inline-block;
left: 4px;
position: absolute;
}
.graph {
height: 100px;
width: 100%;
z-index: 9;
}
.graph-standard {
height: 250px;
overflow: hidden;
width: 100%;
z-index: 90;
}
.graph-sidebar {
height: 180px;
width: 100%;
z-index: 90;
}
.legendLabel span {
display: block;
margin: 0 5px;
}
.legendColorBox {
padding-left: 10px;
padding-top: 8px;
vertical-align: top;
}
.legendColorBox div > div {
border-radius: 50%;
height: 4px;
width: 4px;
}
.legendColorBox:first-child {
padding-left: 5px;
}
.xAxis .tickLabel {
margin-top: -5px;
}
.tickLabel {
font-size: 11px;
}
#top {
display: block;
height: 48px;
}
.fixed {
background: url("../img/backgrounds/dark.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
border-bottom: 4px solid #ef705b;
box-sizing: border-box;
height: 48px;
padding: 0 20px;
position: fixed;
width: 100%;
z-index: 1039;
}
#top::after {
clear: both;
content: "";
display: block;
}
.logo {
display: block;
float: left;
padding: 11px 0;
}
.top-menu {
border-left: 1px solid #464646;
border-right: 1px solid #464646;
float: right;
margin-right: -1px;
}
.top-menu > li {
border-right: 1px solid #252525;
float: left;
list-style: outside none none;
position: relative;
}
.top-menu > li:first-child {
border-left: 1px solid #252525;
}
.top-menu > li > a {
border-left: 1px solid #464646;
border-right: 1px solid #464646;
cursor: pointer;
display: block;
transition: all 0.2s ease-in-out 0s;
}
.top-menu > li > a:hover {
background-color: #333;
border-color: #333;
}
.top-menu > li > ul {
border-top: 0 none;
left: -1px;
top: 48px;
width: 100%;
}
.top-menu > li > ul > li > a {
padding: 8px;
}
.dropdown-menu .badge {
position: absolute;
right: 8px;
top: 8px;
}
.top-menu > li > ul::after {
border-bottom: 5px solid white;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
content: "";
display: inline-block;
left: 50%;
margin-left: -6px;
position: absolute;
top: -4px;
}
.top-menu > li > ul.pull-right::after {
left: auto;
right: 18px;
}
.user-menu {
height: 20px;
padding: 12px 14px;
}
.top-menu .dropdown .caret {
border-top-color: white;
display: inline-block;
margin: 9px 0 0 8px;
}
.user-menu > img {
display: inline-block;
float: left;
margin-right: 10px;
margin-top: -1px;
}
.user-menu > span {
color: white;
display: block;
font-size: 11px;
font-weight: bold;
margin-left: 32px;
white-space: nowrap;
}
.new-message {
background: url("../img/elements/interface/new_message.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
height: 8px;
position: absolute;
right: 8px;
top: 8px;
width: 8px;
}
.fullview {
background: url("../img/icons/top/fullview.png") no-repeat scroll 50% center rgba(0, 0, 0, 0);
height: 16px;
padding: 14px;
width: 18px;
}
.showmenu {
background: url("../img/icons/top/showmenu.png") no-repeat scroll 50% center rgba(0, 0, 0, 0);
height: 16px;
padding: 14px;
width: 18px;
}
.login-top {
background: url("../img/icons/top/login.png") no-repeat scroll 50% 16px rgba(0, 0, 0, 0);
height: 16px;
padding: 14px;
width: 18px;
}
.messages {
background: url("../img/icons/top/messages.png") no-repeat scroll 50% 16px rgba(0, 0, 0, 0);
height: 16px;
padding: 14px;
width: 18px;
}
#footer {
background: url("../img/backgrounds/dark.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
border-top: 4px solid #ef705b;
bottom: 0;
box-sizing: border-box;
color: #fff;
font-size: 11px;
height: 42px;
padding: 0 20px;
position: absolute;
width: 100%;
}
.copyrights {
display: block;
float: left;
padding: 9px 0;
}
.footer-links {
border-left: 1px solid #464646;
border-right: 1px solid #464646;
float: right;
}
.footer-links li {
border-right: 1px solid #252525;
float: left;
}
.footer-links li a {
border-left: 1px solid #464646;
border-right: 1px solid #464646;
color: #fff;
display: block;
line-height: 21px;
padding: 9px 14px 8px;
transition: all 0.2s ease-in-out 0s;
white-space: nowrap;
}
.footer-links li a i {
color: #fff;
}
.footer-links li:first-child {
border-left: 1px solid #252525;
}
.footer-links li a:hover {
background-color: #333;
border-color: #333;
}
#sidebar {
display: block;
float: left;
margin-right: 3px;
width: 250px;
}
.sidebar-stats li, .user-links li a {
background: -moz-linear-gradient(center top , #ffffff 0%, #fafafa 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.tabs-nav {
font-size: 11px;
}
.tabs-nav li {
display: block;
float: left;
text-align: center;
}
.tabs-nav li:first-child a {
border-left: 0 none;
}
.tabs-nav li a {
border-left: 1px solid #d5d5d5;
display: block;
height: 32px;
padding: 0;
}
.tabs-nav li a img {
height: 14px;
padding: 9px 0;
}
.tabs-nav li a i {
color: #646464;
float: none;
font-size: 14px;
margin: 0;
padding: 9px 0;
}
.tabs-nav li a:hover {
background: none repeat scroll 0 0 #f8f8f8;
color: #656565;
}
.tabs-nav li a:active {
background: none repeat scroll 0 0 #fcfcfc;
}
.tabs-nav li.active a {
background: url("../img/backgrounds/main.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
border-bottom: 1px solid #e8e8e8;
cursor: default;
}
.tabs-nav li.active a i {
color: #999;
}
.two-items li {
width: 50%;
}
.three-items li {
width: 83px;
}
.three-items li:first-child {
width: 84px;
}
.four-items li {
width: 62px;
}
.four-items li:first-child, .four-items li:last-child {
width: 63px;
}
.five-items li {
width: 50px;
}
.sidebar-stats li::after {
clear: both;
content: "";
display: block;
}
.sidebar-stats li {
border-top: 1px solid #d5d5d5;
padding: 12px;
}
.sidebar-stats .info span {
text-transform: none;
}
.sidebar-stats li:first-child {
border-top: 0 none;
}
.sidebar-stats .info h2 {
font-size: 20px;
line-height: 20px;
}
.sidebar-buttons {
font-size: 0;
height: 42px;
}
.sidebar-buttons li {
display: inline-block;
margin-left: 14px;
}
.sidebar-buttons li:first-child {
margin-left: 0;
}
.sidebar-buttons li a {
display: inline-block;
transition: all 0.1s ease-in-out 0s;
}
.sidebar-buttons li a:hover {
opacity: 0.9;
}
.sidebar-buttons li a:active {
box-shadow: 0 0 6px rgba(0, 0, 0, 0.25) inset;
opacity: 1;
}
.sidebar-buttons li a i {
color: #fff;
font-size: 16px;
height: 16px;
margin: 0;
padding: 13px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
width: 16px;
}
.blue-square {
background: none repeat scroll 0 0 #59b3e7;
}
.red-square {
background: none repeat scroll 0 0 #ef705b;
}
.green-square {
background: none repeat scroll 0 0 #56bb4d;
}
.purple-square {
background: none repeat scroll 0 0 #e16588;
}
.orange-square {
background: none repeat scroll 0 0 #e9854f;
}
.dark-blue-square {
background: none repeat scroll 0 0 #487cb5;
}
.sea-square {
background: none repeat scroll 0 0 #34a097;
}
.sidebar-buttons.grey li {
border: 1px solid #d5d5d5;
line-height: 1;
}
.sidebar-buttons.grey li a {
background: -moz-linear-gradient(center top , #fcfcfc 0%, #f2f2f2 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.sidebar-buttons.grey li a:hover {
background: none repeat scroll 0 0 #f8f8f8;
}
.sidebar-buttons.grey li a:active {
background: none repeat scroll 0 0 #fcfcfc;
box-shadow: none;
}
.sidebar-buttons.grey li a i {
color: #777777;
padding: 12px;
text-shadow: 0 1px 0 #ffffff;
}
.progress-statistics {
background: none repeat scroll 0 0 #fdfdfd;
border: 1px solid #ddd;
font-size: 11px;
}
.progress-statistics .progress {
margin-top: 2px;
}
.progress-statistics li {
border-bottom: 1px solid #e2e2e2;
border-top: 1px solid #fff;
padding: 8px 10px 14px;
}
.progress-statistics li:last-child {
border-bottom: medium none;
}
.social-stats li::after {
clear: both;
content: "";
display: block;
}
.social-stats li {
margin-top: 12px;
}
.social-stats li:first-child {
margin-top: 0;
}
.social-stats li a {
display: inline-block;
float: left;
transition: all 0.1s ease-in-out 0s;
}
.social-stats li a:hover {
opacity: 0.9;
}
.social-stats li a:active {
box-shadow: 0 0 6px rgba(0, 0, 0, 0.25) inset;
opacity: 1;
}
.social-stats li i {
color: #fff;
font-size: 16px;
height: 16px;
margin: 0;
padding: 13px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
width: 16px;
}
.social-stats li h4 {
display: block;
font-family: "Open Sans",sans-serif;
font-weight: 600;
line-height: 1;
margin: 0;
padding: 3px 0;
}
.social-stats > li > div {
display: block;
margin-left: 54px;
}
.social-stats > li > div > span {
color: #999;
}
.categories::after, .categories > li::after {
clear: both;
content: "";
display: block;
}
.categories > li {
margin-top: 4px;
}
.categories > li:first-child {
margin-top: 0;
}
.categories > li > a {
display: block;
float: left;
}
.categories > li > strong {
color: #d3604d;
display: block;
float: right;
margin-right: 3px;
}
.thumbs {
margin-top: -5px;
}
.thumbs a {
display: block;
margin-top: 5px;
}
.user-list {
border-bottom: 1px solid #fff;
}
.user-list li {
border-bottom: 1px solid #e8e8e8;
border-top: 1px solid #fff;
}
.user-list li:first-child {
border-top: 0 none;
margin-top: -12px;
}
.user-list li:first-child a {
}
.user-list li:hover a strong {
color: #d3604d;
}
.user-list li a > img {
box-shadow: 0 1px 1px #222;
float: left;
margin: 0 10px 0 0;
}
.user-list li a {
color: #6a6a6a;
display: block;
padding: 12px 0;
position: relative;
}
.user-list li a::after {
clear: both;
content: "";
display: block;
}
.user-list li.active strong {
color: #d3604d;
}
.user-list li.active .contactName > i {
color: #959595;
}
.contact-name {
float: left;
}
.contact-name > strong {
display: block;
line-height: 22px;
}
.contact-name > strong > span {
color: #999;
}
.contact-name > i {
color: #999;
display: block;
font-size: 11px;
font-style: normal;
line-height: 10px;
}
.status_available, .status_away, .status_off {
background: url("../img/elements/interface/contact_status.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
display: block;
height: 7px;
position: absolute;
right: 10px;
top: 20px;
width: 7px;
}
.status_available {
background-position: 0 0;
}
.status_away {
background-position: 0 -8px;
}
.status_off {
background-position: 0 -16px;
}
.more {
border-bottom: 1px solid #e8e8e8;
box-sizing: border-box;
display: block;
padding: 5px;
text-align: center;
width: 100%;
}
.more > a {
display: block;
}
.sidebar-user::after {
clear: both;
content: "";
display: block;
}
.sidebar-user .user {
display: block;
}
.user-links {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: -moz-use-text-color #d5d5d5 #d5d5d5;
border-image: none;
border-right: 1px solid #d5d5d5;
border-style: none solid solid;
border-width: 0 1px 1px;
margin-top: 2px;
}
.user-links li {
border-top: 1px solid #d5d5d5;
position: relative;
}
.user-links li a {
color: #555;
display: block;
font-weight: bold;
padding: 9px 10px;
}
.user-links li a:hover {
background: none repeat scroll 0 0 #fcfcfc;
}
.user-links li a:active {
background: none repeat scroll 0 0 #fff;
}
.user-links li a::before {
background: url("../img/icons/list_plus.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
content: "";
display: block;
float: left;
height: 8px;
margin: 6px 8px 0 0;
width: 8px;
}
.user-links li a strong {
color: #d3604d;
font-size: 11px;
position: absolute;
right: 10px;
top: 9px;
}
.general-stats .head::after, .general-stats .body::after {
clear: both;
content: "";
display: block;
}
.general-stats li {
display: block;
float: left;
text-align: center;
white-space: nowrap;
width: 69px;
}
.general-stats .head {
border: 1px solid #db6969;
color: #fff;
display: block;
font-weight: bold;
}
.general-stats .head li {
background: none repeat scroll 0 0 #db6969;
border-left: 1px solid #c25845;
}
.general-stats .head li:first-child {
border-left: 0 none;
width: 68px;
}
.general-stats .head li span {
display: block;
font-size: 11px;
line-height: 19px;
padding: 2px 5px 1px;
}
.general-stats .body {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: -moz-use-text-color #d5d5d5 #d5d5d5;
border-image: none;
border-right: 1px solid #d5d5d5;
border-style: none solid solid;
border-width: 0 1px 1px;
padding: 0;
}
.general-stats .body li strong {
display: block;
font-family: "Open Sans",sans-serif;
font-size: 16px;
font-weight: 600;
padding: 8px 6px 6px;
text-shadow: 0 1px 0 #fff;
}
.general-stats .body li {
background: -moz-linear-gradient(center top , #ffffff 0%, #f5f5f5 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
border-left: 1px solid #d5d5d5;
}
.general-stats .body li:first-child {
border-left: 0 none;
width: 68px;
}
.navigation > li {
margin-top: 1px;
position: relative;
}
.navigation > li:first-child {
margin-top: 0;
}
.navigation > li > a {
background: linear-gradient(to bottom, #ffffff 0%, #f5f5f5 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 1px solid #d5d5d5;
color: #333333;
display: block;
font-family: "Open Sans",sans-serif;
font-size: 12px;
font-weight: 600;
padding: 11px 14px;
}
.navigation > li.active > a, .navigation > li.active > a:hover, .navigation > li.active > a:active, .navigation > li > a.subOpened, .navigation > li > a.subOpened:hover {
background: none repeat scroll 0 0 #5b9bb4;
border-color: #47869e;
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset;
color: #fff;
vertical-align: middle;
}
.navigation > li.active > a:hover > i, .navigation > li > a.subOpened:hover > i {
color: #ffffff;
}
.navigation > li.active > a > i, .navigation > li > a.subOpened > i {
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
}
.navigation > li > a:hover {
background: none repeat scroll 0 0 #fcfcfc;
border-color: #ccc;
color: #497b95;
}
.navigation > li > a:active {
background: none repeat scroll 0 0 #ffffff;
color: #555555;
}
.navigation > li > a:hover > i {
color: #497b95;
}
.navigation > li > a > i, .navigation > li > a > b {
color: #5c696f;
display: block;
float: left;
font-size: 14px;
margin-right: 6px;
margin-top: 3px;
text-align: left;
}
.navigation > li.active a strong {
background: none repeat scroll 0 0 #555;
box-shadow: 0 1px 2px #4a4a4a inset, 0 1px 2px rgba(255, 255, 255, 0.2);
}
.navigation li a strong {
background: none repeat scroll 0 0 #5b6368;
border-radius: 2px;
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.2) inset;
color: #fff;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
line-height: 13px;
padding: 5px 7px 4px;
position: absolute;
right: 10px;
text-shadow: none;
top: 11px;
}
.navigation > li > ul {
background: none repeat scroll 0 0 #fff;
}
.navigation > li > ul > li {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: -moz-use-text-color #ddd #ddd;
border-image: none;
border-right: 1px solid #ddd;
border-style: none solid solid;
border-width: 0 1px 1px;
position: relative;
}
.navigation > li > ul > li.current {
}
.navigation > li > ul > li:first-child {
border-top: 1px solid #ddd;
}
.navigation > li > ul > li.current > a, .navigation > li > ul > li.current > a:hover {
color: #327394;
margin-right: -1px;
}
.navigation > li > ul > li > a {
background: none repeat scroll 0 0 #fcfcfc;
color: #5f5f5f;
display: block;
font-size: 11px;
padding: 8px 12px;
transition: all 0.1s ease-in-out 0s;
}
.navigation > li > ul > li > a:hover {
background: none repeat scroll 0 0 #fafafa;
color: #b14131;
padding: 8px 12px;
}
.navigation > li > ul > li > a::before {
background: url("../img/elements/interface/plus.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
content: "";
float: left;
height: 5px;
margin-right: 10px;
margin-top: 7px;
width: 5px;
}
.navigation > li > ul > li > a:hover {
box-shadow: -1px 0 0 #ef705b, 2px 0 0 #ef705b inset;
}
.navigation > li > a.expand {
margin-bottom: 1px;
}
.navigation > li > ul > li > ul {
box-shadow: 1px 0 0 #b1b7bb, 0 1px 0 #b1b7bb, 0 -1px 0 #b1b7bb;
}
.navigation > li > ul > li > ul li {
border-top: 1px solid #f2f2f2;
}
.navigation > li > ul > li > ul li:first-child {
border-top: 0 none;
}
.navigation > li > ul > li > ul li a {
color: #5f5f5f;
display: block;
font-size: 11px;
padding: 8px 12px 8px 17px;
transition: all 0.1s ease-in-out 0s;
}
.navigation > li > ul > li > ul li a:hover, .navigation > li > ul > li > ul li a.current {
background-color: #fdfdfd;
color: #b14131;
}
.navigation > li > ul > li > ul li a::before {
background: url("../img/elements/interface/plus_light.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
content: "";
float: left;
height: 5px;
margin-right: 10px;
margin-top: 7px;
width: 5px;
}
.navigation li ul li a.subOpened::before {
background: url("../img/elements/interface/minus.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
float: left;
height: 1px;
margin-right: 10px;
margin-top: 9px;
width: 5px;
}
.navigation li ul li a.subOpened, .navigation > li > ul > li > a.current {
background-color: #fafafa;
box-shadow: -1px 0 0 #b1b7bb, 2px 0 0 #b1b7bb inset;
color: #2883b8;
}
#sidebar select, #sidebar textarea, #sidebar input[type="text"], #sidebar input[type="password"], #sidebar input[type="datetime"], #sidebar input[type="datetime-local"], #sidebar input[type="date"], #sidebar input[type="month"], #sidebar input[type="time"], #sidebar input[type="week"], #sidebar input[type="number"], #sidebar input[type="email"], #sidebar input[type="url"], #sidebar input[type="search"], #sidebar input[type="tel"], #sidebar input[type="color"], #sidebar .uneditable-input {
box-shadow: none;
margin-bottom: 10px;
width: 100%;
}
#sidebar .selector {
box-sizing: border-box;
height: 30px;
line-height: 30px;
margin-bottom: 10px;
width: 100%;
}
#sidebar .uploader {
box-sizing: border-box;
margin-bottom: 10px;
width: 100%;
}
#sidebar .select2-container {
margin-bottom: 10px;
width: 100%;
}
#sidebar .form-actions {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 0 none;
box-shadow: none;
padding: 0;
}
.sidebar-checks {
margin-bottom: 10px;
}
#sidebar .progress {
background-color: #ffffff;
box-shadow: 0 1px 0 white, 0 0 0 1px rgba(0, 0, 0, 0.12) inset;
}
#sidebar .input-append.color input {
margin-bottom: 0;
width: 181px;
}
#sidebar .dates-range input {
margin-bottom: 0;
}
#sidebar .dates-range li {
width: 45%;
}
#sidebar .dates-range li.sep {
margin: 0;
width: 10%;
}
#sidebar .slider-controls input {
float: right;
margin-bottom: 0;
padding: 6px;
text-align: right;
width: 90px;
}
#sidebar .slider-controls > label {
float: left;
margin-top: 2px;
}
#sidebar .ui-slider-horizontal {
background: none repeat scroll 0 0 #fff;
border-color: #d5d5d5;
}
#content {
margin-bottom: -30px;
overflow: hidden;
}
#container {
padding-bottom: 62px;
}
#container::after {
clear: both;
content: "";
display: block;
}
.wrapper {
margin: 0 20px;
position: relative;
}
.widget {
margin-bottom: 30px;
}
.semi-widget {
margin-top: 15px;
}
.semi-widget:first-child {
margin-top: 0;
}
.body {
padding: 15px 14px;
}
.subtitle {
color: #656565;
display: block;
margin-bottom: 5px;
}
.subtitle code {
font-weight: normal;
margin-left: 6px;
}
.margin {
margin: 15px 14px;
}
.drag {
background: url("../img/elements/interface/order.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
cursor: pointer;
display: block;
float: right;
height: 10px;
margin: 14px;
width: 12px;
}
#sidebar .widget {
margin: 25px 20px 0;
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll;
}
.toolbar {
background: none repeat scroll 0 0 #fbfbfb;
border: 1px solid #d5d5d5;
margin-bottom: 1px;
}
.toolbar::after {
clear: both;
content: "";
display: block;
}
.toolbar .dropdown.open > a {
background: none repeat scroll 0 0 #fff;
color: #999;
}
.toolbar .dropdown.open > a .caret {
border-bottom-color: #999999;
border-top-color: #999999;
}
.toolbar > li {
border-right: 1px solid #ddd;
display: block;
float: left;
font-size: 11px;
}
.toolbar > li > a {
color: #454545;
display: inline-block;
padding: 7px 12px;
white-space: nowrap;
}
.toolbar > li > a:hover {
background: -moz-linear-gradient(center top , #fbfbfb 0%, #f8f8f8 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #327394;
}
.toolbar > li > a:active {
background: none repeat scroll 0 0 #f8f8f8;
color: #999999;
}
.toolbar > li > a > img {
display: inline-block;
float: left;
margin-top: 4px;
}
.toolbar > li > a > span {
margin-left: 5px;
}
.toolbar [class^="pic-"], .toolbar [class*=" pic-"] {
display: inline-block;
float: left;
margin-right: 0;
margin-top: 3px;
}
.toolbar [class^="icon-"], .toolbar [class*=" icon-"] {
display: inline-block;
float: left;
font-size: 14px;
margin-right: 0;
width: 14px;
}
.toolbar [class^="fam-"], .toolbar [class*=" fam-"] {
display: inline-block;
float: left;
margin-right: 0;
margin-top: 2px;
}
.toolbar .dropdown-menu > li > a > i {
margin-right: 6px;
}
.round-buttons {
box-sizing: border-box;
font-size: 0;
line-height: 1;
padding: 14px;
text-align: center;
width: 100%;
}
.round-buttons > li {
background: none repeat scroll 0 0 #fcfcfc;
border: 1px solid #d7d7d7;
border-radius: 50%;
display: inline-block;
height: 80px;
margin: 4px 12px;
position: relative;
text-align: center;
width: 80px;
}
.depth {
background-color: #7fc3dd;
border-radius: 50%;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) inset;
height: 72px;
margin: 4px;
overflow: hidden;
transition: all 0.1s ease-in-out 0s;
width: 72px;
}
.depth:active {
background: none repeat scroll 0 0 #cf6a59;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) inset;
}
.depth > a {
background: -moz-linear-gradient(center top , #ffffff 0%, #f7f7f7 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
border-radius: 50%;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.6);
cursor: pointer;
display: block;
height: 62px;
margin: 5px;
position: relative;
text-align: center;
width: 62px;
}
.depth > a:active {
background: none repeat scroll 0 0 #fafafa;
box-shadow: none;
}
.depth > a > i {
color: #676767;
float: none;
font-size: 24px;
height: 24px;
margin: 19px 0;
text-shadow: 0 1px 0 #ffffff;
transition: all 0.1s ease-in-out 0s;
width: 24px;
}
.depth > a:hover {
background: none repeat scroll 0 0 #fcfcfc;
}
.depth > a:hover > i {
color: #3d829c;
}
.depth > a:active > i {
color: #cf6a59;
}
.tabs-nav, .crumbs {
background: -moz-linear-gradient(center top , #ffffff 0%, #f0f0f0 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
border-bottom: 1px solid #c7c7c7;
box-shadow: 0 1px 0 white;
height: 32px;
margin: 0;
}
.crumbs {
margin: 0 -20px;
padding: 0 20px;
}
.crumbs::after {
clear: both;
content: "";
display: block;
}
.breadcrumb {
float: left;
}
.breadcrumb li {
float: left;
}
.breadcrumb li:first-child {
background: url("../img/icons/crumbs_home.png") no-repeat scroll 0 12px rgba(0, 0, 0, 0);
}
.breadcrumb li:first-child a {
padding-left: 17px;
}
.breadcrumb li a {
background: url("../img/icons/crumbs_arrow.png") no-repeat scroll 100% 14px rgba(0, 0, 0, 0);
color: #555;
display: block;
font-size: 11px;
line-height: 21px;
padding: 6px 16px 5px 12px;
}
.breadcrumb li a:hover {
color: #2b6893;
}
.breadcrumb .active > a, .breadcrumb .active > a:hover {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #999;
}
.alt-buttons {
border-left: 1px solid #fcfcfc;
border-right: 1px solid #fcfcfc;
float: right;
margin-right: -1px;
}
.alt-buttons > li {
border-right: 1px solid #d5d5d5;
float: left;
font-size: 11px;
position: relative;
}
.alt-buttons > li strong {
color: #b35d5d;
margin-left: 4px;
}
.alt-buttons > li:first-child {
border-left: 1px solid #d5d5d5;
}
.alt-buttons > li > a {
border-left: 1px solid #fcfcfc;
border-right: 1px solid #fcfcfc;
color: #555;
display: inline-block;
line-height: 21px;
padding: 6px 12px 5px;
white-space: nowrap;
}
.alt-buttons > li > a:hover {
background: none repeat scroll 0 0 #fafafa;
color: #656565;
}
.alt-buttons > li > a:active, .alt-buttons .open {
background: none repeat scroll 0 0 #fefefe;
}
.alt-buttons > li > ul {
border: 1px solid #c7c7c7;
display: none;
position: absolute;
text-align: left;
top: 32px;
z-index: 990;
}
.alt-buttons > li > ul > li {
border-top: 1px solid #ddd;
float: none;
}
.alt-buttons li ul li:first-child {
border-top: medium none;
}
.alt-buttons li ul li a:hover {
background: none repeat scroll 0 0 #fcfcfc;
color: #656565;
}
.alt-buttons li ul li a:active {
background: none repeat scroll 0 0 #fff;
}
.page-header {
clear: both;
}
.page-header::after {
clear: both;
content: "";
display: block;
}
.page-title {
float: left;
padding: 25px 0;
}
.page-title h5 {
color: #404040;
font-family: "Open Sans",sans-serif;
font-weight: 400;
margin: 0;
}
.page-title span {
color: #888888;
display: block;
font-size: 11px;
font-weight: normal;
}
.page-stats {
float: right;
padding: 25px 0;
}
.page-stats li {
border-left: 1px solid #e5e5e5;
display: block;
float: left;
margin-left: 20px;
padding-left: 20px;
}
.page-stats li:first-child {
border: 0 none;
margin: 0;
padding: 0;
}
.showcase {
float: left;
margin-right: 18px;
}
.showcase span {
color: #555;
font-family: "Open Sans",sans-serif;
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
}
.showcase h2 {
color: #465d66;
font-family: "Open Sans",sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 20px;
margin: 0;
}
.chart {
float: right;
margin-top: 4px;
}
.statistics {
box-sizing: border-box;
font-size: 0;
line-height: 1;
padding: 14px 12px 8px;
text-align: center;
width: 100%;
}
.statistics > li {
display: inline-block;
margin: 8px 14px;
min-width: 130px;
position: relative;
text-align: left;
}
.statistics > li > span {
color: #555;
display: block;
font-family: "Open Sans",sans-serif;
font-size: 11px;
font-weight: 600;
margin-top: 5px;
text-transform: uppercase;
}
.top-info {
margin-bottom: 12px;
}
.top-info > a {
display: inline-block;
float: left;
margin-right: 8px;
margin-top: 1px;
}
.top-info > a > i {
color: white;
margin: 0;
padding: 6px 5px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.top-info > strong {
display: block;
float: left;
font-family: "Open Sans",sans-serif;
font-size: 24px;
font-weight: 600;
margin-top: 4px;
text-shadow: 0 1px 0 #ffffff;
}
.top-info::after {
clear: both;
content: "";
display: block;
}
.actions-wrapper {
background: url("../img/backgrounds/actions.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
border-bottom: 1px solid #c5c5c5;
border-top: 1px solid #c5c5c5;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 2px 0 #ffffff;
margin: 0 -20px 30px;
}
.actions-wrapper.on-top {
border-top: 0 none;
box-shadow: none;
margin-bottom: 0;
}
.actions {
padding-bottom: 46px;
position: relative;
}
.action-title {
box-sizing: border-box;
padding: 22px 16px 18px;
text-align: center;
width: 100%;
}
.action-title > a {
display: inline-block;
font-family: "Open Sans",sans-serif;
font-size: 18px;
font-weight: 600;
margin-bottom: 8px;
}
.action-title > span {
display: block;
}
.action-content {
padding: 16px;
}
.action-tabs {
background: url("../img/elements/interface/action_divider.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
bottom: 0;
font-size: 0;
position: absolute;
text-align: center;
width: 100%;
}
.action-tabs li {
display: inline-block;
position: relative;
}
.action-tabs li.current {
border-top: 3px solid #ef705b;
}
.action-tabs li.current a, .action-tabs li.current a:hover {
color: #d8572e;
}
.action-tabs li.current::before {
border-bottom: 4px solid #ef705b;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
content: "";
display: block;
left: 50%;
margin-left: -4px;
margin-top: -6px;
position: absolute;
}
.action-tabs li a {
color: #333;
display: block;
font-family: "Open Sans",sans-serif;
font-size: 13px;
font-weight: 600;
padding: 10px 16px 12px;
text-shadow: 0 1px 1px #ffffff;
transition: all 0.2s ease-in-out 0s;
}
.action-tabs li a:hover {
color: #1d8ec7;
}
#google-map {
border-bottom: 1px solid #c7c7c7;
height: 350px;
width: 100%;
}
#map {
padding-bottom: 10px;
}
.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 {
background-color: #f7f7f9;
border: 1px solid #e1e1e8;
padding: 8px;
}
.prettyprint.linenums {
box-shadow: 40px 0 0 #fbfbfc inset, 41px 0 0 #ececf0 inset;
}
ol.linenums {
list-style-type: decimal;
margin: 0 0 0 33px;
}
ol.linenums li {
color: #bebec5;
line-height: 20px;
padding-left: 12px;
text-shadow: 0 1px 0 #fff;
}
.step-title {
background: none repeat scroll 0 0 #fcfcfc;
border-bottom: 1px solid #d5d5d5;
box-sizing: border-box;
padding: 16px 16px 14px;
width: 100%;
}
.step-title > h5 {
color: #1d8ec7;
display: inline-block;
font-family: "Open Sans",sans-serif;
font-weight: 600;
margin: 0 0 4px;
}
.step-title > span {
display: block;
}
.step-title > i {
background: none repeat scroll 0 0 #ef705b;
border-radius: 50%;
color: white;
display: block;
float: left;
font-family: "Open Sans",sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 600;
height: 42px;
line-height: 42px;
margin-right: 14px;
text-align: center;
width: 42px;
}
.slider-controls {
margin-bottom: -4px;
}
.slider-controls::after {
clear: both;
content: "";
display: block;
}
.slider-controls > label {
display: inline-block;
font-size: 11px;
margin-bottom: 0;
margin-right: 10px;
}
.slider-controls input[type="text"] {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border-color: transparent;
box-shadow: none;
color: #d3604d;
font-weight: bold;
}
.slider-controls input[type="text"]:focus {
background: none repeat scroll 0 0 #fff;
border: 1px solid #dadada;
}
.search {
background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 1px solid #d5d5d5;
padding: 12px;
position: relative;
}
.search input[type="text"] {
background: url("../img/elements/interface/big_search.png") no-repeat scroll 10px 10px #fff;
box-shadow: none;
box-sizing: border-box;
display: block;
font-size: 12px;
height: 34px;
margin: 0;
padding: 9px 140px 9px 28px;
width: 100%;
}
.search input[type="submit"] {
line-height: 13px;
padding: 10px 13px 9px;
position: absolute;
right: 0;
top: -2px;
}
.search-options {
background: none repeat scroll 0 0 white;
position: absolute;
right: 72px;
top: 7px;
}
.search-options li {
float: left;
}
.search-options li a {
background-position: 5px 4px;
background-repeat: no-repeat;
display: block;
height: 12px;
opacity: 0.5;
padding: 4px 5px;
width: 12px;
}
.search-options li a:hover {
opacity: 1;
transition: opacity 0.2s ease-in-out 0s;
}
.search-options .go-option {
background-image: url("../img/elements/interface/go_option.png");
}
.search-options .advanced-option {
background-image: url("../img/elements/interface/advanced_option.png");
}
.search-options .settings-option {
background-image: url("../img/elements/interface/settings_option.png");
}
.dates-range {
font-size: 0;
}
.dates-range li {
display: inline-block;
font-size: 11px;
width: 30%;
}
.dates-range li.sep {
color: #ddd;
margin: 5px;
text-align: center;
width: 2%;
}
.dates-range li input[type="text"] {
width: 100%;
}
table {
background-color: transparent;
border-collapse: collapse;
border-spacing: 0;
max-width: 100%;
}
.table {
border: 1px solid #d5d5d5;
width: 100%;
}
.table th, .table td {
border-top: 1px solid #e2e2e2;
line-height: 20px;
padding: 8px 12px;
vertical-align: middle;
}
.table td {
background: none repeat scroll 0 0 #fff;
}
.table th {
font-weight: bold;
text-align: left;
}
.table thead th {
background-color: #f8f8f8;
}
.table .checker {
margin: 0;
}
.table-checks tr td:first-child {
box-sizing: border-box;
width: 40px;
}
.table-checks .row-checked td {
background: none repeat scroll 0 0 #fffff7;
}
.table-controls {
font-size: 0;
line-height: 1;
}
.table-controls > li {
display: inline-block;
line-height: 1;
margin: 0 2px;
}
.table-controls > li > .btn {
margin: 0;
padding: 6px 4px;
}
.table-controls > li > .btn > i {
font-size: 14px;
margin-left: 0;
margin-right: 0;
}
.table-controls > li > a {
display: inline-block;
}
.table-controls > li > a > i {
color: #555;
display: block;
font-size: 14px;
margin: 0;
}
.table-controls > li > a.btn > b, .table-controls > li > a > b {
color: #555;
float: none;
font-size: 14px;
margin: 1px 0 -1px;
width: 1.1em;
}
.table-footer .table-actions label {
display: inline-block;
margin: 3px 12px 0 0;
}
.table-footer {
background: -moz-linear-gradient(center top , #ffffff 0%, #fafafa 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 1px solid #d5d5d5;
font-size: 11px;
margin-top: 1px;
padding: 14px 12px;
}
.table-footer::after {
clear: both;
content: "";
display: block;
height: 0;
}
.table-footer .pagination {
display: inline-block;
float: right;
}
.table-actions {
display: block;
float: left;
}
.table-actions .selector {
height: 26px;
line-height: 26px;
min-width: 0;
}
.table-actions .selector span {
background: url("../img/elements/forms/select_arrows.png") no-repeat scroll 100% -1px rgba(0, 0, 0, 0);
padding: 7px 31px 6px 0;
}
.table-actions .selector input {
height: 26px;
}
.table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td {
border-top: 0 none;
}
.table tbody + tbody {
border-top: 2px solid #dddddd;
}
.table-condensed th, .table-condensed td {
padding: 4px 12px;
}
.table-gradient tbody td {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.table-gradient tbody tr {
background: -moz-linear-gradient(center top , #ffffff 0%, #fafafa 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.table-transparent, .table-transparent tbody td, .table-transparent thead th {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.table-bordered {
border-collapse: collapse;
border-left: 0 none;
}
.table-bordered th, .table-bordered td {
border-left: 1px solid #dddddd;
}
.table .rowspan {
border-left: 1px solid #e2e2e2 !important;
}
.table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td, .table-bordered colgroup + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td {
border-top: 0 none;
}
.table-striped tbody tr:nth-child(2n) td, .table-striped tbody tr:nth-child(2n) th {
background-color: #fcfcfc;
}
.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
background-color: #fafafa;
}
.row-fluid table [class*="span"] {
display: table-cell;
float: none;
margin-left: 0;
}
.table tbody tr.success td {
background-color: #f0faec;
}
.table tbody tr.error td {
background-color: #fdf3f3;
}
.table tbody tr.warning td {
background-color: #fffff7;
}
.table tbody tr.info td {
background-color: #eef7fb;
}
.table-hover tbody tr.success:hover td {
background-color: #eaf9e4;
}
.table-hover tbody tr.error:hover td {
background-color: #fdefef;
}
.table-hover tbody tr.warning:hover td {
background-color: #fefeea;
}
.table-hover tbody tr.info:hover td {
background-color: #e8f5fb;
}
.table-striped tbody > tr {
background: none repeat scroll 0 0 #f9f9f9;
}
.table-striped tbody > tr:nth-child(2n+1) > td, .table-striped tbody > tr:nth-child(2n+1) > th {
background-color: #fff;
}
.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
background-color: #f5f5f5;
}
.row-fluid table td[class*="span"], .row-fluid table th[class*="span"] {
display: table-cell;
float: none;
margin-left: 0;
}
.table tbody tr.success td {
background-color: #f0faec;
}
.table tbody tr.error td {
background-color: #fdf3f3;
}
.table tbody tr.warning td {
background-color: #fffff7;
}
.table tbody tr.info td {
background-color: #eef7fb;
}
.table-hover tbody tr.success:hover td {
background-color: #eaf9e4;
}
.table-hover tbody tr.error:hover td {
background-color: #fdefef;
}
.table-hover tbody tr.warning:hover td {
background-color: #fefeea;
}
.table-hover tbody tr.info:hover td {
background-color: #e8f5fb;
}
.caret {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #000000;
content: "";
display: inline-block;
height: 0;
vertical-align: top;
width: 0;
}
.dropup, .dropdown {
position: relative;
}
.dropdown-toggle {
}
.dropdown-toggle:active, .open .dropdown-toggle {
outline: 0 none;
}
.dropdown .caret {
border-left-width: 3px;
border-right-width: 3px;
border-top-width: 3px;
margin-left: 3px;
margin-top: 9px;
}
.dropdown-menu {
background-clip: padding-box;
background-color: #ffffff;
border: 1px solid #ccc;
display: none;
float: left;
font-size: 11px;
left: 0;
list-style: outside none none;
margin: 0;
min-width: 160px;
position: absolute;
top: 100%;
z-index: 1000;
}
.dropdown-menu.pull-right {
left: auto;
right: -1px;
}
.dropdown-menu .divider {
background-color: #e5e5e5;
border-bottom: 1px solid #ffffff;
height: 1px;
margin: 9px 1px;
overflow: hidden;
}
.dropdown-menu li {
background: -moz-linear-gradient(center top , #fefefe 0%, #f8f8f8 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
border-top: 1px solid #e5e5e5;
position: relative;
text-align: left;
}
.dropdown-menu li:first-child {
border-top: 0 none;
}
.dropdown-menu li > a {
clear: both;
color: #333333;
display: block;
font-weight: normal;
line-height: 21px;
padding: 8px 8px 7px;
white-space: nowrap;
}
.dropdown-menu > li > a > i {
color: #555;
float: left;
font-size: 14px;
margin-right: 6px;
margin-top: 3px;
}
.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
background: none repeat scroll 0 0 #fcfcfc;
color: #656565;
}
.dropdown-menu li > a:active {
background: none repeat scroll 0 0 #fff;
}
.dropdown-menu .active > a, .dropdown-menu .active > a:hover {
background: none repeat scroll 0 0 #fff;
outline: 0 none;
}
.dropdown-menu .disabled > a, .dropdown-menu .disabled > a:hover {
color: #999999;
}
.dropdown-menu .disabled > a:hover {
background-color: transparent;
background-image: none;
cursor: default;
text-decoration: none;
}
.open {
}
.open > .dropdown-menu {
display: block;
}
.pull-right > .dropdown-menu {
left: auto;
right: -1px;
}
.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
border-bottom: 4px solid #000000;
border-top: 0 none;
content: "";
}
.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
bottom: 100%;
margin-bottom: 1px;
top: auto;
}
.dropdown-submenu {
position: relative;
}
.dropdown-submenu > .dropdown-menu {
left: 100%;
margin-top: -1px;
top: 0;
}
.dropdown-submenu:hover > .dropdown-menu {
display: block;
}
.dropup .dropdown-submenu > .dropdown-menu {
bottom: 0;
margin-bottom: -2px;
margin-top: 0;
top: auto;
}
.dropdown-submenu > a::after {
border-color: transparent transparent transparent #555;
border-style: solid;
border-width: 4px 0 4px 4px;
content: " ";
display: block;
float: right;
height: 0;
margin-right: 0;
margin-top: 6px;
width: 0;
}
.dropdown-submenu:hover > a::after {
border-left-color: #999;
}
.dropdown-submenu.pull-left {
float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
left: -100%;
margin-left: 10px;
}
.dropdown .dropdown-menu .nav-header {
padding-left: 20px;
padding-right: 20px;
}
.typeahead {
border: 1px solid #dadada;
box-sizing: border-box;
margin-top: 1px;
max-height: 186px;
overflow: auto;
width: 100%;
z-index: 1051;
}
.typeahead li a {
color: #5f5f5f;
}
[class^="well"], [class*=" well"] {
background: none repeat scroll 0 0 #fefefe;
border: 1px solid #d5d5d5;
box-sizing: border-box;
position: relative;
}
[class^="well"] blockquote, [class*=" well"] blockquote {
border-color: rgba(0, 0, 0, 0.15);
}
.well-white {
background: none repeat scroll 0 0 #ffffff;
border: 1px solid #d5d5d5;
position: relative;
}
.well-smoke {
background: none repeat scroll 0 0 #f9f9f9;
border: 1px solid #d5d5d5;
}
.well-large > .body, .well-large.body {
padding: 24px;
}
.well-small > .body, .well-small.body {
padding: 9px;
}
.pagination {
font-size: 0;
line-height: 1;
}
.pagination ul {
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
display: inline-block;
margin-bottom: 0;
margin-left: 0;
}
.pagination ul > li {
display: inline-block;
font-size: 11px;
}
.navbar .pagination {
margin: 7px;
}
.navbar .pagination ul > li > a, .navbar .pagination ul > li > span {
padding: 1px 8px 0;
}
.pagination ul > li > a, .pagination ul > li > span {
background: -moz-linear-gradient(center top , #ffffff 0%, #f7f7f7 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 1px solid #d5d5d5;
color: #454545;
float: left;
line-height: 21px;
margin-left: 1px;
padding: 3px 10px 2px;
text-decoration: none;
}
.pagination ul > li > a:hover {
background: none repeat scroll 0 0 #fafafa;
color: #4285a7;
}
.pagination ul > li > a:active, .pagination ul > .active > a, .pagination ul > .active > a:hover, .pagination ul > .active > span {
background: none repeat scroll 0 0 #676d71;
border-color: #585e63;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2) inset, 0 1px 0 #fff;
color: #fff;
}
.pagination ul > .active > a, .pagination ul > .active > span {
color: #fff;
cursor: default;
}
.pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover, .pagination ul > .disabled > a:active {
background: none repeat scroll 0 0 #fefefe;
border-color: #e2e2e2;
box-shadow: none;
color: #bbb;
cursor: default;
}
.pagination ul > li:first-child > a, .pagination ul > li:first-child > span {
margin-left: 0;
}
.pagination-centered {
text-align: center;
}
.pagination-right {
text-align: right;
}
.pagination-large ul > li > a, .pagination-large ul > li > span {
font-size: 14px;
padding: 8px 14px;
}
.pagination-small ul > li > a, .pagination-small ul > li > span {
font-size: 11px;
padding: 2px 10px 1px;
}
.pagination-mini ul > li > a, .pagination-mini ul > li > span {
font-size: 11px;
padding: 1px 8px 0;
}
.pager {
font-size: 0;
line-height: 1;
text-align: center;
}
.pager::before, .pager::after {
content: "";
display: table;
line-height: 0;
}
.pager::after {
clear: both;
}
.pager li {
display: inline;
font-size: 11px;
margin-left: 1px;
}
.pager li:first-child {
margin-left: 0;
}
.pager a, .pager span {
background: -moz-linear-gradient(center top , #ffffff 0%, #f7f7f7 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 1px solid #dadada;
box-shadow: 0 1px 1px #eee;
color: #5f5f5f;
display: inline-block;
font-size: 11px;
line-height: 21px;
padding: 3px 11px 2px;
}
.pager a:hover {
background: none repeat scroll 0 0 #fafafa;
color: #4285a7;
}
.pager a:active {
background: none repeat scroll 0 0 #676d71;
border-color: #585e63;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2) inset, 0 1px 0 #fff;
color: #fff;
}
.pager .next a, .pager .next span {
float: right;
}
.pager .previous a {
float: left;
}
.pager .disabled a, .pager .disabled a:hover, .pager .disabled a:active, .pager .disabled span {
background: none repeat scroll 0 0 #fcfcfc;
border-color: #dddddd;
box-shadow: none;
color: #999999;
cursor: default;
}
.navbar .pager {
line-height: 1;
margin: 7px;
}
.navbar .pager a, .navbar .pager span {
padding: 1px 10px 0;
}
.modal-backdrop {
background-color: #000000;
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 1040;
}
.modal-backdrop.fade {
opacity: 0;
}
.modal-backdrop, .modal-backdrop.fade.in {
opacity: 0.8;
}
.modal {
background-clip: padding-box;
background-color: #ffffff;
border: 1px solid #d5d5d5;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
left: 50%;
margin-left: -280px;
outline: medium none;
position: fixed;
top: 10%;
width: 560px;
z-index: 1050;
}
.modal.fade {
top: -25%;
transition: opacity 0.3s linear 0s, top 0.3s ease-out 0s;
}
.modal.fade.in {
top: 10%;
}
.modal-header {
background: none repeat scroll 0 0 #fcfcfc;
border-bottom: 1px solid #e1e1e1;
padding: 12px 15px;
}
.modal-header .close {
margin-top: 3px;
}
.modal-header h3 {
font-size: 14px;
line-height: 22px;
margin: 0;
}
.modal-body {
max-height: 400px;
overflow-y: auto;
padding: 14px;
position: relative;
}
.modal-form {
margin-bottom: 0;
}
.modal-footer {
background-color: #fcfcfc;
border-top: 1px solid #ddd;
box-shadow: 0 1px 0 #ffffff inset;
margin-bottom: 0;
padding: 12px 14px;
text-align: right;
}
.modal-footer::before, .modal-footer::after {
content: "";
display: table;
line-height: 0;
}
.modal-footer::after {
clear: both;
}
.modal-footer .btn + .btn {
margin-bottom: 0;
margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
margin-left: 0;
}
.tooltip {
display: block;
font-size: 11px;
opacity: 0;
padding: 5px;
position: absolute;
visibility: visible;
z-index: 1030;
}
.tooltip.in {
opacity: 0.8;
}
.tooltip.top {
margin-top: -3px;
}
.tooltip.right {
margin-left: 3px;
}
.tooltip.bottom {
margin-top: 3px;
}
.tooltip.left {
margin-left: -3px;
}
.tooltip-inner {
background-color: #000000;
border-radius: 2px;
color: #ffffff;
line-height: 20px;
max-width: 200px;
padding: 4px 10px;
text-align: center;
text-decoration: none;
white-space: nowrap;
}
.tooltip-arrow {
border-color: transparent;
border-style: solid;
height: 0;
position: absolute;
width: 0;
}
.tooltip.top .tooltip-arrow {
border-top-color: #000000;
border-width: 5px 5px 0;
bottom: 0;
left: 50%;
margin-left: -5px;
}
.tooltip.right .tooltip-arrow {
border-right-color: #000000;
border-width: 5px 5px 5px 0;
left: 0;
margin-top: -5px;
top: 50%;
}
.tooltip.left .tooltip-arrow {
border-left-color: #000000;
border-width: 5px 0 5px 5px;
margin-top: -5px;
right: 0;
top: 50%;
}
.tooltip.bottom .tooltip-arrow {
border-bottom-color: #000000;
border-width: 0 5px 5px;
left: 50%;
margin-left: -5px;
top: 0;
}
.popover {
background-clip: padding-box;
background-color: #ffffff;
border: 1px solid #d5d5d5;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
display: none;
left: 0;
position: absolute;
top: 0;
width: 236px;
z-index: 1010;
}
.popover.top {
margin-bottom: 10px;
}
.popover.right {
margin-left: 10px;
}
.popover.bottom {
margin-top: 10px;
}
.popover.left {
margin-left: -10px;
}
.popover-title {
background: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
border-bottom: 1px solid #d5d5d5;
border-radius: 3px 3px 0 0;
box-shadow: 0 1px 0 #fff;
font-size: 12px;
font-weight: bold;
line-height: 18px;
margin: 0;
padding: 9px 14px 8px;
}
.popover-content {
padding: 9px 14px;
}
.popover-content p, .popover-content ul, .popover-content ol {
margin-bottom: 0;
}
.popover .arrow, .popover .arrow::after {
border-color: transparent;
border-style: solid;
display: inline-block;
height: 0;
position: absolute;
width: 0;
}
.popover .arrow::after {
content: "";
z-index: -1;
}
.popover.top .arrow {
border-top-color: #ffffff;
border-width: 7px 7px 0;
bottom: -7px;
left: 50%;
margin-left: -7px;
}
.popover.top .arrow::after {
border-top-color: rgba(0, 0, 0, 0.25);
border-width: 8px 8px 0;
bottom: -1px;
left: -8px;
}
.popover.right .arrow {
border-right-color: #ffffff;
border-width: 7px 7px 7px 0;
left: -7px;
margin-top: -7px;
top: 50%;
}
.popover.right .arrow::after {
border-right-color: rgba(0, 0, 0, 0.25);
border-width: 8px 8px 8px 0;
bottom: -8px;
left: -1px;
}
.popover.bottom .arrow {
border-bottom-color: #ffffff;
border-width: 0 7px 7px;
left: 50%;
margin-left: -7px;
top: -7px;
}
.popover.bottom .arrow::after {
border-bottom-color: rgba(0, 0, 0, 0.25);
border-width: 0 8px 8px;
left: -8px;
top: -1px;
}
.popover.left .arrow {
border-left-color: #ffffff;
border-width: 7px 0 7px 7px;
margin-top: -7px;
right: -7px;
top: 50%;
}
.popover.left .arrow::after {
border-left-color: rgba(0, 0, 0, 0.25);
border-width: 8px 0 8px 8px;
bottom: -8px;
right: -1px;
}
.badge, .label {
background-color: #5f5f5f;
border-radius: 2px;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset;
color: #ffffff;
display: inline-block;
font-size: 11px;
font-weight: bold;
line-height: 13px;
padding: 4px 6px 3px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
white-space: nowrap;
}
label.valid {
display: inline-block;
}
label.error {
color: #b94a48;
display: inline-block;
font-size: 11px;
margin-top: 4px;
white-space: nowrap;
}
a.label:hover, a.badge:hover {
color: #ffffff;
cursor: pointer;
text-decoration: none;
}
.label-important, .badge-important {
background-color: #c95454;
}
.label-important[href], .badge-important[href] {
background-color: #953b39;
}
.label-warning, .badge-warning {
background-color: #d17d10;
}
.label-warning[href], .badge-warning[href] {
background-color: #c67605;
}
.label-success, .badge-success {
background-color: #7aa745;
}
.label-success[href], .badge-success[href] {
background-color: #356635;
}
.label-info, .badge-info {
background-color: #589fc4;
}
.label-info[href], .badge-info[href] {
background-color: #2d6987;
}
.label-inverse, .badge-inverse {
background-color: #333333;
}
.label-inverse[href], .badge-inverse[href] {
background-color: #1a1a1a;
}
.btn .label, .btn .badge {
position: relative;
top: -1px;
}
.btn-mini .label, .btn-mini .badge {
top: 0;
}
.progress {
background-color: #f5f5f5;
border-radius: 2px;
box-shadow: 0 1px 0 white, 0 0 0 1px rgba(0, 0, 0, 0.075) inset;
height: 20px;
overflow: hidden;
}
.progress.progress-slim {
height: 6px;
}
.progress.progress-micro {
height: 2px;
}
.progress .bar {
background-color: #0e90d2;
background-image: linear-gradient(to bottom, #149bdf, #0480be);
background-repeat: repeat-x;
box-sizing: border-box;
color: #ffffff;
float: left;
font-size: 12px;
height: 100%;
text-align: center;
transition: width 0.6s ease 0s;
width: 0;
}
.progress .bar + .bar {
box-shadow: 1px 0 0 rgba(0, 0, 0, 0.15) inset, 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
}
.progress-striped .bar {
background-color: #149bdf;
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: 20px 20px;
}
.progress.active .bar {
animation: 1s linear 0s normal none infinite running progress-bar-stripes;
}
.progress-danger .bar, .progress .bar-danger {
background-color: #dd514c;
background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
background-repeat: repeat-x;
}
.progress-danger.progress-striped .bar, .progress-striped .bar-danger {
background-color: #ee5f5b;
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-success .bar, .progress .bar-success {
background-color: #5eb95e;
background-image: linear-gradient(to bottom, #62c462, #57a957);
background-repeat: repeat-x;
}
.progress-success.progress-striped .bar, .progress-striped .bar-success {
background-color: #62c462;
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-info .bar, .progress .bar-info {
background-color: #4bb1cf;
background-image: linear-gradient(to bottom, #5bc0de, #339bb9);
background-repeat: repeat-x;
}
.progress-info.progress-striped .bar, .progress-striped .bar-info {
background-color: #5bc0de;
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-warning .bar, .progress .bar-warning {
background-color: #faa732;
background-image: linear-gradient(to bottom, #fbb450, #f89406);
background-repeat: repeat-x;
}
.progress-warning.progress-striped .bar, .progress-striped .bar-warning {
background-color: #fbb450;
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.accordion-group {
margin-top: 1px;
}
.accordion-group:first-child {
margin-top: 0;
}
.accordion-heading a {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: linear-gradient(to bottom, #ffffff, #f7f7f7) repeat scroll 0 0 rgba(0, 0, 0, 0);
border-color: #d5d5d5 #d5d5d5 -moz-use-text-color;
border-image: none;
border-style: solid solid none;
border-width: 1px 1px medium;
color: #555555;
font-weight: bold;
}
.accordion-heading a:hover {
background: linear-gradient(to bottom, #ffffff, #fafafa) repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #4285a7;
}
.accordion-heading a:active {
background: none repeat scroll 0 0 #fff;
}
.accordion-body {
background: none repeat scroll 0 0 #fcfcfc;
border: 1px solid #d5d5d5;
position: relative;
}
.accordion-heading .accordion-toggle {
display: block;
padding: 10px 14px 9px;
}
.accordion-toggle {
cursor: pointer;
}
.accordion-inner {
padding: 9px 14px;
}
.accordion-heading i {
display: block;
float: left;
font-size: 14px;
margin: 2px 8px 0 0;
}
.collapse {
height: 0;
overflow: hidden;
position: relative;
transition: height 0.35s ease 0s;
}
.collapse.in {
height: auto;
}
.btn {
background-color: #fafafa;
background-image: linear-gradient(to bottom, #fefefe, #f2f2f2);
background-repeat: repeat-x;
border: 1px solid #d5d5d5;
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
color: #555;
display: inline-block;
font-size: 11px;
font-weight: bold;
line-height: 13px;
margin: 2px 0;
padding: 8px 12px 7px;
text-align: center;
}
.btn:hover {
color: #606060;
opacity: 0.95;
transition: opacity 0.2s ease-in-out 0s;
}
.btn-primary:hover, .btn-info:hover, .btn-warning:hover, .btn-success:hover, .btn-danger:hover, .btn-inverse:hover {
color: #ffffff;
}
.btn:active {
background: none repeat scroll 0 0 #fafafa;
color: #777;
}
.btn > b, .modal-footer i {
font-size: 12px;
margin-right: 6px;
}
.btn:active, .btn.active, .btn.disabled, .btn[disabled] {
background-color: #fefefe;
}
.btn:first-child {
}
.btn:focus {
outline: 0 none;
}
.btn.active, .btn:active {
background-image: none;
box-shadow: 0 4px 5px rgba(0, 0, 0, 0.02) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
outline: 0 none;
}
.btn.disabled, .btn[disabled] {
background-image: none;
box-shadow: none;
color: #999;
cursor: default;
opacity: 0.65;
}
.btn-primary.disabled, .btn-primary[disabled], .btn-danger.disabled, .btn-danger[disabled], .btn-info.disabled, .btn-info[disabled], .btn-success.disabled, .btn-success[disabled], .btn-warning.disabled, .btn-warning[disabled], .btn-inverse.disabled, .btn-inverse[disabled] {
color: #fff;
}
.btn-large {
font-size: 13px;
height: auto;
padding: 9px 14px;
}
.btn-large [class^="icon-"], .btn-large [class*=" icon-"] {
margin-top: 4px;
}
.btn-small {
font-size: 11px;
height: auto;
padding: 7px 10px 6px;
}
.btn-small [class^="icon-"], .btn-small [class*=" icon-"] {
margin-top: 0;
}
.btn-mini [class^="icon-"], .btn-mini [class*=" icon-"] {
margin-top: -1px;
}
.btn-mini {
font-size: 11px;
height: auto;
padding: 6px 8px 5px;
}
.btn-block {
box-sizing: border-box;
display: block;
padding-left: 0;
padding-right: 0;
width: 100%;
}
.btn-block + .btn-block {
margin-top: 5px;
}
input.btn-block[type="submit"], input.btn-block[type="reset"], input.btn-block[type="button"] {
width: 100%;
}
a.btn {
line-height: 13px;
}
.btn-primary {
background: linear-gradient(to bottom, #46a2d5, #3c85ba) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
border-color: #3c85ba !important;
color: #ffffff !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
}
.btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
background: none repeat scroll 0 0 #4194c8 !important;
color: #fff !important;
}
.btn-warning {
background: linear-gradient(to bottom, #e49a4d, #c9823c) repeat scroll 0 0 rgba(0, 0, 0, 0);
border-color: #c9823c;
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
background: none repeat scroll 0 0 #d6944e;
color: #fff;
}
.btn-danger {
background: linear-gradient(to bottom, #d65f4d, #c05343) repeat scroll 0 0 rgba(0, 0, 0, 0);
border-color: #c05343;
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
background: none repeat scroll 0 0 #cc5949;
color: #fff;
}
.btn-success {
background: linear-gradient(to bottom, #69b076, #4ca15b) repeat scroll 0 0 rgba(0, 0, 0, 0);
border-color: #4ca15b;
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
background: none repeat scroll 0 0 #51a351;
color: #fff;
}
.btn-info {
background: linear-gradient(to bottom, #53b8d6, #389ebc) repeat scroll 0 0 rgba(0, 0, 0, 0);
border-color: #389ebc;
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
background: none repeat scroll 0 0 #46abc9;
color: #fff;
}
.btn-inverse {
background: linear-gradient(to bottom, #5e5e5e, #4a4a4a) repeat scroll 0 0 rgba(0, 0, 0, 0);
border-color: #4a4a4a;
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
background: none repeat scroll 0 0 #545454;
color: #fff;
}
button.btn, input.btn[type="submit"] {
}
button.btn::-moz-focus-inner, input.btn[type="submit"]::-moz-focus-inner {
border: 0 none;
padding: 0;
}
button.btn.btn-large, input.btn.btn-large[type="submit"] {
}
button.btn.btn-small, input.btn.btn-small[type="submit"] {
}
button.btn.btn-mini, input.btn.btn-mini[type="submit"] {
}
.btn-link, .btn-link:active, .btn-link[disabled] {
background-color: transparent;
background-image: none;
box-shadow: none;
}
.btn-link {
border-color: transparent;
color: #0088cc;
cursor: pointer;
}
.btn-link:hover {
background-color: transparent;
color: #005580;
text-decoration: underline;
}
.btn-link[disabled]:hover {
color: #333333;
text-decoration: none;
}
.btn-group {
display: inline-block;
font-size: 0;
position: relative;
vertical-align: middle;
white-space: nowrap;
}
.btn-group:first-child {
}
.btn-group + .btn-group {
margin-left: 5px;
}
.btn-toolbar {
font-size: 0;
}
.btn-toolbar > .btn + .btn, .btn-toolbar > .btn-group + .btn, .btn-toolbar > .btn + .btn-group {
margin-left: 5px;
}
.btn-group > .btn {
position: relative;
}
.btn-group > .btn + .btn {
margin-left: -1px;
}
.btn-group > .btn-mini {
font-size: 10.5px;
}
.btn-group > .btn-small {
font-size: 11.9px;
}
.btn-group > .btn-large {
font-size: 17.5px;
}
.btn-group > .btn:first-child {
margin-left: 0;
}
.btn-group > .btn.large:first-child {
margin-left: 0;
}
.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active {
z-index: 2;
}
.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
outline: 0 none;
}
.btn-group > .btn + .dropdown-toggle {
padding-left: 8px;
padding-right: 8px;
}
.btn-group > .btn + .dropdown-toggle .caret {
margin-left: 0;
}
.btn-group > .btn-mini + .dropdown-toggle {
padding-left: 5px;
padding-right: 5px;
}
.btn-group > .btn-small + .dropdown-toggle {
}
.btn-group > .btn-large + .dropdown-toggle {
padding-left: 12px;
padding-right: 12px;
}
.btn-group.open .dropdown-toggle {
background-image: none;
}
.btn-group.open .btn.dropdown-toggle {
background-color: #fafafa;
}
.btn-group.open .btn-primary.dropdown-toggle {
background-color: #46a2d9;
}
.btn-group.open .btn-warning.dropdown-toggle {
background-color: #e49a4d;
}
.btn-group.open .btn-danger.dropdown-toggle {
background-color: #d65f4d;
}
.btn-group.open .btn-success.dropdown-toggle {
background-color: #69b076;
}
.btn-group.open .btn-info.dropdown-toggle {
background-color: #53b8d6;
}
.btn-group.open .btn-inverse.dropdown-toggle {
background-color: #5e5e5e;
}
.btn-group-vertical {
display: inline-block;
}
.btn-group-vertical > .btn {
display: block;
float: none;
max-width: 100%;
width: 100%;
}
.btn-group-vertical > .btn + .btn {
margin-left: 0;
margin-top: -1px;
}
.btn .caret {
margin-left: 4px;
margin-top: 5px;
}
.btn-mini .caret, .btn-small .caret, .btn-large .caret {
margin-top: 6px;
}
.btn-large .caret {
border-left-width: 5px;
border-right-width: 5px;
border-top-width: 5px;
}
.dropup .btn-large .caret {
border-bottom-width: 5px;
}
.btn-primary .caret, .btn-warning .caret, .btn-danger .caret, .btn-info .caret, .btn-success .caret, .btn-inverse .caret {
border-bottom-color: #ffffff;
border-top-color: #ffffff;
}
.alert {
background: none repeat scroll 0 0 #ffedbb;
border: 1px solid #f2d083;
color: #72612b;
margin-bottom: 15px;
padding: 10px 35px 10px 14px;
}
.alert h6 {
margin: 0;
}
.alert .close {
color: #72612b;
line-height: 20px;
opacity: 0.8;
position: relative;
right: -21px;
top: 1px;
}
.alert.widget {
margin-bottom: 30px;
}
.alert-success .close, .alert-danger .close, .alert-error .close, .alert-info .close {
color: #fff;
}
.alert-success {
background: none repeat scroll 0 0 #75c386;
color: #fff;
}
.alert-danger, .alert-error {
background: none repeat scroll 0 0 #dc6868;
color: #fff;
}
.alert-info {
background: none repeat scroll 0 0 #6fbbd4;
color: #fff;
}
.alert-block {
padding-bottom: 8px;
padding-top: 12px;
}
.alert-block > p, .alert-block > ul {
margin-bottom: 0;
}
.alert-block p + p {
margin-top: 5px;
}
.alert-success, .alert-danger, .alert-error, .alert-info {
border: medium none;
}
#sidebar .alert {
font-weight: bold;
}
.nav {
list-style: outside none none;
margin-left: 0;
}
.nav > li > a {
display: block;
}
.nav > li > a:hover {
background-color: #eeeeee;
text-decoration: none;
}
.nav > li > a > img {
max-width: none;
}
.nav > .pull-right {
float: right;
}
.nav-header {
color: #999999;
display: block;
font-size: 11px;
font-weight: bold;
line-height: 20px;
padding: 7px 15px;
text-transform: uppercase;
}
.nav li + .nav-header {
border-top: 1px solid #ddd;
margin-top: 2px;
padding-top: 7px;
}
.nav > .disabled > a, .nav > .disabled > a > i {
color: #999999;
}
.nav > .disabled > a:hover {
background-color: transparent;
cursor: default;
text-decoration: none;
}
.nav-list {
background: none repeat scroll 0 0 #fff;
border: 1px solid #d5d5d5;
margin-bottom: 0;
padding-left: 15px;
padding-right: 15px;
}
.nav-list > li > a, .nav-list .nav-header {
margin-left: -15px;
margin-right: -15px;
}
.nav-list > li > a {
padding: 5px 15px;
}
.nav-list > .active > a, .nav-list > .active > a:hover {
background-color: #0088cc;
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.nav-list [class^="icon-"], .nav-list [class*=" icon-"] {
margin-right: 2px;
}
.nav-list .divider {
background-color: #e5e5e5;
border-bottom: 1px solid #ffffff;
height: 1px;
margin: 9px 1px;
overflow: hidden;
}
.nav-tabs, .nav-pills {
}
.nav-tabs::before, .nav-pills::before, .nav-tabs::after, .nav-pills::after {
content: "";
display: table;
line-height: 0;
}
.nav-tabs::after, .nav-pills::after {
clear: both;
}
.nav-tabs > li, .nav-pills > li {
float: left;
}
.nav-tabs > li > a, .nav-pills > li > a {
line-height: 14px;
padding-left: 12px;
padding-right: 12px;
}
.navbar-tabs .nav-tabs {
border: medium none;
}
.navbar-tabs .navbar {
margin-bottom: 0;
}
.navbar-tabs .nav-tabs > li > a {
border-right: 0 none;
padding: 0;
}
.nav-tabs {
background: linear-gradient(to bottom, #ffffff, #f7f7f7) repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 1px solid #d5d5d5;
}
.nav-tabs > li > a {
border-right: 1px solid #e1e1e1;
color: #555555;
font-family: "Open Sans",sans-serif;
font-size: 13px;
font-weight: 600;
line-height: 20px;
padding: 9px 14px;
}
.nav-tabs > li > a:hover {
background: none repeat scroll 0 0 #fcfcfc;
color: #4285a7;
}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
background-color: #ffffff;
color: #999;
cursor: default;
}
.nav-pills > li > a {
margin-bottom: 2px;
margin-top: 2px;
padding-bottom: 10px;
padding-top: 10px;
}
.nav-pills > li > a > [class^="icon-"], .nav-tabs.nav-stacked > li > a > [class^="icon-"] {
float: left;
margin: 0 6px 0 0;
}
.nav-pills > li.active > a > [class^="icon-"] {
color: #fff;
}
.nav-pills .caret {
margin-top: 5px;
}
.nav-tabs.nav-stacked .caret {
border-left-width: 3px;
border-right-width: 3px;
border-top-width: 3px;
margin-top: 8px;
}
.nav-tabs.nav-stacked > li > a > [class^="icon-"] {
margin-top: 3px;
}
.nav-pills > .active > a, .nav-pills > .active > a:hover {
background-color: #0088cc;
color: #ffffff;
}
.nav-stacked > li {
float: none;
}
.nav-pills.nav-stacked > li > a {
margin: 0;
padding: 11px 10px;
}
.nav-tabs.nav-stacked {
border: 0 none;
}
.nav-tabs.nav-stacked > li > a {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #fff;
border-color: -moz-use-text-color #ddd #ddd;
border-image: none;
border-right: 1px solid #ddd;
border-style: none solid solid;
border-width: 0 1px 1px;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
font-weight: normal;
margin: 0;
padding: 9px 10px;
}
.nav-tabs.nav-stacked > li.active > a {
background-color: #fafafa;
}
.nav-tabs.nav-stacked > li:first-child > a {
border-top: 1px solid #ddd;
}
.nav-tabs.nav-stacked > li > a:hover {
border-color: #ddd;
z-index: 2;
}
.tabbable {
}
.tabbable::before, .tabbable::after {
content: "";
display: table;
line-height: 0;
}
.tabbable::after {
clear: both;
}
.tab-content {
background: none repeat scroll 0 0 #fcfcfc;
border: 1px solid #d5d5d5;
box-shadow: 0 1px 0 #fff inset, 0 1px 1px #ececec;
margin-top: 1px;
overflow: auto;
padding: 14px;
}
.well .tab-content {
background: none repeat scroll 0 0 #ffffff;
}
.right-aligned-tabs > li {
float: right;
}
.right-aligned-tabs > li > a {
border-left: 1px solid #e1e1e1;
border-right: 0 none;
}
.tab-content > .tab-pane, .pill-content > .pill-pane {
display: none;
}
.tab-content > .active, .pill-content > .active {
display: block;
}
.tabs-below > .tab-content {
margin-bottom: 1px;
margin-top: 0;
}
.tabs-right, .tabs-left {
background: none repeat scroll 0 0 #fff;
border: 1px solid #d5d5d5;
box-shadow: 0 1px 1px #ececec;
}
.tabs-left > .nav-tabs {
border-bottom: 1px solid #d5d5d5;
border-right: medium none;
}
.tabs-left .nav-tabs > li > a, .tabs-right .nav-tabs > li > a {
background: linear-gradient(to bottom, #ffffff, #f7f7f7) repeat scroll 0 0 rgba(0, 0, 0, 0);
padding-top: 9px;
}
.tabs-left .nav-tabs > li > a:hover, .tabs-right .nav-tabs > li > a:hover {
background: none repeat scroll 0 0 #fcfcfc;
}
.tabs-left .nav-tabs > li:last-child > a, .tabs-right .nav-tabs > li:last-child > a {
margin-bottom: -1px;
}
.tabs-left .nav-tabs > li:first-child > a, .tabs-right .nav-tabs > li:first-child > a {
border-top: medium none;
}
.tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li {
float: none;
}
.tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a {
border-bottom: 1px solid #dddddd;
border-right: medium none;
margin-right: 0;
min-width: 74px;
}
.tabs-left > .nav-tabs {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: -moz-use-text-color #dddddd -moz-use-text-color -moz-use-text-color;
border-image: none;
border-radius: 3px 0 0 3px;
border-style: none solid none none;
border-width: medium 1px medium medium;
float: left;
}
.tabs-left .nav-tabs > .active > a, .tabs-left .nav-tabs > .active > a:hover {
background: none repeat scroll 0 0 #fff;
box-shadow: 1px 0 0 #f1f1f1;
}
.tabs-left .nav-tabs > .active:first-child > a, .tabs-left .nav-tabs > .active:first-child > a:hover, .tabs-left .nav-tabs > li:first-child > a {
}
.tabs-right > .nav-tabs {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color #d5d5d5;
border-image: none;
border-style: none none none solid;
border-width: medium medium medium 1px;
float: right;
}
.tabs-right .nav-tabs > .active > a, .tabs-right .nav-tabs > .active > a:hover {
background: none repeat scroll 0 0 #fff;
box-shadow: -1px 0 0 #f1f1f1;
}
.tabs-right .nav-tabs > .active:first-child > a, .tabs-right .nav-tabs > .active:first-child > a:hover, .tabs-right .nav-tabs > li:first-child > a {
border-radius: 0 3px 0 0;
}
.tabs-right .tab-content, .tabs-left .tab-content {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border: medium none;
box-shadow: none;
margin-top: 0;
}
.navbar {
margin-bottom: 1px;
}
.navbar-inner {
background: linear-gradient(to bottom, #ffffff, #f7f7f7) repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 1px solid #d5d5d5;
padding-left: 14px;
position: relative;
}
.navbar-inner h6 {
color: #333333;
display: block;
float: left;
font-family: "Open Sans",sans-serif;
font-size: 13px;
font-weight: 600;
margin: 0;
padding: 9px 14px 9px 0;
}
.navbar-inner h6 label {
cursor: pointer;
font-weight: 600;
margin: 0;
}
.navbar-inner h6 [class^="icon-"], .navbar-inner h6 [class*=" icon-"] {
color: #676767;
display: block;
float: left;
font-size: 14px;
margin-right: 8px;
margin-top: 3px;
}
.navbar-inner h6 [class^="pic-"], .navbar-inner h6 [class*=" pic-"] {
display: block;
float: left;
margin-right: 8px;
margin-top: 3px;
}
.navbar-inner h6 [class^="fam-"], .navbar-inner h6 [class*=" fam-"] {
display: block;
float: left;
margin-right: 8px;
margin-top: 2px;
}
.navbar-inner::before, .navbar-inner::after {
content: "";
display: table;
line-height: 0;
}
.navbar-inner::after {
clear: both;
}
.navbar .container {
width: auto;
}
.nav-collapse.collapse {
height: auto;
overflow: visible;
}
.navbar .brand {
color: #777777;
display: block;
float: left;
font-size: 20px;
font-weight: 200;
margin-left: -20px;
padding: 10px 20px;
text-shadow: 0 1px 0 #ffffff;
}
.navbar .brand:hover {
text-decoration: none;
}
.navbar-text {
color: #777777;
line-height: 40px;
margin-bottom: 0;
}
.navbar-link {
color: #777777;
}
.navbar-link:hover {
color: #333333;
}
.navbar .btn, .navbar .btn-group {
line-height: 13px;
margin: 6px 6px 6px 0;
padding: 6px 10px 5px;
}
.navbar .btn-group .btn, .navbar .input-prepend .btn, .navbar .input-append .btn {
margin-top: 0;
}
.navbar-form {
font-size: 0;
margin-bottom: 0;
}
.navbar-form::before, .navbar-form::after {
content: "";
display: table;
line-height: 0;
}
.navbar-form::after {
clear: both;
}
.navbar-form input {
box-shadow: none;
font-size: 11px;
height: 26px !important;
margin: 5px 6px 6px 0;
padding: 6px 7px;
vertical-align: baseline;
}
.navbar-form input, .navbar-form .btn {
display: inline-block;
}
.navbar .nav {
display: block;
float: left;
left: 0;
margin: 0 10px 0 0;
position: relative;
}
.navbar .nav.pull-right {
float: right;
margin-right: 0;
}
.navbar .nav > li {
border-right: 1px solid #e1e1e1;
float: left;
}
.navbar .nav > li:first-child {
border-left: 1px solid #e1e1e1;
}
.navbar .nav.pull-right > li {
border-left: 1px solid #e1e1e1;
border-right: 0 none;
}
.navbar .nav > li > a {
color: #555;
float: none;
padding: 9px 14px;
text-decoration: none;
}
.navbar .nav > li > a.navbar-icon {
border-left: 0 none;
display: block;
float: left;
padding: 12px;
}
.navbar .nav > li > a.navbar-caret {
border-left: 0 none;
display: block;
float: left;
padding: 9px 12px;
}
.navbar .nav > li > a.navbar-icon i {
font-size: 14px;
margin-right: 0;
}
.navbar .nav > li > a.navbar-caret .caret {
border-bottom-color: #454545;
border-top-color: #454545;
border-width: 5px;
margin-top: 8px;
}
.navbar .nav > li > a:focus, .navbar .nav > li > a:hover {
background-color: #fcfcfc;
color: #4285a7;
}
.navbar .nav > li > a:active {
background-color: #ffffff;
}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
background-color: #ffffff;
color: #999;
}
.navbar .progress {
float: right;
margin: 9px;
width: 40%;
}
.navbar .progress-slim {
margin: 16px 12px;
}
.navbar .label, .navbar .badge {
margin: 9px;
}
.navbar-icons {
float: right;
font-size: 0;
line-height: 1;
margin-right: 8px;
}
.navbar-icons > li {
display: inline-block;
line-height: 1;
}
.navbar-icons > li > a {
display: inline-block;
margin: 12px 4px 6px;
}
.navbar-icons > li > a:hover i {
color: #e03d22;
}
.navbar-icons > li > a > i {
display: block;
font-size: 14px;
margin-right: 0;
margin-top: 0;
transition: all 0.2s ease-in-out 0s;
width: 14px;
}
.loading {
margin: 9px 10px;
white-space: nowrap;
}
.loading > span {
color: #999;
display: inline-block;
font-size: 11px;
font-style: italic;
margin-right: 10px;
}
.loading > img {
display: inline-block;
}
.navbar-icon {
border-left: 1px solid #e2e2e2;
color: #444;
cursor: pointer;
display: block;
float: left;
line-height: 1;
padding: 12px;
}
.navbar-icon.fam {
padding: 11px;
}
.navbar-icon i {
font-size: 14px;
line-height: 1;
margin: 0 !important;
padding: 0 !important;
}
.navbar-icon:hover, .navbar-icon:hover > i {
background-color: #fcfcfc;
color: #676767;
}
.navbar-icon:active, .navbar-icon:active > i {
background-color: #fff;
color: #888;
}
.navbar .navbar-input, .navbar .pick-a-date input {
box-shadow: none;
box-sizing: border-box;
height: auto;
line-height: 13px;
margin: 6px;
padding: 6px 7px 5px;
width: 40%;
}
.navbar .pick-a-date {
float: right;
margin-right: 12px;
white-space: nowrap;
}
.navbar .pick-a-date input {
display: inline-block;
float: none;
width: 100px;
}
.navbar .pick-a-date img {
display: inline-block;
}
.navbar .nav > li > .dropdown-menu::before, .navbar .nav > .dropdown-menu::before {
border-bottom: 5px solid rgba(0, 0, 0, 0.2);
border-left: 5px solid transparent;
border-right: 5px solid transparent;
content: "";
display: inline-block;
left: 11px;
position: absolute;
top: -5px;
}
.navbar .nav > li > .dropdown-menu::after, .navbar .nav > .dropdown-menu::after {
border-bottom: 4px solid #ffffff;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
content: "";
display: inline-block;
left: 12px;
position: absolute;
top: -4px;
}
.navbar .nav li.dropdown > a:hover .caret {
border-bottom-color: #555555;
border-top-color: #555555;
}
.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
background-color: #ffffff;
color: #999999;
}
.navbar .nav li.dropdown > .dropdown-toggle .caret {
border-bottom-color: #777777;
border-top-color: #777777;
}
.navbar .nav li.dropdown.open > .dropdown-toggle .caret, .navbar .nav li.dropdown.active > .dropdown-toggle .caret, .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
border-bottom-color: #999999;
border-top-color: #999999;
}
.navbar .pull-right > li > .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right {
left: auto;
right: -1px;
}
.navbar > li > .dropdown-menu, .navbar .nav > li > .dropdown-menu, .navbar .nav > .dropdown-menu {
margin-top: 2px;
}
.navbar .pull-right > li > .dropdown-menu::before, .navbar .nav > li > .dropdown-menu.pull-right::before, .navbar .nav > .dropdown-menu.pull-right::before, .navbar .nav > .dropdown-menu::before {
left: auto;
right: 13px;
}
.navbar .pull-right > li > .dropdown-menu::after, .navbar .nav > li > .dropdown-menu.pull-right::after, .navbar .nav > .dropdown-menu.pull-right::after, .navbar .nav > .dropdown-menu::after {
left: auto;
right: 14px;
}
.navbar .pull-right > li > .dropdown-menu .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu {
left: auto;
margin-left: 0;
margin-right: -1px;
right: 100%;
}
.navbar-caret {
border-left: 1px solid #e2e2e2;
display: block;
padding: 9px 12px;
}
.nav .dropdown-toggle.navbar-caret .caret {
border-bottom-color: #777777;
border-top-color: #777777;
border-width: 5px;
margin-left: 0;
margin-top: 8px;
}
.navbar-caret:hover {
background-color: #fcfcfc;
}
.navbar-caret:active {
background-color: #fff;
}
.nav .dropdown-toggle.navbar-caret:hover .caret {
border-bottom-color: #676767;
border-top-color: #676767;
}
.nav .dropdown-toggle.navbar-caret:active .caret {
background-color: #fff;
border-bottom-color: #888;
border-top-color: #888;
}
.nav.open .dropdown-toggle {
background-color: #ffffff;
}
.nav.open .navbar-caret .caret, .nav.open .navbar-caret:hover .caret {
border-bottom-color: #999;
border-top-color: #999;
}
.nav.open .navbar-icon i {
color: #999;
}
.widget-title {
background: url("../img/elements/interface/dots.png") repeat-x scroll center bottom rgba(0, 0, 0, 0);
margin: 5px 0 16px;
padding-bottom: 16px;
width: 100%;
}
.widget-title::after {
clear: both;
content: "";
display: block;
}
.widget-title > .widget-name {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
float: left;
margin: 0;
padding: 0;
}
.widget-name {
background: url("../img/elements/interface/dots.png") repeat-x scroll center bottom rgba(0, 0, 0, 0);
color: #303030;
font-family: "Open Sans",sans-serif;
font-weight: 400;
margin: 2px 0 16px;
padding-bottom: 16px;
text-shadow: 0 1px 1px #fff;
}
.widget-name > i {
color: #555;
float: left;
font-size: 14px;
margin-right: 8px;
margin-top: 3px;
}
#sidebar .widget-name {
margin: 0 0 12px;
padding-bottom: 12px;
}
.page-links {
float: right;
}
.page-links a {
margin-left: 10px;
}
.separator {
background: url("../img/elements/interface/dots.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
height: 5px;
margin: 0 0 30px;
}
#sidebar .separator {
margin: 24px 20px 0;
}
.autocomplete-append, .typeahead-append {
height: 34px;
position: relative;
text-align: left;
}
.submit-data {
margin: 12px;
text-align: center;
}
.status {
background: url("../img/elements/interface/form_submitted.png") no-repeat scroll 0 5px rgba(0, 0, 0, 0);
color: #db5843;
display: block;
float: left;
font-family: "Open Sans",sans-serif;
font-size: 12px;
font-weight: 600;
margin: 6px 0;
padding-left: 18px;
}
.widget-chart {
height: 150px;
width: 100%;
}
.scrollspy {
height: 200px;
overflow: auto;
position: relative;
}
fieldset {
border: 0 none;
margin: 0;
padding: 0;
}
.field-icon {
display: block;
font-size: 14px;
line-height: 1;
position: absolute;
right: 8px;
top: 8px;
}
.next-row {
display: block;
margin-top: 10px;
}
label, input, button, select, textarea {
font-weight: normal;
}
input, button, select, textarea {
font-family: Arial,Helvetica,sans-serif;
}
label {
display: block;
margin-bottom: 5px;
}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
color: #555555;
display: inline-block;
font-size: 11px;
height: 30px;
padding: 8px 7px;
vertical-align: middle;
}
textarea {
height: auto;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
outline: 0 none;
}
input[type="radio"], input[type="checkbox"] {
line-height: normal;
margin: 3px 0 0;
}
.controls input[type="file"] {
margin-top: 6px;
}
.multiple {
border: 1px solid #dadada;
font-size: 12px;
height: 200px;
width: 100%;
}
.rtl-inputs [class*="span"], .rtl-inputs [class^="span"] {
float: right !important;
}
select {
height: 30px;
line-height: 30px;
padding: 0;
}
select {
background-color: #ffffff;
border: 1px solid #d5d5d5;
width: 220px;
}
select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
outline: 0 none;
}
.uneditable-input, .uneditable-textarea {
background-color: #fcfcfc;
border-color: #cccccc;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.024) inset;
color: #999999;
cursor: not-allowed;
}
.uneditable-input {
overflow: hidden;
white-space: nowrap;
}
.uneditable-textarea {
height: auto;
width: auto;
}
input:-moz-placeholder, textarea:-moz-placeholder {
color: #999999;
}
.checkbox.disabled, .radio.disabled {
color: #999;
}
.radio input[type="radio"], .checkbox input[type="checkbox"] {
float: left;
margin-right: 8px;
}
.controls > .radio:first-child, .controls > .checkbox:first-child {
padding-top: 5px;
}
.control-group.warning .control-label, .control-group.warning .help-block, .control-group.warning .help-inline {
color: #b85b1e;
}
.control-group.warning .checkbox, .control-group.warning .radio, .control-group.warning input, .control-group.warning select, .control-group.warning textarea {
color: #b85b1e;
}
.control-group.warning input, .control-group.warning select, .control-group.warning textarea {
border-color: #d5bc91;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
}
.control-group.warning input:focus, .control-group.warning select:focus, .control-group.warning textarea:focus {
border-color: #c7b087;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset, 0 0 4px #dbc59e;
}
.control-group.warning .input-prepend .add-on, .control-group.warning .input-append .add-on {
background-color: #fcf8e3;
border-color: #c09853;
color: #c09853;
}
.control-group.error .control-label, .control-group.error .help-block, .control-group.error .help-inline {
color: #a84846;
}
.control-group.error .checkbox, .control-group.error .radio, .control-group.error input, .control-group.error select, .control-group.error textarea {
color: #a84846;
}
.control-group.error input, .control-group.error select, .control-group.error textarea {
border-color: #d79999;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
}
.control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus {
border-color: #cf8887;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset, 0 0 4px #e5acac;
}
.control-group.error .input-prepend .add-on, .control-group.error .input-append .add-on {
background-color: #f2dede;
border-color: #d79999;
color: #a84846;
}
.control-group.success .control-label, .control-group.success .help-block, .control-group.success .help-inline {
color: #468847;
}
.control-group.success .checkbox, .control-group.success .radio, .control-group.success input, .control-group.success select, .control-group.success textarea {
color: #468847;
}
.control-group.success input, .control-group.success select, .control-group.success textarea {
border-color: #7fc280;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
}
.control-group.success input:focus, .control-group.success select:focus, .control-group.success textarea:focus {
border-color: #75b375;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset, 0 0 4px #7aba7b;
}
.control-group.success .input-prepend .add-on, .control-group.success .input-append .add-on {
background-color: #dff0d8;
border-color: #7fc280;
color: #7fc280;
}
.control-group.info .control-label, .control-group.info .help-block, .control-group.info .help-inline {
color: #4285a7;
}
.control-group.info .checkbox, .control-group.info .radio, .control-group.info input, .control-group.info select, .control-group.info textarea {
color: #3a87ad;
}
.control-group.info input, .control-group.info select, .control-group.info textarea {
border-color: #91bed5;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
}
.control-group.info input:focus, .control-group.info select:focus, .control-group.info textarea:focus {
border-color: #87b2c7;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset, 0 0 4px #87b2c7;
}
.control-group.info .input-prepend .add-on, .control-group.info .input-append .add-on {
background-color: #d9edf7;
border-color: #3a87ad;
color: #3a87ad;
}
.input-append, .input-prepend {
font-size: 0;
margin-bottom: 5px;
white-space: nowrap;
}
.input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input {
box-shadow: none;
margin-bottom: 0;
position: relative;
vertical-align: top !important;
}
.input-append input:focus, .input-prepend input:focus, .input-append select:focus, .input-prepend select:focus, .input-append .uneditable-input:focus, .input-prepend .uneditable-input:focus {
z-index: 2;
}
.input-append .add-on, .input-prepend .add-on {
background-color: #fafafa;
border: 1px solid #d5d5d5;
color: #777;
display: inline-block;
font-size: 12px;
font-weight: normal;
height: 20px;
line-height: 20px;
min-width: 16px;
padding: 4px 5px;
text-align: center;
text-shadow: 0 1px 0 #ffffff;
width: auto;
}
.input-append .add-on, .input-prepend .add-on, .input-append .btn, .input-prepend .btn, .input-append .btn-group > .dropdown-toggle, .input-prepend .btn-group > .dropdown-toggle {
vertical-align: top;
}
.input-append .active, .input-prepend .active {
background-color: #a9dba9;
border-color: #46a546;
}
.input-prepend .add-on, .input-prepend .btn {
margin-bottom: 0;
margin-right: -1px;
margin-top: 0;
}
.input-append input, .input-append select, .input-append .uneditable-input {
box-shadow: none;
}
.input-append .add-on, .input-append .btn, .input-append .btn-group {
margin-bottom: 0;
margin-left: -1px;
margin-top: 0;
}
.input-append .dropdown-menu.pull-right {
right: 0;
}
.input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child {
margin-right: -1px;
}
.input-prepend.input-append .dropdown-menu.pull-right {
right: -1px;
}
.input-prepend .dropdown-menu, .input-append .dropdown-menu {
margin-top: 1px;
}
.input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child {
margin-left: -1px;
}
.input-prepend.input-append .btn-group:first-child {
margin-left: 0;
}
.control-group {
border-top: 1px solid #eee;
box-shadow: 0 1px 0 #fff inset;
padding: 18px 16px;
}
.control-group:first-child {
border-top: 0 none;
box-shadow: none;
}
.control-label > i {
margin-right: 6px;
margin-top: 3px;
}
*/