html {
-ms-overflow-style: scrollbar;
}
body {
font-family: 'Muli', sans-serif;
}
html, body {
height: 100%
}
/*--------------------------------------------------------------------
Main layout
--------------------------------------------------------------------*/
header, header nav {
height: 60px
}
header nav {
position: fixed;
width: 100%;
/*padding: 12px 0;*/
top: 0;
z-index: 999
}
.page-body {
position: relative;
/*padding-left:0px*/
/*min-height: 630px;*/
}
.dashboard-menu-bar {
width: 60px;
background: #fff;
position: absolute;
width: auto;
z-index: 99;
top: 0;
padding-top: 68px;
bottom: 0
}
.main-content {
padding-left: 70px;
}
@media(min-width: 1280px) and (max-width:1366px) {
.dashboard-menu-bar {
width: 60px;
background: #fff;
position: absolute;
width: auto;
z-index: 99;
top: 0;
padding-top: 40px;
bottom: 0
}
.main-content {
padding-left: 90px;
}
}
.navbar-nav > li {
padding: 6px 4px
}
.navbar-nav > li > a {
padding: 8px
}
.page-wrap {
min-height: 100%; /* equal to footer height */
margin-bottom: -80px;
background: #f4f3ef;
position: relative
}
.page-wrap:after {
content: "";
display: block;
}
footer, .page-wrap:after {
/*height: 80px;*/
height: 0px;
}
/*--------------------------------------------------------------------
Header
--------------------------------------------------------------------*/
.logo {
display: block;
float: left;
height: 30px;
margin: 12px 0;
}
.logo img {
max-height: 100%;
}
.navbar-toggle {
float: left;
}
.navbar-toggle .icon-bar {
background: #fff;
}
.navbar-header {
float: left
}
.navbar-right {
float: right !important;
margin-right: -15px;
}
.navbar-right .navbar-nav > li {
float: left
}
.navbar-right.nav > li {
float: left
}
h3.title {
margin: 0;
pointer-events: none;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus, .nav > li > a:hover, .nav > li > a:focus {
background: none
}
.navbar-nav > li > a {
border-radius: 50%;
}
.navbar-nav svg path {
fill: #fff !important;
}
/*--------------------------------------------------------------------
Navigation icons
--------------------------------------------------------------------*/
.nav-icon {
background: url(../images/nav-sprite.png) no-repeat;
}
.nav-icon1 {
background: url(../images/wind.png) no-repeat;
}
.navbar-right .nav-icon {
width: 24px;
height: 24px;
display: block
}
.nav-icon.icon-info {
background-position: -5px -770px;
}
.nav-icon.icon-notification {
background-position: -5px -799px;
}
.nav-icon.icon-history {
background-position: -5px -828px;
}
.nav-icon.icon-setting {
background-position: -5px -857px;
}
.nav-icon.icon-user {
background-position: -5px -886px;
}
.nav-icon.icon-more-menu {
background-position: -5px -915px;
width: 18px;
}
/* sidebar icons*/
.dashboard-menu-bar .nav-icon {
width: 30px;
height: 30px;
display: inline-block;
vertical-align: middle
}
.nav-icon.icon-adds {
background-position: -5px -0px
}
.nav a:hover .nav-icon.icon-adds, .nav li.active .nav-icon.icon-adds {
background-position: -5px -35px
}
.nav-icon.icon-nerc-gads {
background-position: -5px -70px
}
.nav a:hover .nav-icon.icon-nerc-gads, .nav li.active .nav-icon.icon-nerc-gads {
background-position: -5px -105px
}
.nav-icon.icon-ra-admin {
background-position: -5px -140px
}
.nav a:hover .nav-icon.icon-ra-admin, .nav li.active .nav-icon.icon-ra-admin {
background-position: -5px -175px
}
.nav-icon.icon-reports {
background-position: -5px -210px
}
.nav a:hover .nav-icon.icon-reports, .nav li.active .nav-icon.icon-reports {
background-position: -5px -245px
}
.nav-icon.icon-events {
background-position: -5px -280px
}
.nav a:hover .nav-icon.icon-events, .nav li.active .nav-icon.icon-events {
background-position: -5px -315px
}
.nav-icon.icon-home {
background-position: -5px -350px
}
.nav a:hover .nav-icon.icon-home, .nav li.active .nav-icon.icon-home {
background-position: -5px -385px
}
.nav-icon.icon-logs {
background-position: -5px -420px
}
.nav a:hover .nav-icon.icon-logs, .nav li.active .nav-icon.icon-logs {
background-position: -5px -455px
}
.nav-icon.icon-ofline-logs {
background-position: -5px -490px
}
.nav a:hover .nav-icon.icon-ofline, .nav li.active .nav-icon.icon-ofline-logs {
background-position: -5px -525px
}
.nav-icon.icon-outages {
background-position: -5px -560px
}
.nav a:hover .nav-icon.icon-outages, .nav li.active .nav-icon.icon-outages {
background-position: -5px -595px
}
.nav-icon.icon-shedule {
background-position: -5px -630px
}
.nav a:hover .nav-icon.icon-shedule, .nav li.active .nav-icon.icon-shedule {
background-position: -5px -665px
}
.nav-icon.icon-tools {
background-position: -5px -700px
}
.nav a:hover .nav-icon.icon-tools, .nav li.active .nav-icon.icon-tools {
background-position: -5px -735px
}
.nav-icon.icon-hawind {
background: url('../images/wind.png') no-repeat;
background-position: -0px -0px
}
.nav a:hover .nav-icon.icon-hawind, .nav li.active .nav-icon.icon-hawind {
background: url('../images/wind.png') no-repeat;
background-position: -0px -30px
}
.nav-icon.icon-gantt {
background: url('/assets/images/gantt.png') no-repeat;
background-position: -0px -0px
}
.nav a:hover .nav-icon.icon-gantt, .nav li.active .nav-icon.icon-gantt {
background: url('../images/gantt.png') no-repeat;
background-position: -0px -30px
}
.nav-icon.icon-transmission {
background: url('/assets/images/transmission.png') no-repeat;
background-position: -0px -0px
}
.nav a:hover .nav-icon.icon-transmission, .nav li.active .nav-icon.icon-transmission {
background: url('../images/transmission.png') no-repeat;
background-position: -0px -30px
}
.nav-icon.icon-transmission2 {
background: url('/assets/images/transmission2.png') no-repeat;
background-position: -0px -0px
}
.nav a:hover .nav-icon.icon-transmission2, .nav li.active .nav-icon.icon-transmission2 {
background: url('../images/transmission2.png') no-repeat;
background-position: -0px -30px
}
.nav-icon.icon-power-plant {
background: url('/assets/images/power-plant.png') no-repeat;
background-position: -0px -0px
}
.nav a:hover .nav-icon.icon-power-plant, .nav li.active .nav-icon.icon-power-plant {
background: url('../images/power-plant.png') no-repeat;
background-position: -0px -30px
}
.nav-icon.icon-time {
background: url('/assets/images/time.png') no-repeat;
background-position: -0px -0px
}
.nav a:hover .nav-icon.icon-time, .nav li.active .nav-icon.icon-time {
background: url('../images/time.png') no-repeat;
background-position: -0px -30px
}
.nav-icon.icon-solar {
background: url('/assets/images/solar.png') no-repeat;
background-position: -0px -0px
}
.nav a:hover .nav-icon.icon-solar, .nav li.active .nav-icon.icon-solar {
background: url('../images/solar.png') no-repeat;
background-position: -0px -30px
}
.nav-icon.icon-renewable {
background: url('/assets/images/renewable.png') no-repeat;
background-position: -0px -0px
}
.nav a:hover .nav-icon.icon-renewable, .nav li.active .nav-icon.icon-renewable {
background: url('../images/renewable.png') no-repeat;
background-position: -0px -30px
}
.nav-icon.icon-hydro {
background: url('/assets/images/hydro.png') no-repeat;
background-position: -0px -0px
}
.nav a:hover .nav-icon.icon-hydro, .nav li.active .nav-icon.icon-hydro {
background: url('../images/hydro.png') no-repeat;
background-position: -0px -30px
}
.nav-icon.icon-location {
background: url('/assets/images/location.png') no-repeat;
background-position: -0px -0px
}
.nav a:hover .nav-icon.icon-location, .nav li.active .nav-icon.icon-location {
background: url('../images/location.png') no-repeat;
background-position: -0px -30px
}
.nav-icon.icon-contact {
background: url('/assets/images/contact-menu.png') no-repeat;
background-position: -0px -0px
}
.nav a:hover .nav-icon.icon-contact, .nav li.active .nav-icon.icon-contact {
background: url('../images/contact-menu.png') no-repeat;
background-position: -0px -30px
}
.nav-icon.icon-role {
background: url('/assets/images/role.png') no-repeat;
background-position: -0px -0px
}
.nav a:hover .nav-icon.icon-role, .nav li.active .nav-icon.icon-role {
background: url('../images/role.png') no-repeat;
background-position: -0px -30px
}
.nav-icon.icon-workflow {
background: url('/assets/images/workflow.png') no-repeat;
background-position: -0px -0px
}
.nav a:hover .nav-icon.icon-workflow, .nav li.active .nav-icon.icon-workflow {
background: url('../images/workflow.png') no-repeat;
background-position: -0px -30px
}
.nav-icon.icon-compliance {
background: url('/assets/images/compliance.png') no-repeat;
background-position: -0px -0px
}
.nav a:hover .nav-icon.icon-compliance, .nav li.active .nav-icon.icon-compliance {
background: url('../images/compliance.png') no-repeat;
background-position: -0px -30px
}
.nav-icon.icon-alarm {
background: url('/assets/images/alarm.png') no-repeat;
background-position: -0px -0px
}
.nav a:hover .nav-icon.icon-alarm, .nav li.active .nav-icon.icon-alarm {
background: url('../images/alarm.png') no-repeat;
background-position: -0px -30px
}
.nav-icon.icon-rossi {
background: url('/assets/images/Rossi.png') no-repeat;
background-position: -0px -0px
}
.nav a:hover .nav-icon.icon-rossi, .nav li.active .nav-icon.icon-rossi {
background: url('../images/Rossi.png') no-repeat;
background-position: -0px -0px
}
.nav-icon.icon-turbine {
background: url('/assets/images/turbine.png') no-repeat;
background-position: -0px -0px
}
.nav a:hover .nav-icon.icon-turbine, .nav li.active .nav-icon.icon-turbine {
background: url('../images/turbine.png') no-repeat;
background-position: -0px -30px
}
.nav-icon.icon-turbine-fault {
background: url('/assets/images/turbine-fault.png') no-repeat;
background-position: -0px -0px
}
.nav a:hover .nav-icon.icon-turbine-fault, .nav li.active .nav-icon.icon-turbine-fault {
background: url('../images/turbine-fault.png') no-repeat;
background-position: -0px -30px
}
.nav-icon.icon-sheets {
background: url('/assets/images/sheets.png') no-repeat;
background-position: -0px -0px
}
.nav a:hover .nav-icon.icon-sheets, .nav li.active .nav-icon.icon-sheets {
background: url('../images/sheets.png') no-repeat;
background-position: -0px -30px
}
.nav-icon.icon-compliance-sheets {
background: url('/assets/images/compliance-sheets.png') no-repeat;
background-position: -0px -0px
}
.nav a:hover .nav-icon.icon-compliance-sheets, .nav li.active .nav-icon.icon-compliance-sheets {
background: url('../images/compliance-sheets.png') no-repeat;
background-position: -0px -30px
}
.nav-icon.icon-schedule {
background: url('/assets/images/schedule.png') no-repeat;
background-position: -0px -0px
}
.nav a:hover .nav-icon.icon-schedule, .nav li.active .nav-icon.icon-schedule {
background: url('../images/schedule.png') no-repeat;
background-position: -0px -30px
}
.nav-icon.icon-portal {
background: url('/assets/images/portal.png') no-repeat;
background-position: -0px -0px
}
.nav a:hover .nav-icon.icon-portal, .nav li.active .nav-icon.icon-portal {
background: url('../images/portal.png') no-repeat;
background-position: -0px -30px
}
.nav-icon.icon-portal2 {
background: url('/assets/images/portal2.png') no-repeat;
background-position: -0px -0px
}
.nav a:hover .nav-icon.icon-portal2, .nav li.active .nav-icon.icon-portal2 {
background: url('../images/portal2.png') no-repeat;
background-position: -0px -30px
}
/*--------------------------------------------------------------------
Left dashboard-menu-bar
--------------------------------------------------------------------*/
.dashboard-menu-bar .nav {
padding: 15px 0;
}
.dashboard-menu-bar .nav li.in-active {
opacity: .4;
pointer-events: none;
}
.dashboard-menu-bar .nav a {
white-space: nowrap;
border-left: 4px solid transparent;
border-right: 4px solid transparent
}
.dashboard-menu-bar .nav a:hover p {
color: #f7a400;
}
.dashboard-menu-bar .nav a:hover path {
fill: #f7a400;
}
.dashboard-menu-bar .nav li.active a {
border-left-color: #f7a400;
}
.dashboard-menu-bar .nav a.active p {
color: #f7a400;
}
.dashboard-menu-bar .nav a.active path, .dashboard-menu-bar .nav a.active rect, .dashboard-menu-bar .nav a.active circle {
fill: #f7a400;
}
.dashboard-menu-bar p {
display: none;
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
margin-left: 15px;
color: #9E9E9E;
vertical-align: middle;
margin-bottom: 0;
}
.dashboard-menu-bar.open p {
display: inline-block;
}
.dashboard-menu-bar.open {
box-shadow: 0 0 3px 3px rgba(0, 0, 0, .2);
}
/*--------------------------------------------------------------------
Form controls
--------------------------------------------------------------------*/
.error-block {
color: #ff0014;
font-weight: bold;
}
/*--------------------------------------------------------------------
Colors
--------------------------------------------------------------------*/
.bg-primary-blue {
background-color: #005091
}
.text-primary-blue {
color: #005091
}
.bg-primary-amber {
background-color: #f7a400
}
.text-primary-amber {
color: #f7a400
}
.bg-blue-600 {
background-color: #1E88E5
}
.bg-blue-pastel {
background-color: #1E77BC
}
.bg-white {
background-color: #fff;
}
.text-white {
color: #fff;
}
.text-grey-50 {
color: #FAFAFA
}
.text-grey-100 {
color: #FCFCFC
}
.text-grey-200 {
color: #EEEEEE
}
.text-grey-300 {
color: #E0E0E0
}
.text-grey-400 {
color: #BDBDBD
}
.text-grey-500 {
color: #9E9E9E
}
.text-grey-600 {
color: #757575
}
.text-grey-700 {
color: #616161
}
.text-grey-800 {
color: #424242
}
.text-grey-900 {
color: #212121
}
.bg-grey-50 {
background-color: #f4f3ef
}
.bg-grey-100 {
background-color: #F5F5F5 !important
}
.bg-grey-200 {
background-color: #EEEEEE !important
}
.bg-grey-300 {
background-color: #E0E0E0
}
.bg-grey-400 {
background-color: #BDBDBD
}
.bg-grey-500 {
background-color: #9E9E9E
}
.bg-grey-600 {
background-color: #757575
}
.bg-grey-700 {
background-color: #616161
}
.bg-grey-800 {
background-color: #424242
}
.bg-grey-900 {
background-color: #212121
}
.bg-red-400 {
background-color: #EF5350
}
.bg-purple-300 {
background-color: #9575CD
}
.bg-green-600 {
background-color: #43A047
}
.bg-yellow-600 {
background-color: #FDD835
}
/*--------------------------------------------------------------------
footer
--------------------------------------------------------------------*/
footer {
border-top: 1px solid #e0e0e0;
padding: 15px 20px;
position: relative;
z-index: 99;
background: #fff;
width: 100%
}
.footer-logo {
margin: 0;
padding: 10px 0;
}
.footer-secondary-text {
margin: 0;
padding-top: 22px;
font-size: 16px;
text-transform: uppercase
}
.copyright {
margin: 0;
padding: 4px 0 15px;
font-size: 16px;
}
/*--------------------------------------------------------------------
compontent
--------------------------------------------------------------------*/
.card {
/*box-shadow: 0 2px 2px rgba(204, 197, 185, 0.5);*/
border: 1px solid #e0e0e0;
background-color: #FFFFFF;
color: #252422;
margin-bottom: 20px;
position: relative;
z-index: 1;
border-radius: 2px
}
.card.with-padding {
padding: 11px
}
.card.with-padding-no-top {
padding-left: 15px;
padding-right: 15px;
padding-bottom: 15px
}
.card-no-margin {
/*box-shadow: 0 2px 2px rgba(204, 197, 185, 0.5);*/
border: 1px solid #e0e0e0;
background-color: #FFFFFF;
color: #252422;
position: relative;
z-index: 1;
border-radius: 2px
}
.card-no-margin.with-padding {
padding: 15px
}
.card-no-margin.wp-no-bottom {
padding-left: 15px;
padding-right: 15px;
padding-top: 15px;
}
.vcard {
border: 1px solid #e0e0e0;
background-color: #FFFFFF;
color: #252422;
position: relative;
border-radius: 2px;
margin-bottom: 5px;
}
.vcard.lp {
padding: 2px 15px;
}
.vcard.wp {
padding: 3px 15px;
}
.card-padding {
padding: 3px 15px;
}
.material-head {
background: #005091;
padding: 20px;
font-size: 18px;
color: rgba(255, 255, 255, 0.87);
}
.material-list {
border: 1px solid #E0E0E0;
background: #fff
}
.material-list li {
padding: 20px;
border-bottom: 1px solid #E0E0E0;
position: relative;
}
.material-list li:last-child {
border-bottom: none
}
.ac-edit-btn {
position: absolute;
right: 20px;
top: 20px;
}
.key-label {
font-size: 20px;
font-weight: bold;
color: #9E9E9E;
}
.value-lebel {
font-size: 16px;
color: #424242
}
.key-label + .value-label {
padding-top: 12px
}
.material-list li .form-group:last-child {
margin-bottom: 0
}
.material-list li .form-group {
padding-top: 15px
}
.form-vertical-element {
margin-top: 8px
}
.security-link {
font-size: 18px;
font-weight: bold;
display: block;
padding: 15px 4px;
}
.user-controls li {
display: block;
float: left;
padding: 3px
}
.user-controls li > a {
display: block;
padding: 3px;
color: #005091
}
.user-controls li > a i {
font-size: 18px;
}
.table-header {
margin-top: 15px
}
.table-header .title {
margin: 0;
padding: 7px 0px;
}
.summary-table {
border: none;
}
.summary-table tr, .summary-table td, .summary-table th {
border-top: 1px solid #ececec;
padding: 8px 6px !important;
}
.load-more-bar {
padding: 2px 0 20px
}
a.primary-btn[role=button] {
display: inline-block;
padding: 10px 20px;
background: #f7a400;
color: #fff;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1.6px;
font-weight: bold;
}
.table-user-action {
white-space: nowrap;
text-align: center;
position: relative
}
.table-user-action i {
display: inline-block;
font-size: 17px;
color: #676767;
padding: 0 4px;
}
.table-user-action i + i {
margin-left: 1px
}
.table-tr-highlighted tr.active td {
background-color: #f2c979 !important
}
.table-tr-highlighted tr:hover td {
background-color: #c4dff7 !important
}
.table-tr-highlighted tr.modified td {
background-color: palegreen !important
}
/*--------------------------------------------------------------------
Log Tickets
--------------------------------------------------------------------*/
.tab-content {
background: #fff;
border: 1px solid #ddd;
border-top: none;
padding: 1px 15px 15px;
}
.form-horizontal .form-group.full-form {
margin-left: 0;
margin-right: 0;
}
.tab-content {
background: #fff;
border: 1px solid #ddd;
border-top: none;
padding: 1px 15px 15px;
}
@media(min-width:0px) and (max-width: 1366px) {
.tab-content {
background: #fff;
border: 1px solid #ddd;
border-top: none;
padding: 1px 15px 15px;
overflow: auto;
}
}
.log-tickets-tabs > li > a {
padding: 10px 20px;
font-size: 16px;
}
.border-bottom-1 {
border-bottom: 1px solid #e4e4e4;
margin-bottom: 15px;
padding-bottom: 15px;
}
.form-horizontal .form-group.full-form {
margin-left: 0;
margin-right: 0
}
.tab-pane {
padding-top: 5px
}
.tab-pane h4 {
margin-top: 0;
font-size: 1.4em;
color: #005091;
}
.list-form > .list-group:not(:last-child) {
margin-bottom: 15px;
padding-bottom: 8px;
border-bottom: 1px solid #F1EAE0;
}
.list-group .num {
margin-right: 10px;
font-weight: bold;
float: left
}
.list-group .num i {
margin-right: 6px;
}
.list-group p {
overflow: hidden
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
background: #f4f3ef;
border: 1px solid #ccc;
}
.btn-row {
padding: 8px 4px;
margin: 0 -4px;
}
.nested-inner-tabs {
padding: 2px !important
}
.btn-secondary {
background-color: #f7a400;
color: #fff;
}
.list-group.border-bottom {
border-bottom: 1px solid #d6d6d6;
padding-bottom: 8px;
}
/*--------------------------------------------------------------------
Site report
--------------------------------------------------------------------*/
.status-list {
margin: -14px -10px;
overflow: hidden
}
.status-list .card {
box-shadow: none
}
.status-list li {
float: left;
padding: 10px;
width: 20%;
}
.status-list li > div {
height: 68px;
}
.status-list .stats-icon {
margin-right: 8px;
}
.status-list .title {
font-size: 17px;
font-weight: bold;
color: #9E9E9E;
padding-top: 6px;
margin-bottom: 2px
}
.status-list .num {
font-size: 20px;
font-weight: bold;
color: #424242;
}
.graph-table td {
padding: 8px !important;
}
.card.with-padding .table {
margin-bottom: 0
}
.btn-file {
position: relative;
overflow: hidden
}
.btn-file input[type=file] {
position: absolute;
top: 0;
right: 0;
min-width: 100%;
min-height: 100%;
text-align: right;
opacity: 0;
background: none;
cursor: inherit;
display: block
}
.file-caption-name {
display: inline-block;
overflow: hidden;
height: 20px;
word-break: break-all
}
.card.with-padding h4 {
margin: 0;
padding-bottom: 10px;
color: #005091;
}
.nav.nav-tabs a {
font-size: 16px;
margin-bottom: 2px;
}
.padding-l-46 {
padding-left: 22px;
}
.icon-more-link a {
padding-right: 0 !important
}
/*--------------------------------------------------------------------
inline icons
--------------------------------------------------------------------*/
.phone-number {
margin-left: 15px;
}
.custom-pagination a {
display: inline-block;
padding: 8px 12px;
font-size: 12px;
cursor: pointer;
font-weight: bold;
background: #f7a400;
color: #fff;
letter-spacing: 1px;
}
/*--------------------------------------------------------------------
Responsive media start
--------------------------------------------------------------------*/
@media(max-width:640px) {
.custom-pagination a {
padding: 8px 6px;
font-size: 10px;
}
.status-list {
margin-bottom: 0
}
.status-list li {
width: 20%
}
.status-list .title {
display: none
}
.status-list li .card {
padding: 5px 0 !important;
}
.status-list .num {
margin: 2px 0
}
.report-text-area {
height: 50px !important;
}
h3.title {
font-size: 18px;
position: relative;
top: 8px;
}
.card h3.title {
font-size: 14px;
position: static;
padding: 8px 0;
}
.card {
margin-bottom: 8px
}
.btn-row {
padding: 0px 4px;
margin: -4px -4px;
}
.page-header-buttons .btn-row {
margin: 10px -4px;
}
}
@media (max-width:821px) {
.main-content {
padding: 0
}
header nav {
padding: 4px 0;
}
header, header nav {
height: 65px;
}
.logo {
height: 20px;
margin: 10px 0;
}
.navbar-toggle {
margin: 4px 4px 0 -10px
}
.navbar-right {
margin: 0 -13px 0 0;
}
.navbar-nav > li {
padding: 0px 4px;
}
.table-user-action {
padding: 0 10px !important;
}
.card {
margin-left: -8px;
margin-right: -8px;
}
.card.with-padding {
padding: 8px;
}
.questionnarie-box {
padding-left: 8px;
padding-right: 8px
}
.card.with-padding .table-responsive {
border: none !important;
}
.page-header {
padding: 15px 0 15px;
margin: -3px 0 12px 0;
position: relative;
}
.table-responsive > .table {
font-size: 12px;
}
.material-list li {
padding: 12px
}
.key-label {
font-size: 18px;
}
.value-lebel {
font-size: 14px
}
.material-head {
padding: 8px 12px
}
.table-user-action .no-hidden-xs {
display: block;
position: absolute;
box-shadow: 0 2px 2px rgba(204, 197, 185, 0.5);
background-color: #FFFFFF;
padding: 10px 15px;
top: 0;
left: 26px;
border-radius: 2px;
border: 1px solid rgba(0,0,0,.2);
}
}
@media (max-width:840px) {
.contact-name {
width: 208px;
}
.phone-number {
margin: 0;
width: 208px;
}
}
@media(max-width:1280px) {
.status-list li {
padding: 5px;
}
.status-list {
margin: 0 -15px;
overflow: hidden;
margin-bottom: 15px;
}
.status-list li .card {
margin: 0;
text-align: center;
padding-top: 10px;
padding-bottom: 1px;
}
.status-list .title {
font-size: 14px
}
.status-list .num {
font-size: 16px;
}
.status-list li > div {
height: auto !important;
}
.status-list .stats-icon {
margin-right: 0;
float: none !important;
width: 48px;
}
}
@media (min-width:1366px) {
.main-content {
/*
padding-left: 88px;
padding-right: 20px;
*/
}
}
@media (min-width:768px) {
.navbar-toggle {
display: block;
}
.list-form .form-inline .form-group {
margin-right: 15px;
}
.nav > li > a:hover, .nav > li > a:focus {
background: rgba(255, 255, 255, 0.1)
}
.hidden-xs-up {
display: none !important
}
}
/*loading css*/
.btn--idle:before, .btn--processing:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 24px;
height: 24px;
margin-top: -13px;
margin-left: -13px;
background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJsb2FkZXItMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQogICB3aWR0aD0iMjVweCIgaGVpZ2h0PSIyNXB4IiB2aWV3Qm94PSIwIDAgNDAgNDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQwIDQwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCiAgPHBhdGggb3BhY2l0eT0iMC4yIiBmaWxsPSIjZmZmIiBkPSJNMjAuMjAxLDUuMTY5Yy04LjI1NCwwLTE0Ljk0Niw2LjY5Mi0xNC45NDYsMTQuOTQ2YzAsOC4yNTUsNi42OTIsMTQuOTQ2LDE0Ljk0NiwxNC45NDYNCiAgICBzMTQuOTQ2LTYuNjkxLDE0Ljk0Ni0xNC45NDZDMzUuMTQ2LDExLjg2MSwyOC40NTUsNS4xNjksMjAuMjAxLDUuMTY5eiBNMjAuMjAxLDMxLjc0OWMtNi40MjUsMC0xMS42MzQtNS4yMDgtMTEuNjM0LTExLjYzNA0KICAgIGMwLTYuNDI1LDUuMjA5LTExLjYzNCwxMS42MzQtMTEuNjM0YzYuNDI1LDAsMTEuNjMzLDUuMjA5LDExLjYzMywxMS42MzRDMzEuODM0LDI2LjU0MSwyNi42MjYsMzEuNzQ5LDIwLjIwMSwzMS43NDl6Ii8+DQogIDxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0yNi4wMTMsMTAuMDQ3bDEuNjU0LTIuODY2Yy0yLjE5OC0xLjI3Mi00Ljc0My0yLjAxMi03LjQ2Ni0yLjAxMmgwdjMuMzEyaDANCiAgICBDMjIuMzIsOC40ODEsMjQuMzAxLDkuMDU3LDI2LjAxMywxMC4wNDd6Ij4NCiAgICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVUeXBlPSJ4bWwiDQogICAgICBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iDQogICAgICB0eXBlPSJyb3RhdGUiDQogICAgICBmcm9tPSIwIDIwIDIwIg0KICAgICAgdG89IjM2MCAyMCAyMCINCiAgICAgIGR1cj0iMC41cyINCiAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+DQogICAgPC9wYXRoPg0KICA8L3N2Zz4=");
}
.btn--idle {
position: relative;
/* Animate in default btn contents */
}
.btn--idle:before {
animation-name: fadeOut;
animation-duration: 200ms;
animation-fill-mode: forwards;
}
.btn--idle > .btn__text {
animation-name: fadeInScale;
animation-delay: 220ms;
animation-duration: 250ms;
animation-fill-mode: both;
}
.btn--processing {
position: relative;
pointer-events: none;
/* Animate out default btn contents */
}
.btn--processing:before {
animation-name: fadeIn;
animation-delay: 320ms;
animation-duration: 500ms;
animation-fill-mode: both;
}
.btn--processing > .btn__text {
display: inline-block;
animation-name: fadeOutScale;
animation-delay: 50ms;
animation-duration: 250ms;
animation-fill-mode: both;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeInScale {
from {
opacity: 0;
transform: scale(0);
}
to {
opacity: 1;
transform: scale(1);
}
}
@keyframes fadeOutScale {
from {
opacity: 1;
transform: scale(1);
}
to {
opacity: 0;
transform: scale(0);
}
}
/*end loading */
.appager {
text-align: right;
padding-right: 15px;
}
.loaderposition {
top: 100%;
}
.logsummaryheader {
padding-top: 0px;
}
.operator-log-table th .glyphicon {
font-size: 10px
}
.page-num input[type=text] {
font-size: 12px;
text-align: center
}
/* my paging*/
.custom-pagination {
white-space: nowrap
}
.custom-pagination > div > div {
display: inline-block;
margin-top: 15px;
}
@media(min-width:768px) {
.appager {
float: right
}
}
/* my paging style end*/
/* popup table*/
.modal-body .table > thead > tr > th, .modal-body .table > tbody > tr > th, .modal-body .table > tfoot > tr > th, .modal-body .table > thead > tr > td, .modal-body .table > tbody > tr > td, .modal-body .table > tfoot > tr > td {
padding: 5px;
}
h3[SummeryHead] {
padding-bottom: 8px;
}
/* popup table edn*/
.operator-log-table td {
font-size: 12px;
}
@media(min-width: 1200px) {
.content.table-responsive.table-full-width {
max-height: calc(100vh - 232px );
/*min-height: calc(100vh - 150px );*/
overflow-x: auto;
}
.mypage {
padding-bottom: 15px
}
}
.same-width-button-70 button {
width: 70px
}
.same-width-tab-100 a[data-toggle] {
width: 100px;
text-align: center
}
.ocotillo-report-table .custom-select {
border: none;
}
@media(min-width:380px) {
.page-header-buttons {
position: relative
}
.page-header-buttons .btn-row {
position: absolute;
right: 0;
top: -80px;
}
.page-header-buttons.btn-w-form .btn-row {
top: -10px
}
}
@media(max-width:640px) {
.page-header-buttons .btn-row {
right: 15px;
top: -70px;
}
}
@media(max-width:379px) {
.page-header-buttons {
margin: 0;
padding: 0 0 12px;
}
.page-header-buttons .btn-row {
margin: 0;
padding: 0
}
.setting-inputs-label {
display: block
}
}
.table-primary-thead {
border-top-color: #337ab7 !important
}
.table-primary-thead th:first-child, .table-primary-thead thead td:first-child {
border-left-color: #337ab7 !important
}
.table-primary-thead th:last-child, .table-primary-thead thead td:last-child {
border-right-color: #337ab7 !important
}
/* .questionnarie-box .form-control {
max-width: 320px
}*/
.questionnarie-box .input-group .form-control {
max-width: none;
}
.input-group-btn .btn + .btn {
border-left: 1px solid #fff
}
.questionnarie-box .qns-num {
display: block;
float: left;
}
.questionnarie-box .qns-num + label {
display: block;
overflow: hidden
}
@media (max-width:768px) {
.nav.nav-tabs a {
width: 220px;
}
}
@media (max-width:480px) {
.nav.nav-tabs a {
width: 186px;
font-size: 13px;
}
}
.red-border-class {
border: 1px solid red !important;
}
.redborder {
outline: 2px solid red;
}
@media (max-width:430px) and (min-width:420px) {
.chart-wrapper {
padding: 24px !important;
}
}
#operatorlogtable td input[type="radio"], #operatorlogtable td input[type="checkbox"] {
margin-top: 3px !important
}
.user-dropdown {
min-width: 100px;
left: auto;
right: 0;
}
.user-dropdown:before {
content: "";
width: 15px;
height: 15px;
background: #ffffff;
float: right;
margin-bottom: -15px;
position: relative;
top: -12px;
left: -12px;
border: 1px solid rgb(224, 224, 224);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
border-right: none;
border-bottom: none;
border-radius: 2px;
}
.user-dropdown-left {
min-width: 100px;
left: 0;
right: auto;
}
.user-dropdown-left:before {
content: "";
width: 15px;
height: 15px;
background: #ffffff;
float: left;
margin-bottom: -15px;
position: relative;
top: -12px;
left: 25px;
border: 1px solid rgb(224, 224, 224);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
border-right: none;
border-bottom: none;
border-radius: 2px;
}
.greencircle {
border-radius: 40%;
font-size: 12px;
color: #fff;
text-align: center;
background-color: green;
padding: 5px;
}
.redcircle {
border-radius: 40%;
font-size: 12px;
color: #fff;
text-align: center;
background-color: red;
padding: 5px;
}
.bluecircle {
border-radius: 40%;
font-size: 12px;
color: #fff;
text-align: center;
background-color: blue;
padding: 5px;
}
.indigocircle {
border-radius: 40%;
font-size: 12px;
color: #fff;
text-align: center;
background-color: indigo;
padding: 5px;
}
.orangecircle {
border-radius: 40%;
font-size: 12px;
color: #fff;
text-align: center;
background-color:orange;
padding: 5px;
}
.tab-status {
padding: 1px 6px;
display: block;
text-align: center;
font-size: 12px;
}
.tab-status-icon .icon-versify {
height: 14px;
width: 14px;
display: inline-block;
margin-right: 2px;
position: relative;
top: -1px;
}
.workflowtabs a[data-toggle="tab"] {
min-width: 180px;
padding: 4px 12px;
text-align: center;
}
.queuetabs a[data-toggle="tab"] {
min-width: 60px;
padding: 4px 12px;
text-align: center;
}
/*Exprot to excel*/
.open-export-dialog {
position: absolute;
z-index: 9;
right: 50px;
top: 58px;
box-shadow: 0 2px 8px 2px rgba(204, 197, 185, 0.5);
border: 1px solid #e0e0e0;
background-color: #FFFFFF;
color: #252422;
min-width: 168px;
}
.open-export-dialog.callout:before {
top: -9px;
left: auto !important;
right: 74px !important;
}
@media (max-width: 767px) {
.open-export-dialog.callout:before {
right: 60px !important;
}
}
.open-export-dialog li {
display: block;
float: none
}
.open-export-dialog li a {
display: block;
padding: 6px 12px;
color: #252422;
}
.open-export-dialog li a i {
margin-right: 15px
}
.icon-excel {
background: url(../images/inline_icons/excel_icon.jpg);
height: 18px;
width: 18px;
display: inline-block;
position: relative;
margin-right: 15px;
background-size: contain;
top: -2px;
vertical-align: middle;
}
/*End Exprot to excel*/
.drop-down-padding {
padding-bottom: 108px;
}
.table-min-height {
min-height: calc(100vh - 150px );
}