Файл: src/public/css/style.css
Строк: 1249
/**/
.wrapper {
/*height:
1170px;*/
}
/**/
*:focus,.form-control:focus,button:focus{
outline:0;
}
.form-control:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
html, body{
height: 100%;
}
body {
font-size:13px;
font-family:'Roboto',Helvetica,sans-serif;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing:
grayscale;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-o-font-smoothing:
antialiased;
}
a,a:hover,a:active,a:focus {
color:#333;
text-decoration:none;
}
.wrapper {
width:100%;
min-height:100%;
display:table;
table-layout:fixed;
position:relative;
background-color:#f5f5f5;
}
.page-container {
display:table-row;
}
.mnavbar{
display:none;
}
aside {
display:table-cell;
vertical-align:top;
width:260px;
background:#263238;
top: 0; left: 0;
}
.logo {
display:block;
height:60px;
width:100%;
background-color:rgba(114,102,186,0.7);
}
.sidebar {
}
.user-panel {
padding:20px;
padding-bottom:0px;
margin-top:20px;
}
.user-avatar
{
display:table-cell;
height:48px;
width:48px;
padding-right:20px;
}
.user-avatar>img {
height:48px;
width:48px;
vertical-align:middle;
}
.user-name {
display:table-cell;
vertical-align:middle;
color:#FFF;
margin-left:20px;
}
.username>.label-name {
font-weight:600;
}
.user-name>.label-logout>a,.user-name>.label-logout
{
font-size:11px;
color:rgba(255,255,255,.8);
;
}
ul.navigation
{
margin:0px;
padding:0px;
margin-top:20px;
}
ul.navigation>li>ul.submenu
{
}
ul.navigation>li,ul.navigation>li>ul.submenu>li {
display:block;
margin-top:0px;
font-weight:bold;
}
ul.navigation>li.active>a,ul.navigation>li.selected>a
{
background:rgba(114,102,186,0.7);
color:#ecf0f1;
}
ul.navigation>li>a:hover,ul.navigation>li>ul.sub-menu>li>a:hover
{
background:#222D33;
color:#ecf0f1;
}
ul.navigation>li.active>a:hover,ul.navigation>li.selected>a:hover
{
background:rgba(114,102,186,0.7);
}
ul.navigation>li.nav-heading
{
color:#BEC0BD;
font-weight:400;
font-size:11px;
padding:10px;
}
ul.navigation>li>a,ul.navigation>li>ul.sub-menu>li>a
{
display:block;
color:#D2D7D3;
margin:0px;
padding:11px;
padding-left:15px;
width:auto;
}
ul.navigation>li>a.sub-ul {
position:relative;
}
ul.navigation>li.active>a.sub-ul:after,ul.navigation>li.selected>a.sub-ul:after
{
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
-o-transform:rotate(90deg);
transform:rotate(90deg);
}
ul.navigation>li>a.sub-ul:after {
content:"\e876";
font-family:'Linearicons-Free';
font-size:11px;
display:block;
position:absolute;
top:50%;
margin-top:-5px;
right:20px;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
-o-transform:rotate(0);
transform:rotate(0);
-webkit-transition:-webkit-transform .2s ease-in-out;
-o-transition:-webkit-transform .2s ease-in-out;
transition:-webkit-transform .2s
ease-in-out;
}
ul.navigation>li>a>.lnr {
font-size:15px;
font-weight:bold;
margin-top:10px;
}
ul.navigation>li>a:hover,ul.navigation>li>a:hover>.lnr,ul.navigation>li>a:focus
{
color:#ecf0f1;
text-decoration:none;
}
span.nav-title {
margin-left:10px;
}
ul.navigation>li>ul.sub-menu {
margin:0px;
padding:0px;
}
ul.navigation>li>ul.sub-menu {
border-bottom:1px
solid rgba(255,255,255,.1);
}
ul.navigation>li>ul.sub-menu>li>a
{
padding-left:30px;
}
ul.navigation>li>ul.sub-menu>li>a {
color: #ecf0f1;
}
/* Page Container Content */
.page-content {
display:table-cell;
vertical-align:top;
left:260px;
width:
100%;
}
/* Section Breadcrumb-line */
.breadcrumb-line {
background-color:#FFF;
border-bottom:1px solid #ddd;
}
.breadcrumb {
background:none;
margin-bottom:0px;
padding:10px 15px;
color:#333;
}
ul.breadcrumb>li>a {
color:#333;
text-decoration: none;
}
/* Section Dashboard */
.dashboard {
padding:
20px;
}
/* Panel */
.panel {
margin-bottom:20px;
background-color:#fff;
border:1px solid #ddd;
border-radius:0px;
}
.panel>.panel-heading {
padding-top:10px;
padding-bottom:10px;
border-bottom:1px solid
#ddd;
}
.panel>.panel-heading>h5 {
font-size:15px;
font-weight:400;
}
.panel>.panel-footer {
border-top:1px solid
#ddd;
overflow:hidden;
border-bottom-right-radius:2px;
border-bottom-left-radius: 2px;
}
/* Panel Divider */
.panel-divider {
margin-bottom:20px!important;
text-align:center;
position:relative;
z-index:13;
}
.panel-divider>.label-date {
background:#F5F5F5;
min-width:100px;
display:inline-block;
color:#909090;
}
.panel-divider>span.label-date:before {
content:"";
position:absolute;
top:50%;
left:0;
height:1px;
background-color:#ddd;
width:100%;
z-index:
-1;
}
/* badges */
.badge-danger {
background-color:#e74c3c;
border-color:#c0392b;
}
.badge-success {
background-color:#27ae60;
border-color:#2ecc71;
}
.badge-pending {
background-color:#2980b9;
border-color:rgba(114,102,186,0.7);
}
.badge-closed {
background-color:#2c3e50;
border-color:#34495e;
}
.badge-duplicate {
background-color:#f39c12;
border-color:#f1c40f;
}
.badge-invalid {
background-color:#d35400;
border-color:#e67e22;
}
.badge-partially-paid
{
background-color:#16a085;
border-color: #1abc9c;
}
/* Status
Marks */
.invoice-status {
border-radius:50%;
display:inline-block;
width:8px;
height:8px;
border:2px
solid;
}
.status-danger {
border-color:#e74c3c;
}
.status-success {
border-color:#2ecc71;
}
.status-pending {
border-color:rgba(114,102,186,0.7);
}
.status-onhold {
border-color:#9b59b6;
}
.status-closed {
border-color:#34495e;
}
.status-duplicate {
border-color:#f1c40f;
}
.status-invalid {
border-color:#e67e22;
}
.status-partially-paid {
border-color:
#1abc9c;
}
/* Invoice Feeds Bar */
.invoice-bar {
margin-bottom:20px;
padding:10px;
background-color:#fff;
border:1px solid #ddd;
border-radius:3px;
height:40px;
}
.invoicebar-text {
float:left;
padding-right:10px;
}
ul.invoicebar-filterize {
float:left;
list-style:none;
padding:0px;
margin:0px;
}
ul.invoicebar-filterize>li>a {
padding:11px;
padding-right:20px;
}
ul.invoicebar-filterize>li>a:after {
content:"\e874";
font-family:'Linearicons-Free';
font-size:11px;
position:relative;
left:10px;
text-outline:5px;
px;
}
ul.invoicebar-filterize>li>a:hover,ul.invoicebar-filterize>li>a:focus,ul.invoicebar-filterize>li>a:active,.invoicebar-order>ul>li:hover
{
background:#f8f8f8;
}
ul.invoicebar-filterize>li>a>.lnr {
font-weight:bold;
}
ul.invoicebar-filterize>li {
display:table-cell;
}
.invoicebar-order {
margin:0;
margin-top:-20px;
float:right!important;
}
.invoicebar-order>ul {
margin:0px;
padding:10px;
list-style:none;
margin-right:-20px;
}
.invoicebar-order>ul>li {
display:table-cell;
padding:10px;
}
.invoicebar-order>ul>li>a
{
padding:11px;
}
.invoicebar-order>ul>li.label-sort:hover {
background:none;
}
ul.dropdown-menu {
margin-top:11px;
border-radius:1px;
border-top:0px;
}
.helper-btns {
display:block;
margin-bottom:10px;
}
.badge {
border-radius:4px;
font-weight:400;
}
.payment-status {
margin-top:2px;
}
.payment-status>.badge {
margin-top:
-2px;
}
/**/
.btn-primary {
color:#fff!important;
background-color:#7266ba;
border-color:#7266ba
}
.btn-primary.active,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open
.dropdown-toggle.btn-primary {
color:#fff!important;
background-color:#6254b2;
border-color:#5a4daa
}
.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled]
.btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled]
.btn-primary:active,fieldset[disabled]
.btn-primary:focus,fieldset[disabled] .btn-primary:hover {
background-color:#7266ba;
border-color:#7266ba
}
.btn-success {
color:#fff!important;
background-color:#27c24c;
border-color:#27c24c
}
.btn-success.active,.btn-success:active,.btn-success:focus,.btn-success:hover,.open
.dropdown-toggle.btn-success {
color:#fff!important;
background-color:#23ad44;
border-color:#20a03f
}
.btn-success.disabled,.btn-success.disabled.active,.btn-success.disabled:active,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled],.btn-success[disabled].active,.btn-success[disabled]:active,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled]
.btn-success,fieldset[disabled] .btn-success.active,fieldset[disabled]
.btn-success:active,fieldset[disabled]
.btn-success:focus,fieldset[disabled] .btn-success:hover {
background-color:#27c24c;
border-color:#27c24c
}
.btn-info {
color:#fff!important;
background-color:#23b7e5;
border-color:#23b7e5
}
.btn-info.active,.btn-info:active,.btn-info:focus,.btn-info:hover,.open
.dropdown-toggle.btn-info {
color:#fff!important;
background-color:#19a9d5;
border-color:#189ec8
}
.btn-info.disabled,.btn-info.disabled.active,.btn-info.disabled:active,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled],.btn-info[disabled].active,.btn-info[disabled]:active,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled]
.btn-info,fieldset[disabled] .btn-info.active,fieldset[disabled]
.btn-info:active,fieldset[disabled] .btn-info:focus,fieldset[disabled]
.btn-info:hover {
background-color:#23b7e5;
border-color:#23b7e5
}
.btn-warning {
color:#fff!important;
background-color:#fad733;
border-color:#fad733
}
.btn-warning.active,.btn-warning:active,.btn-warning:focus,.btn-warning:hover,.open
.dropdown-toggle.btn-warning {
color:#fff!important;
background-color:#f9d21a;
border-color:#f9cf0b
}
.btn-warning.disabled,.btn-warning.disabled.active,.btn-warning.disabled:active,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled],.btn-warning[disabled].active,.btn-warning[disabled]:active,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled]
.btn-warning,fieldset[disabled] .btn-warning.active,fieldset[disabled]
.btn-warning:active,fieldset[disabled]
.btn-warning:focus,fieldset[disabled] .btn-warning:hover {
background-color:#fad733;
border-color:#fad733
}
.btn-danger {
color:#fff!important;
background-color:#f05050;
border-color:#f05050
}
.btn-danger.active,.btn-danger:active,.btn-danger:focus,.btn-danger:hover,.open
.dropdown-toggle.btn-danger {
color:#fff!important;
background-color:#ee3939;
border-color:#ed2a2a
}
.btn-danger.disabled,.btn-danger.disabled.active,.btn-danger.disabled:active,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled],.btn-danger[disabled].active,.btn-danger[disabled]:active,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled]
.btn-danger,fieldset[disabled] .btn-danger.active,fieldset[disabled]
.btn-danger:active,fieldset[disabled] .btn-danger:focus,fieldset[disabled]
.btn-danger:hover {
background-color:#f05050;
border-color:#f05050
}
.btn-dark {
color:#fff!important;
background-color:#3a3f51;
border-color:#3a3f51
}
.btn-dark.active,.btn-dark:active,.btn-dark:focus,.btn-dark:hover,.open
.dropdown-toggle.btn-dark {
color:#fff!important;
background-color:#2f3342;
border-color:#292d39
}
.btn-dark.disabled,.btn-dark.disabled.active,.btn-dark.disabled:active,.btn-dark.disabled:focus,.btn-dark.disabled:hover,.btn-dark[disabled],.btn-dark[disabled].active,.btn-dark[disabled]:active,.btn-dark[disabled]:focus,.btn-dark[disabled]:hover,fieldset[disabled]
.btn-dark,fieldset[disabled] .btn-dark.active,fieldset[disabled]
.btn-dark:active,fieldset[disabled] .btn-dark:focus,fieldset[disabled]
.btn-dark:hover {
background-color:#3a3f51;
border-color:#3a3f51
}
.btn-black {
color:#fff!important;
background-color:#1c2b36;
border-color:#1c2b36
}
.btn-black.active,.btn-black:active,.btn-black:focus,.btn-black:hover,.open
.dropdown-toggle.btn-black {
color:#fff!important;
background-color:#131e25;
border-color:#0e161b
}
.btn-black.disabled,.btn-black.disabled.active,.btn-black.disabled:active,.btn-black.disabled:focus,.btn-black.disabled:hover,.btn-black[disabled],.btn-black[disabled].active,.btn-black[disabled]:active,.btn-black[disabled]:focus,.btn-black[disabled]:hover,fieldset[disabled]
.btn-black,fieldset[disabled] .btn-black.active,fieldset[disabled]
.btn-black:active,fieldset[disabled] .btn-black:focus,fieldset[disabled]
.btn-black:hover {
background-color:#1c2b36;
border-color:#1c2b36
}
.btn-icon {
width:34px;
height:34px;
padding:0!important
}
.btn-icon i {
position:relative;
top:-1px;
line-height:34px
}
.btn-icon.btn-sm {
width:30px;
height:30px
}
.btn-icon.btn-sm i {
line-height:30px
}
.btn-icon.btn-lg
{
width:45px;
height:45px
}
.btn-icon.btn-lg i {
line-height:45px
}
.btn-rounded {
padding-right:15px;
padding-left:15px;
border-radius:50px
}
.btn-rounded.btn-lg {
padding-right:25px;
padding-left:25px
}
.btn>i.pull-left,.btn>i.pull-right {
line-height:1.42857143
}
.btn-block {
padding-right:12px;
padding-left:12px
}
.btn-group-vertical>.btn:first-child:not(:last-child)
{
border-top-right-radius:2px
}
.btn-group-vertical>.btn:last-child:not(:first-child)
{
border-bottom-left-radius:2px
}
.btn-addon i {
position:relative;
float:left;
width:34px;
height:34px;
margin:-7px 12px -7px -12px;
line-height:34px;
background-color:rgba(0,0,0,.1);
border-radius:2px 0 0 2px
}
.btn-addon
i.pull-right {
margin-right:-12px;
margin-left:12px;
border-radius:0 2px 2px 0
}
.btn-addon.btn-sm i {
width:30px;
height:30px;
margin:-6px 10px -6px -10px;
line-height:30px
}
.btn-addon.btn-sm i.pull-right {
margin-right:-10px;
margin-left:10px
}
.btn-addon.btn-lg i {
width:45px;
height:45px;
margin:-11px 16px -11px -16px;
line-height:45px
}
.btn-addon.btn-lg i.pull-right {
margin-right:-16px;
margin-left:16px
}
.btn-addon.btn-default i {
background-color:transparent;
border-right:1px solid
#dee5e7
}
.btn-groups .btn {
margin-bottom:5px
}
.form-control {
box-shadow:none;
border-radius:3px;
outline:none;
}
.form-control:focus,.form-control:active {
outline:
none !important;
}
button{
outline:none !important;
}
.heading-elements
{
background-color: inherit;
position: absolute;
right: 20px;
height: 36px;
margin-top: -24px;
}
.form-horizontal{
margin-top:20px;
}
legend{
display: block;
width: 100%;
padding: 0;
margin-bottom: 20px;
font-size: 12px;
line-height:
inherit;
color: #333;
border: 0;
border-bottom: 1px solid
#e5e5e5;
font-weight: bold;
text-transform:
uppercase;
}
.control-label{
text-align: left !important;
font-weight: 400;
}
.picker {
position:absolute;
text-align:
left;
top: 100%;
width:100%;
margin-top: -1px;
z-index:
990;
-webkit-user-select: none;
user-select:
none;
}
.picker__input {
cursor: default;
}
.picker__holder {
overflow-y: auto;
display: none;
background-color: #fff;
border: 1px solid #ddd;
border-top-width: 0;
border-bottom-width:
0;
max-width: 280px;
max-height: 0;
-webkit-overflow-scrolling:
touch;
}
.picker--opened .picker__holder {
max-height: 480px;
border-top-width: 1px;
border-bottom-width: 1px;
display:
block;
}
.picker__box {
padding: 5px;
}
.picker__header {
text-align: center;
position: relative;
font-size: 15px;
padding-top: 15px;
padding-bottom:
15px;
}
.picker__month,.picker__year {
font-weight: 500;
display:
inline-block;
margin-left: 5px;
margin-right: 5px;
}
.picker__year
{
color: #999;
font-size: 12px;
font-weight:
400;
}
.picker__select--month,.picker__select--year {
border-color:
#ddd;
height: 32px;
font-size: 13px;
line-height: 1.6666667;
margin-left: 5px;
margin-right: 5px;
outline:
0;
}
.picker__select--month {
width: 35%;
}
.picker__select--year {
width: 22.5%;
}
.picker__nav--next,.picker__nav--prev {
position:
absolute;
padding: 8px;
top: 50%;
margin-top: -16px;
border-radius: 2px;
line-height:
1;
}
.picker__nav--next:before,.picker__nav--prev:before {
display:
block;
font-size: 16px;
width: 16px;
text-align: center;
-webkit-font-smoothing:
antialiased;
}
.picker__button--clear:before,.picker__button--close:before,.picker__button--today:before
{
display: inline-block;
margin-right: 5px;
position:
relative;
}
.picker__nav--next:hover,.picker__nav--prev:hover {
cursor: pointer;
background-color: #f5f5f5;
}
.picker__nav--prev {
left: 0;
}
.picker__nav--prev:before {
font-family:
'Linearicons-Free';
content: '\e875';
}
.picker__nav--next {
right: 0;
}
.picker__nav--next:before {
font-family:
'Linearicons-Free';
content:
'\e876';
}
.picker__nav--disabled,.picker__nav--disabled:before,.picker__nav--disabled:before:hover,.picker__nav--disabled:hover
{
cursor: default;
background: 0 0;
border-right-color:
#f5f5f5;
border-left-color: #f5f5f5;
}
.picker__table {
text-align: center;
border-collapse: collapse;
font-size: inherit;
width: 100%;
margin-bottom: 10px;
}
.picker__table td {
margin:
0;
padding: 0;
}
.picker__weekday {
width: 14.285714286%;
font-size: 12px;
text-align: center;
padding-bottom: 10px;
color: #999;
font-weight: 400;
}
.picker__day {
padding:
7px;
}
.picker__day--today {
position: relative;
background-color:
#f5f5f5;
}
.picker__day--today:before {
content: "";
position: absolute;
top: 2px;
right: 2px;
width: 0;
height:
0;
border-top: 6px solid #7266ba;
border-left: 6px solid
transparent;
}
.picker__day--outfocus {
color:
#ccc;
}
.picker__day--infocus:hover,.picker__day--outfocus:hover {
cursor: pointer;
color: #333;
background-color:
#f5f5f5;
}
.picker__day--highlighted:before {
border-top-color:
#fff;
}
.picker__day--highlighted,.picker__day--selected {
border-radius: 3px;
}
.picker--focused
.picker__day--highlighted,.picker__day--highlighted,.picker__day--highlighted:hover
{
cursor: pointer;
color: #fff;
background-color:
#7266ba;
}
.picker--focused
.picker__day--selected,.picker__day--selected,.picker__day--selected:hover
{
background-color: #7266ba;
color:
#fff;
}
.picker__day--disabled,.picker__day--disabled:hover {
background: #fafafa;
color: #999;
cursor:
default;
}
.picker__day--disabled:before {
border-top-color:
#999;
}
.picker__day--highlighted
.picker__day--disabled,.picker__day--highlighted
.picker__day--disabled:hover {
background-color:
#bbb;
}
.picker__footer {
text-align: center;
}
.picker__footer
button {
border: 0;
background: #fff;
padding: 7px 12px;
border-radius: 3px;
font-weight: 500;
cursor: pointer;
display:
inline-block;
}
.picker__footer button:focus,.picker__footer button:hover
{
outline: 0;
background-color: #f5f5f5;
}
.picker__footer
button:before {
height: 0;
}
.picker__button--today:before {
content: '';
top: -1px;
width: 0;
border-top: 6px solid
#2196F3;
border-left: 6px solid
transparent;
}
.picker__button--close:before {
content: '\D7';
top: 1px;
font-size: 16px;
}
.picker__button--clear:before {
content: '';
top: -3px;
width: 8px;
border-top: 2px solid
#F44336;
}
.picker--time {
min-width: 256px;
max-width:
320px;
}
.picker--time .picker__box {
padding: 0;
}
.picker__list {
list-style: none;
padding: 5px 0;
margin: 0;
background-color: #fff;
max-height: 250px;
overflow-y:
auto;
}
.picker__list-item {
position: relative;
padding: 7px
12px;
}
.picker__list-item:focus,.picker__list-item:hover {
cursor:
pointer;
background-color: #f5f5f5;
z-index: 10;
}
.picker--time
.picker__button--clear {
display: block;
width: 100%;
margin:
5px 0 -5px;
padding: 7px 12px;
background-color: #fcfcfc;
outline: 0;
border: 0;
border-top: 1px solid #eee;
text-align:
center;
}
.picker--time .picker__button--clear:focus,.picker--time
.picker__button--clear:hover {
background-color:
#f5f5f5;
}
.picker__list-item--highlighted {
z-index:
10;
}
.picker--focused
.picker__list-item--highlighted,.picker__list-item--highlighted,.picker__list-item--highlighted:hover
{
cursor: pointer;
color: #fff;
background-color:
#7266ba;
}
.picker--focused
.picker__list-item--selected,.picker__list-item--selected,.picker__list-item--selected:hover
{
background-color: #7266ba;
color: #fff;
z-index:
10;
}
.picker--focused
.picker__list-item--disabled,.picker__list-item--disabled,.picker__list-item--disabled:hover
{
background-color: #fafafa;
color: #999;
cursor: default;
z-index: auto;
}
.type-group{
padding: 0px;
background-color:
none;
border: 0px solid #ccc;
}
.my-group >.input-group>
input.form-control{
border-right:0px;
}
.my-group
>.input-group> .type-group > button{
margin-left: 0px;
padding-left: 0px;
border-left: 0px;
padding-left: 20px;
border-radius: 0px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.my-group >.input-group>
.type-group > .dropdown-menu{
margin-top: 0px;
width: 100%;
padding-top: 5px;
}
/* enable absolute positioning */
.inner-addon
{
position: relative;
}
/* style icon */
.inner-addon .lnr {
position: absolute;
padding: 10px;
pointer-events: none;
}
.discount_type{
display:none;
}
/* align icon */
.left-addon
.lnr { left: 0px;}
.right-addon .lnr { right: 0px;}
/* add padding
*/
.left-addon input { padding-left: 30px; }
.right-addon input {
padding-right: 30px; }
h4.single-line{
clear: both;
display: inline-block;
overflow: hidden;
white-space: nowrap;
}
.pagination>.active>a, .pagination>.active>a:focus,
.pagination>.active>a:hover, .pagination>.active>span,
.pagination>.active>span:focus, .pagination>.active>span:hover
{
background-color: #5B5693;
border-color:
#5B5693;
}
.pagination>li>a{
color:#5B5693;
}
.pagination{
font-size:12px;
}
/*Page ends */
.btn:focus {
outline:
none;
}
.form-control:focus,.form-control{
outline:none;
}
.new-row{
margin-right: 20px;
}
.new-row > i
{
font-size:16px;
font-weight: bold;
}
.help-tools{
margin:0px;
padding:0px;
list-style: none;
}
.help-tools > li{
display: inline-table;
color:#CCC;
}
.help-tools > li > a{
padding: 12px;
color:#CCC;
}
.help-tools > li > a > i{
font-size:14px;
}
.help-tools > li > a:hover{
background:#EFEFEF;
color:#333;
}
.help-tools > li:last-child{
margin-right:
-16px;
}
.heading-elements > .btn{
position: relative;
left: 0px;
right: 0px;
float: left;
margin-top: -10px;
margin-right:10px;
}
.heading-elements > .btn > i{
font-size:14px;
}
/* Mobile and Tables */
@media (max-width:
790px) {
.mnavbar{
display:block;
height:45px;
width:100%;
background:#263238;
}
aside{
display:block;
width:100%;
}
.btn{
width:100%;
}
.logo{
text-align: center;
}
.user-panel{
margin:0 auto;
text-align: center;
}
.user-panel,
.sidebar{
/*display:none;*/
}
.page-content{
display:block;
}
}
/*Change it */
.statistic-box.red {
background-color: #fa424a;
background-image:
url(../img/statistic-box-red.png);
}
.statistic-box {
-webkit-border-radius: 4px;
border-radius: 4px;
text-align:
center;
color: #fff;
background: 50% 50% no-repeat;
-o-background-size: cover;
background-size: cover;
margin: 0 0
30px;
}
.statistic-box .number {
font-size: 40px;
line-height: 1;
padding: 32px 0 0;
}
.statistic-box .caption {
font-size: 1.0625rem;
font-weight: 600;
position: relative;
min-height: 35px;
line-height: 1;
}
.statistic-box .percent {
position: absolute;
right: 10px;
bottom: 8px;
text-align: center;
font-size:
.8125rem;
font-weight: 600;
line-height:
1;
}
.statistic-box{-webkit-border-radius:4px;border-radius:4px;text-align:center;color:#fff;background:50%
50% no-repeat;-o-background-size:cover;background-size:cover;margin:0 0
30px}.statistic-box.bg-primary{background-color:#fa424a;background-image:url(../img/primary-box-bg.jpg)}.statistic-box.bg-red{background-color:#ac6bec;background-image:url(../img/red-box-bg.jpg)}.statistic-box.bg-green{background-color:#fdad2a;background-image:url(../img/green-box-bg.jpg)}.statistic-box.bg-blue{background-color:#46c35f;background-image:url(../img/blue-box-bg.jpg)}.statistic-box>div{-webkit-border-radius:inherit;border-radius:inherit;height:142px;background:url(http://themesanytime.com/startui/demo/img/statistic-box-grid.png)
50% 0;-o-background-size:21px 20px;background-size:21px
20px;position:relative}.statistic-box
.number{font-size:40px;line-height:1;padding:32px 0 0}.statistic-box
.caption{font-size:1.0625rem;font-weight:600;position:relative;min-height:35px;line-height:1}.statistic-box
.caption>div{font-size:15px;position:absolute;left:0;bottom:0;width:100%;padding:0
10px}.statistic-box
.percent{position:absolute;right:10px;bottom:8px;text-align:center;font-size:.8125rem;font-weight:600;line-height:1}.statistic-box
.arrow{display:inline-block;width:0;height:0;border-style:solid;border-width:0
7.5px 8px;border-color:transparent transparent #fff;margin:0 0
2px}.statistic-box
.arrow.up{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}.statistic-box
.arrow.down{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.chart-statistic-box{zoom:1;margin:0
0
30px;-webkit-border-radius:4px;border-radius:4px;overflow:hidden}.chart-statistic-box:after{clear:both}.chart-statistic-box
.chart-txt{float:left;width:200px;height:314px;padding:15px
20px;background:#304b58;-webkit-border-radius:4px 0 0 4px;border-radius:4px
0 0 4px;color:#fff;position:relative;z-index:5}.chart-statistic-box
.chart-txt p{margin:0}.chart-statistic-box .chart-txt
.chart-txt-top{text-align:center;margin:0 0 10px}.chart-statistic-box
.chart-txt .chart-txt-top .number,.chart-statistic-box .chart-txt
.chart-txt-top .unit{vertical-align:middle}.chart-statistic-box .chart-txt
.chart-txt-top
.unit{font-weight:300;font-size:1.25rem;color:#929faa;margin:0 .3em 0
0;position:relative;top:-.2em}.chart-statistic-box .chart-txt
.chart-txt-top .number{font-size:2.125rem}.chart-statistic-box .chart-txt
.chart-txt-top .caption{font-weight:600}.chart-statistic-box .chart-txt
.color-purple{color:#b982ef!important}.chart-statistic-box .chart-txt
.tbl-data{width:100%;position:absolute;bottom:15px}.chart-statistic-box
.chart-txt .tbl-data td{vertical-align:top;padding:5px
0}.chart-statistic-box .chart-txt .tbl-data
.price{white-space:nowrap;width:20px;padding-right:10px;font-weight:600}.chart-statistic-box
.chart-container{float:right;width:100%;position:relative;overflow:hidden;-webkit-border-radius:0
4px 4px 0;border-radius:0 4px 4px
0;background:#00a8ff;color:#fff;margin-left:-200px}.chart-statistic-box
.chart-container
.chart-container-in{margin-left:200px;position:relative}.chart-statistic-box
.chart-container
.chart-container-title{position:absolute;top:auto;bottom:20px;left:0;width:100%;text-align:center;font-weight:600;font-size:1.0625rem;z-index:20;color:#fff}.chart-statistic-box
.chart-container .chart-container-x,.chart-statistic-box .chart-container
.chart-container-y{font-size:.6875rem;text-transform:uppercase;font-weight:700;position:absolute;z-index:20}.chart-statistic-box
.chart-container
.chart-container-x{left:0;top:19px;width:100%;text-align:center;zoom:1}.chart-statistic-box
.chart-container .chart-container-x:after{clear:both}.chart-statistic-box
.chart-container .chart-container-x
.item{float:left;width:12.5%;min-height:5px}.chart-statistic-box
.chart-container .chart-container-x .item:first-child,.chart-statistic-box
.chart-container .chart-container-x
.item:last-child{width:6%}.chart-statistic-box .chart-container
.chart-container-y{right:22px;bottom:0;text-align:right;line-height:22px}.chart-statistic-box
.chart-container .chart-container-y
.item{height:22.4px}.chart-statistic-box
.google-visualization-tooltip{-webkit-box-shadow:none!important;box-shadow:none!important;background:0
0!important;color:#fff!important;border:none!important;font-weight:700!important;margin-left:-35px}@media
(max-width:1367px){.chart-statistic-box
.chart-txt{width:170px}.chart-statistic-box
.chart-container{margin-left:-170px}.chart-statistic-box .chart-container
.chart-container-in{margin-left:170px}}@media
(max-width:767px){.chart-statistic-box
.chart-txt{float:none;width:auto;height:auto;margin:0 0
15px;-webkit-border-radius:4px;border-radius:4px}.chart-statistic-box
.chart-txt .tbl-data{position:static}.chart-statistic-box
.chart-container{float:none;width:auto;-webkit-border-radius:4px;border-radius:4px;margin:0}.chart-statistic-box
.chart-container
.chart-container-in{margin:0}}.box-typical{-webkit-border-radius:4px;border-radius:4px;background:#fff;border:1px
solid #d8e2e7;margin:0 0 20px}
.search-bar > .input-group-addon {
background-color: #FFF;
}
.search-bar > .form-control{
border-left:0px;
height: 30px;
}
/* Dropzone */
.dropzone {
border:0px;
}
.dz-default{
width: auto;
height: 215px;
border: 2px dashed #adb7be;
padding: 25px 0 0;
}