/* Minification failed. Returning unminified contents.
(3772,26): run-time error CSS1035: Expected colon, found '{'
(3785,18): run-time error CSS1035: Expected colon, found '{'
*/
body.theme-grey {
background-color: #4d5b69 !important; }
body.theme-grey.login:before {
background: -moz-linear-gradient(top, rgba(54, 64, 74, 0) 0%, rgba(16, 28, 37, 0.65) 100%);
background: -webkit-linear-gradient(top, rgba(54, 64, 74, 0) 0%, rgba(16, 28, 37, 0.65) 100%);
background: linear-gradient(to bottom, rgba(54, 64, 74, 0) 0%, rgba(16, 28, 37, 0.65) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0036404a', endColorstr='#a6101c25',GradientType=0 ); }
body.theme-dark {
background-color: #333 !important; }
body.theme-dark.login:before {
background: -moz-linear-gradient(top, rgba(54, 64, 74, 0) 0%, rgba(22, 22, 22, 0.65) 100%);
background: -webkit-linear-gradient(top, rgba(54, 64, 74, 0) 0%, rgba(22, 22, 22, 0.65) 100%);
background: linear-gradient(to bottom, rgba(54, 64, 74, 0) 0%, rgba(22, 22, 22, 0.65) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0036404a', endColorstr='#a6161616',GradientType=0 ); }
/***
Deep Orange Mint
***/
/* Button */
.deep-orange.btn {
color: #FAFCFB;
background-color: #e84d1c; }
.deep-orange.btn:hover, .deep-orange.btn:focus, .deep-orange.btn:active, .deep-orange.btn.active {
color: #FAFCFB;
background-color: #cc4419; }
.open .deep-orange.btn.dropdown-toggle {
color: #FAFCFB;
background-color: #cc4419; }
.deep-orange.btn:active, .deep-orange.btn.active {
background-image: none;
background-color: #d24215; }
.deep-orange.btn:active:hover, .deep-orange.btn.active:hover {
background-color: #cc4419; }
.open .deep-orange.btn.dropdown-toggle {
background-image: none; }
.deep-orange.btn.disabled, .deep-orange.btn.disabled:hover, .deep-orange.btn.disabled:focus, .deep-orange.btn.disabled:active, .deep-orange.btn.disabled.active, .deep-orange.btn[disabled], .deep-orange.btn[disabled]:hover, .deep-orange.btn[disabled]:focus, .deep-orange.btn[disabled]:active, .deep-orange.btn[disabled].active, fieldset[disabled] .deep-orange.btn, fieldset[disabled] .deep-orange.btn:hover, fieldset[disabled] .deep-orange.btn:focus, fieldset[disabled] .deep-orange.btn:active, fieldset[disabled] .deep-orange.btn.active {
background-color: #e84d1c; }
.deep-orange.btn .badge {
color: #e84d1c;
background-color: #FAFCFB; }
/***
Grey Mint
***/
/* Button */
.grey-mint.btn {
color: #FAFCFB;
background-color: #4d5b69; }
.grey-mint.btn:hover, .grey-mint.btn:focus, .grey-mint.btn:active, .grey-mint.btn.active {
color: #FAFCFB;
background-color: #495663; }
.open .grey-mint.btn.dropdown-toggle {
color: #FAFCFB;
background-color: #495663; }
.grey-mint.btn:active, .grey-mint.btn.active {
background-image: none;
background-color: #44515d; }
.grey-mint.btn:active:hover, .grey-mint.btn.active:hover {
background-color: #495663; }
.open .grey-mint.btn.dropdown-toggle {
background-image: none; }
.grey-mint.btn.disabled, .grey-mint.btn.disabled:hover, .grey-mint.btn.disabled:focus, .grey-mint.btn.disabled:active, .grey-mint.btn.disabled.active, .grey-mint.btn[disabled], .grey-mint.btn[disabled]:hover, .grey-mint.btn[disabled]:focus, .grey-mint.btn[disabled]:active, .grey-mint.btn[disabled].active, fieldset[disabled] .grey-mint.btn, fieldset[disabled] .grey-mint.btn:hover, fieldset[disabled] .grey-mint.btn:focus, fieldset[disabled] .grey-mint.btn:active, fieldset[disabled] .grey-mint.btn.active {
background-color: #4d5b69; }
.grey-mint.btn .badge {
color: #4d5b69;
background-color: #FAFCFB; }
/* Button Strip */
.btn.grey-mint-stripe {
border-left: 3px solid #4d5b69; }
/* Portlet */
.portlet > .portlet-body.grey-mint,
.portlet.grey-mint {
background-color: #4d5b69; }
.portlet.solid.grey-mint > .portlet-title,
.portlet.solid.grey-mint > .portlet-body {
border: 0;
color: #FAFCFB; }
.portlet.solid.grey-mint > .portlet-title > .caption {
font-weight: 400; }
.portlet.solid.grey-mint > .portlet-title > .caption > i {
color: #FAFCFB; }
.portlet.solid.grey-mint > .portlet-title > .tools > a.remove {
background-image: url(/MobileLeads/Assets/img/portlet-remove-icon-white.png); }
.portlet.solid.grey-mint > .portlet-title > .tools > a.config {
background-image: url(/MobileLeads/Assets/img/portlet-config-icon-white.png); }
.portlet.solid.grey-mint > .portlet-title > .tools > a.reload {
background-image: url(/MobileLeads/Assets/img/portlet-reload-icon-white.png); }
.portlet.solid.grey-mint > .portlet-title > .tools > a.expand {
background-image: url(/MobileLeads/Assets/img/portlet-expand-icon-white.png); }
.portlet.solid.grey-mint > .portlet-title > .tools > a.collapse {
background-image: url(/MobileLeads/Assets/img/portlet-collapse-icon-white.png); }
.portlet.solid.grey-mint > .portlet-title > .tools > a.fullscreen {
color: #fdfdfd; }
.portlet.box.grey-mint {
border: 1px solid #bbc5ca;
border-top: 0; }
.portlet.box.grey-mint > .portlet-title {
background-color: #4d5b69; }
.portlet.box.grey-mint > .portlet-title > .caption {
color: #FAFCFB; }
.portlet.box.grey-mint > .portlet-title > .caption > i {
color: #FAFCFB; }
.portlet.box.grey-mint > .portlet-title > .actions .btn-default {
background: transparent !important;
background-color: transparent !important;
border: 1px solid #dde2e5;
color: #eceef0;
box-shadow: none; }
.portlet.box.grey-mint > .portlet-title > .actions .btn-default > i {
color: #f4f6f7; }
.portlet.box.grey-mint > .portlet-title > .actions .btn-default:hover, .portlet.box.grey-mint > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-mint > .portlet-title > .actions .btn-default:active, .portlet.box.grey-mint > .portlet-title > .actions .btn-default.active {
border: 1px solid #fafbfb;
color: white; }
/* Statistic Block */
.dashboard-stat.grey-mint {
background-color: #4d5b69; }
.dashboard-stat.grey-mint.dashboard-stat-light:hover {
background-color: #92a2ab; }
.dashboard-stat.grey-mint .visual > i {
color: #FAFCFB;
opacity: 0.1;
filter: alpha(opacity=10); }
.dashboard-stat.grey-mint .details .number {
color: #FAFCFB; }
.dashboard-stat.grey-mint .details .desc {
color: #FAFCFB;
opacity: 1;
filter: alpha(opacity=100); }
.dashboard-stat.grey-mint .more {
color: #FAFCFB;
background-color: #92a2ab; }
/* General Element */
.bg-grey-mint {
border-color: #4d5b69 !important;
background-image: none !important;
background-color: #4d5b69 !important;
color: #FAFCFB !important; }
/* General Text & Icon Font Colors */
.font-grey-mint {
color: #4d5b69 !important; }
.progress-bar.grey-mint {
background: #4d5b69 !important;
color: #FAFCFB !important; }
/***
White
***/
/* Button */
.white.btn {
color: #333333;
background-color: #FFF; }
.white.btn:hover, .white.btn:focus, .white.btn:active, .white.btn.active {
color: #333333;
background-color: #fafafa; }
.open .white.btn.dropdown-toggle {
color: #333333;
background-color: #fafafa; }
.white.btn:active, .white.btn.active {
background-image: none;
background-color: #dbdbdb; }
.white.btn:active:hover, .white.btn.active:hover {
background-color: #e1e1e1; }
.open .white.btn.dropdown-toggle {
background-image: none; }
.white.btn.disabled, .white.btn.disabled:hover, .white.btn.disabled:focus, .white.btn.disabled:active, .white.btn.disabled.active, .white.btn[disabled], .white.btn[disabled]:hover, .white.btn[disabled]:focus, .white.btn[disabled]:active, .white.btn[disabled].active, fieldset[disabled] .white.btn, fieldset[disabled] .white.btn:hover, fieldset[disabled] .white.btn:focus, fieldset[disabled] .white.btn:active, fieldset[disabled] .white.btn.active {
background-color: #FFF; }
.white.btn .badge {
color: #FFF;
background-color: #333333; }
/* Form Inputs */
input.bg-blue-chambray {
/*-webkit-text-fill-color: #95A5A6 !important;*/ }
input.bg-blue-chambray::-webkit-input-placeholder,
input.bg-blue-chambray:-moz-placeholder,
input.bg-blue-chambray::-moz-placeholder,
input.bg-blue-chambray:-ms-input-placeholder {
/*color: #FFF !important;*/
opacity: 1; }
/* Note Alerts */
.note {
border-left: 5px solid #DDD; }
.note.note-warning {
color: #b18d00;
background-color: #fefaf7;
border-color: #f3cc31; }
.note.note-info {
background-color: #fafcfe;
border-color: #a8c3df;
color: #666; }
.note.note-info .fa {
color: #a8c3df; }
.note > .fa {
margin: 0 10px; }
/* Global styles */
html {
overflow: auto;
/* Scrollbar */
/* Track */
/* Handle */ }
html ::-webkit-scrollbar {
width: 6px;
height: 6px; }
html ::-webkit-scrollbar-track {
border-radius: 10px; }
html ::-webkit-scrollbar-thumb {
position: relative;
opacity: .1;
border-radius: 10px;
background: rgba(0, 0, 0, 0.3); }
body {
/*min-height: 100%;*/
/*background-color: #4d5b69;*/
min-height: 100vh; }
body::-webkit-scrollbar-track {
background-color: #E0E0E0;
border-radius: 0; }
body.page-header-fixed {
padding-top: 0 !important; }
*[ng-if='vd.loggedin.devMode'] {
outline: 1px solid rgba(0, 255, 0, 0.2); }
body.has-modal {
overflow: hidden; }
body.has-modal > [ui-view] {
/*-webkit-transition: -webkit-filter 1s;
transition: filter 1s;*/
-webkit-filter: blur(2px);
filter: blur(2px); }
/* Spinners / Loading / Block-UI */
.page-spinner-bar > div, .block-spinner-bar > div {
background: rgba(0, 0, 0, 0.1); }
.blockUI.blockElement {
/* Sometimes portlet blocking is not vertically-centered */
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%); }
/* Helpers */
.panel-white {
background-color: #FFF;
border: 1px solid #EEE;
border-radius: 6px; }
.panel-white > .row {
margin-left: 0;
margin-right: 0; }
.clear-both {
clear: both; }
/* Anchors */
a.blue-text {
cursor: pointer;
color: #337ab7; }
a.blue-text:hover {
color: #23527c; }
a, [ng-click] {
cursor: pointer; }
a:not([ng-click]), [ng-click]:not([ng-click]) {
color: #337ab7; }
a:not([ng-click]):hover, [ng-click]:not([ng-click]):hover {
color: #23527c; }
a[disabled], [ng-click][disabled] {
opacity: .5;
pointer-events: none; }
.cursor-default {
cursor: default; }
/*sub menu transition */
/*.page-sidebar-menu {
li{
&.open > .sub-menu {
margin-top: 0;
opacity: 1;
transform: scaleY(1);
pointer-events: all;
}
& > .sub-menu {
display: block;
opacity: 0;
margin-top: -10px;
padding: 0;
pointer-events: none;
transform: scaleY(.001);
transform-origin: top;
transition: margin-top .5s, opacity .5s, transform .5s;
transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
}
}*/
/* Generic */
.float-right {
float: right; }
.display-inline-block {
display: inline-block; }
.display-block {
display: block; }
.display-none {
display: none; }
.overflow-auto {
overflow: auto; }
.overflow-visible {
overflow: visible !important; }
.min-height-300 {
min-height: 300px; }
.max-height-300 {
max-height: 300px; }
.max-height-100vh {
max-height: 100vh !important; }
.opacity-1 {
opacity: 1 !important; }
.flex-center {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center; }
/* Generic Spacings */
.margin-0 {
margin: 0 !important; }
.margin-5-percent {
margin: 5% !important; }
.margin-15 {
margin: 15px !important; }
.margin-30 {
margin: 30px !important; }
.margin-60 {
margin: 60px !important; }
.margin-top-0 {
margin-top: 0 !important; }
.margin-top-5 {
margin-top: 5px !important; }
.margin-top-8 {
margin-top: 8px !important; }
.margin-top-10 {
margin-top: 10px !important; }
.margin-top-15 {
margin-top: 15px !important; }
.margin-top-30 {
margin-top: 30px !important; }
.margin-top-45 {
margin-top: 45px !important; }
.margin-top-60 {
margin-top: 60px !important; }
.margin-left-0 {
margin-left: 0 !important; }
.margin-left-5 {
margin-left: 5px !important; }
.margin-left-10 {
margin-left: 10px !important; }
.margin-left-15 {
margin-left: 15px !important; }
.margin-left-20 {
margin-left: 20px !important; }
.margin-left-30 {
margin-left: 30px !important; }
.margin-right-0 {
margin-right: 0 !important; }
.margin-right-5 {
margin-right: 5px !important; }
.margin-right-10 {
margin-right: 10px !important; }
.margin-right-15 {
margin-right: 15px !important; }
.margin-right-20 {
margin-right: 20px !important; }
.margin-right-30 {
margin-right: 30px !important; }
.margin-bottom-0 {
margin-bottom: 0 !important; }
.margin-bottom-50 {
margin-bottom: 50px !important; }
.margin-bottom-100 {
margin-bottom: 100px !important; }
.padding-0 {
padding: 0px !important; }
.padding-5 {
padding: 5px !important; }
.padding-10 {
padding: 10px !important; }
.padding-15 {
padding: 15px !important; }
.padding-20 {
padding: 20px !important; }
.padding-25 {
padding: 25px !important; }
.padding-30 {
padding: 30px !important; }
.padding-60 {
padding: 60px !important; }
.padding-top-0 {
padding-top: 0 !important; }
.padding-top-5 {
padding-top: 5px !important; }
.padding-top-10 {
padding-top: 10px !important; }
.padding-top-15 {
padding-top: 15px !important; }
.padding-top-20 {
padding-top: 20px !important; }
.padding-top-25 {
padding-top: 25px !important; }
.padding-top-30 {
padding-top: 30px !important; }
.padding-top-40 {
padding-top: 40px !important; }
.padding-top-45 {
padding-top: 45px !important; }
.padding-top-50 {
padding-top: 50px !important; }
.padding-top-60 {
padding-top: 60px !important; }
.padding-bottom-0 {
padding-bottom: 0px !important; }
.padding-bottom-5 {
padding-bottom: 5px !important; }
.padding-bottom-10 {
padding-bottom: 10px !important; }
.padding-bottom-15 {
padding-bottom: 15px !important; }
.padding-bottom-16 {
padding-bottom: 16px !important; }
.padding-bottom-20 {
padding-bottom: 20px !important; }
.padding-bottom-25 {
padding-bottom: 25px !important; }
.padding-bottom-30 {
padding-bottom: 30px !important; }
.padding-bottom-60 {
padding-bottom: 60px !important; }
.padding-left-0 {
padding-left: 0px !important; }
.padding-left-5 {
padding-left: 5px !important; }
.padding-left-10 {
padding-left: 10px !important; }
.padding-left-15 {
padding-left: 15px !important; }
.padding-left-20 {
padding-left: 20px !important; }
.padding-left-25 {
padding-left: 25px !important; }
.padding-left-30 {
padding-left: 30px !important; }
.padding-left-60 {
padding-left: 60px !important; }
.padding-right-0 {
padding-right: 0px !important; }
.padding-right-5 {
padding-right: 5px !important; }
.padding-right-10 {
padding-right: 10px !important; }
.padding-right-15 {
padding-right: 15px !important; }
.padding-right-20 {
padding-right: 20px !important; }
.padding-right-25 {
padding-right: 25px !important; }
.padding-right-30 {
padding-right: 30px !important; }
.full-width {
width: 100% !important; }
.auto-width {
width: auto; }
.full-height {
height: 100%; }
/* Rotation */
.rotate-90 {
transform: rotate(90deg); }
/* Backgrounds */
.bg-white {
background-color: #FFF; }
.bg-grey-light {
background-color: #f0f0f0; }
.bg-contain {
background-size: contain !important; }
.bg-inset {
background-color: #f7f7f7;
-webkit-box-shadow: inset 0 15px 30px 0 rgba(0, 0, 0, 0.03);
-moz-box-shadow: inset 0 15px 30px 0 rgba(0, 0, 0, 0.03);
box-shadow: inset 0 15px 30px 0 rgba(0, 0, 0, 0.03);
border-radius: 4px; }
/* Popovers */
.popover {
min-width: 150px; }
/* Generic Fonts */
.font-uppercase {
text-transform: uppercase; }
.font-semi-bold {
font-weight: 400; }
.font-bold {
font-weight: 600; }
.font-ellipsis {
/*display: block;*/
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
max-width: 100%; }
.font-pre-wrap {
white-space: pre-wrap !important; }
.font-line-through {
text-decoration: line-through; }
.no-wrap {
white-space: nowrap !important; }
.font-italic {
font-style: italic; }
.font-grey-mid {
color: #999 !important; }
.font-grey-light {
color: #CCC !important; }
.font-grey-dark {
color: #333 !important; }
.font-12 {
font-size: 12px; }
.font-16 {
font-size: 16px; }
.font-22 {
font-size: 22px; }
.line-height-0 {
line-height: 0px; }
.line-height-34 {
line-height: 34px; }
.error-text {
color: maroon; }
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {
margin-left: 0; }
/* Icons */
.ch-icon {
content: '';
display: inline-block;
height: 16px;
width: 16px;
background-size: contain; }
.ch-icon.ch-icon-key {
content: '';
display: inline-block;
height: 16px;
width: 16px;
background-size: contain;
background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCIgdmlld0JveD0iMCAwIDQ5Ljc3MSA0OS43NzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ5Ljc3MSA0OS43NzE7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBkPSJNMjQuODg0LDBjLTYuNjUsMC0xMi4wNDEsNS4zOTItMTIuMDQxLDEyLjA0MmMwLDQuNzY2LDIuNzc1LDguODcyLDYuNzkxLDEwLjgyNHYyLjgyMWgyLjE2N3YwLjA0M2wtMi4xODgsMi40bDIuMTg4LDEuNjQxICAgdjAuNTcybC0yLjI5MiwyLjQ3N2wyLjI5MiwxLjczNnYwLjQ3NGwtMi4yOTIsMS45NzhsMi4yOTIsMS45MTZ2MC43OTFsLTIuMDgzLDIuMTQ2bDIuMDgzLDIuODEydjEuMjI5bC0yLjI5MiwxbDIuMjkyLDIuODY5aDEuMTg4ICAgaDAuODk2VjI1LjY4OGgxLjIwOXYyNC4wODRoMy42MjVWMjUuNjg4aDEuNDE2di0yLjgyMWM0LjAxNy0xLjk1Miw2Ljc5My02LjA1OSw2Ljc5My0xMC44MjRDMzYuOTI3LDUuMzkyLDMxLjUzNSwwLDI0Ljg4NCwweiAgICBNMjQuODg0LDkuNjY3Yy0xLjc5NSwwLTMuMjUtMS40NTUtMy4yNS0zLjI1czEuNDU1LTMuMjUsMy4yNS0zLjI1czMuMjUsMS40NTUsMy4yNSwzLjI1UzI2LjY3OSw5LjY2NywyNC44ODQsOS42Njd6IiBmaWxsPSIjYzQ5ZjQ3Ii8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==); }
/* Bootstrap Helpers */
.bootstrap-select .dropdown-menu {
max-width: 100vw; }
.row {
/*XXS Portrait Smartphone*/ }
.row .visible-xxs {
display: none !important;
visibility: hidden; }
.row .hidden-xxs {
display: block;
visibility: visible; }
@media screen and (max-width: 479px) {
.row .visible-xxs {
display: block !important;
visibility: visible !important; }
.row .hidden-xxs {
display: none !important;
visibility: hidden !important; }
.row .col-xxs-1,
.row .col-xxs-2,
.row .col-xxs-3,
.row .col-xxs-4,
.row .col-xxs-5,
.row .col-xxs-6,
.row .col-xxs-7,
.row .col-xxs-8,
.row .col-xxs-9,
.row .col-xxs-10,
.row .col-xxs-11,
.row .col-xxs-12 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px; }
.row .col-xxs-1,
.row .col-xxs-2,
.row .col-xxs-3,
.row .col-xxs-4,
.row .col-xxs-5,
.row .col-xxs-6,
.row .col-xxs-7,
.row .col-xxs-8,
.row .col-xxs-9,
.row .col-xxs-10,
.row .col-xxs-11,
.row .col-xxs-12 {
float: left; }
.row .col-xxs-1 {
width: 8.333333333333332%; }
.row .col-xxs-2 {
width: 16.666666666666664%; }
.row .col-xxs-3 {
width: 25%; }
.row .col-xxs-4 {
width: 33.33333333333333%; }
.row .col-xxs-5 {
width: 41.66666666666667%; }
.row .col-xxs-6 {
width: 50%; }
.row .col-xxs-7 {
width: 58.333333333333336%; }
.row .col-xxs-8 {
width: 66.66666666666666%; }
.row .col-xxs-9 {
width: 75%; }
.row .col-xxs-10 {
width: 83.33333333333334%; }
.row .col-xxs-11 {
width: 91.66666666666666%; }
.row .col-xxs-12 {
width: 100%; }
.row .col-xxs-push-1 {
left: 8.333333333333332%; }
.row .col-xxs-push-2 {
left: 16.666666666666664%; }
.row .col-xxs-push-3 {
left: 25%; }
.row .col-xxs-push-4 {
left: 33.33333333333333%; }
.row .col-xxs-push-5 {
left: 41.66666666666667%; }
.row .col-xxs-push-6 {
left: 50%; }
.row .col-xxs-push-7 {
left: 58.333333333333336%; }
.row .col-xxs-push-8 {
left: 66.66666666666666%; }
.row .col-xxs-push-9 {
left: 75%; }
.row .col-xxs-push-10 {
left: 83.33333333333334%; }
.row .col-xxs-push-11 {
left: 91.66666666666666%; }
.row .col-xxs-pull-1 {
right: 8.333333333333332%; }
.row .col-xxs-pull-2 {
right: 16.666666666666664%; }
.row .col-xxs-pull-3 {
right: 25%; }
.row .col-xxs-pull-4 {
right: 33.33333333333333%; }
.row .col-xxs-pull-5 {
right: 41.66666666666667%; }
.row .col-xxs-pull-6 {
right: 50%; }
.row .col-xxs-pull-7 {
right: 58.333333333333336%; }
.row .col-xxs-pull-8 {
right: 66.66666666666666%; }
.row .col-xxs-pull-9 {
right: 75%; }
.row .col-xxs-pull-10 {
right: 83.33333333333334%; }
.row .col-xxs-pull-11 {
right: 91.66666666666666%; } }
/* Info Tooltip */
.info-tooltip {
position: relative;
opacity: .5; }
.info-tooltip .tip {
display: none;
position: absolute;
bottom: 100%;
right: 100%;
padding: 5px 10px;
background: rgba(0, 0, 0, 0.6);
color: #FFF;
font-size: 10px;
border-radius: 3px;
white-space: nowrap; }
.info-tooltip:active, .info-tooltip:hover {
opacity: 1; }
.info-tooltip:active .tip, .info-tooltip:hover .tip {
display: block; }
/* Labels */
.label.label-white {
background-color: #FFF;
color: #333; }
.label.label-primary {
background-color: #578ebe;
color: #FFF; }
.label.label-primary[href]:hover, .label.label-primary[href]:active {
background-color: #23527c;
color: #FFF; }
.label.bg-grey {
color: #333; }
/* Badges */
.badge {
padding: 3px 6px 3px 6px; }
.badge.badge-primary {
background: #578ebe; }
.badge.badge-danger {
background: #D91E18; }
.badge.badge-sub {
color: #999;
background: #EEE; }
/* Filters */
.greyscale {
-moz-filter: url("data:image/svg+xml;utf8,#grayscale");
-o-filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(100%);
/*filter: url("data:image/svg+xml;utf8,#grayscale");*/
filter: gray; }
/* Stat Boxes */
.dashboard-stat {
cursor: default; }
.dashboard-stat .details .number {
padding-top: 18px; }
.dashboard-stat .details .sub-desc {
transition: font-weight .3s;
color: #FFFFFF;
opacity: 1;
font-size: 11px;
text-align: right; }
.dashboard-stat.clickable {
cursor: pointer; }
.dashboard-stat.clickable .visual .fa {
transition: font-size .3s; }
.dashboard-stat.clickable .details .number {
transition: font-weight .5s, padding .3s; }
.dashboard-stat.clickable .details .desc {
transition: font-weight .3s; }
.dashboard-stat.clickable:hover .visual .fa {
font-size: 120px; }
.dashboard-stat.clickable:hover .details .number {
font-weight: 400;
padding-top: 15px; }
.dashboard-stat.clickable:hover .details .desc {
font-weight: 400; }
/* Generic Form */
.form {
position: relative;
/*}*/ }
.form .form-actions {
padding: 15px; }
.form .form-body {
padding-top: 30px;
padding-left: 5vw;
padding-right: 5vw;
padding-bottom: 30px;
min-height: 40px; }
.form label {
line-height: 14px;
color: #AAA; }
.form .input-group {
line-height: 34px; }
.form .input-group.input-group-sm {
line-height: 28px;
height: 28px; }
.form .input-group.input-group-sm .btn,
.form .input-group.input-group-sm > .form-control {
height: 28px; }
.form .input-lg {
font-size: 18px; }
.form .input-hidden {
transition-property: background, border-color, box-shadow;
transition-duration: .5s;
transition-delay: .5s; }
.form .input-hidden[readonly] {
cursor: default;
border-color: transparent !important;
background-color: transparent !important;
box-shadow: none !important; }
.form .input-hidden:not(:hover):not(:focus) {
border-color: transparent;
background-color: transparent;
box-shadow: none; }
.form .input-hidden:focus {
transition: none; }
.form .input-item .radio {
margin-top: -11px;
margin-right: 5px; }
.form .input-icon.left input {
padding-left: 33px; }
.form .input-icon > i.fa {
pointer-events: none;
margin: 2px 2px 0 7px;
line-height: 32px; }
.form .input-icon > i.fa.clear {
pointer-events: all; }
.form .input-icon > i.fa.clear:hover {
color: #337ab7; }
.form .input-icon > .icon-close {
top: 0; }
.form .input-icon.input-icon-sm > i {
margin-left: 4px;
line-height: 26px; }
.form .input-icon.input-icon-sm > .form-control {
padding-left: 15px !important; }
.form .input-icon > i.fa-mobile {
font-size: 21px; }
.form .input-icon > i.fa-envelope,
.form .input-icon > i.fa-building,
.form .input-icon > i.fa-briefcase {
font-size: 14px; }
.form .bootstrap-touchspin {
line-height: 32px; }
.form .bootstrap-touchspin .input-group-btn button {
height: 34px; }
.form .bootstrap-touchspin.input-group-sm {
line-height: 26px; }
.form .bootstrap-touchspin.input-group-sm .input-group-btn button {
height: 28px; }
.form .bootstrap-touchspin.input-group-sm .input-group-addon {
height: 28px;
line-height: 1;
min-width: 26px; }
.form .bootstrap-touchspin.input-group-lg {
line-height: 44px; }
.form .bootstrap-touchspin.input-group-lg .input-group-btn button {
height: 46px; }
.form .bootstrap-touchspin [class^=input-group-]:first-child {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px; }
.form .bootstrap-touchspin [class^=input-group-]:last-child {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px; }
.form .bootstrap-touchspin [class^=input-group-].input-group-btn.disabled + .input-group-addon {
border-color: #E5E5E5; }
.form .bootstrap-touchspin [class^=input-group-].input-group-addon {
border-color: #CCC;
border-right: 0; }
.form .bootstrap-touchspin [class^=input-group-] .btn {
background-color: #f2f3f3;
border: #CCC 1px solid !important; }
.form .bootstrap-touchspin [class^=input-group-] .btn[disabled] {
background-color: #F1F1F1;
border: #E5E5E5 1px solid !important; }
.form .bootstrap-touchspin input.touchspin {
z-index: 3;
position: relative;
text-align: center;
padding-left: 0;
padding-right: 0; }
.form .required {
font-size: inherit; }
.form .fa-asterisk {
/*pointer-events: none;*/
margin-top: 10px;
color: rgba(239, 116, 116, 0.25) !important;
font-size: 16px;
z-index: 3 !important; }
.form .btn {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap; }
.form .bs-select.ng-empty + .bootstrap-select .btn {
color: #AAA; }
.form .btn-group {
/* TenderDetail */ }
.form .btn-group .btn {
float: none;
display: inline-block;
margin-right: -2px; }
.form .btn-group .btn.dropdown-toggle {
text-overflow: initial; }
.form .btn-group .btn.dropdown-toggle > .caret {
font-size: 16px;
color: #b8b8b8; }
.form .btn-group.bs-select {
/*vertical-align: baseline;*/
display: block;
padding-left: 0;
padding-right: 0;
background: transparent; }
.form .btn-group.bs-select.input-sm .btn {
padding: 5px 25px 4px 8px; }
.form .btn-group.bs-select li > a .check-mark {
color: #437cae; }
.form .btn-group.bs-select li.disabled > a {
color: #CCC; }
.form .btn-group.bs-select li.disabled > a .check-mark {
color: #DDD; }
.form .twitter-typeahead {
width: 100%;
display: table !important; }
.form .twitter-typeahead .form-control {
margin: 0 !important; }
.form .twitter-typeahead .tt-hint,
.form .twitter-typeahead .tt-input {
color: #999;
font-size: 14px;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.form .twitter-typeahead .tt-hint[disabled] {
background-color: #fff !important; }
.form .twitter-typeahead .tt-dropdown-menu {
min-width: 160px;
margin-top: -1px;
padding: 5px 0;
background-color: #fff;
border: 1px solid #ebebeb;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
width: 100%;
overflow-y: auto;
max-height: 250px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.18); }
.form .twitter-typeahead .tt-dropdown-menu h3 {
margin: 5px 0;
padding: 6px 12px;
font-size: 18px;
font-weight: 700;
border-bottom: 1px solid #eee; }
.form .twitter-typeahead .modal-open .tt-dropdown-menu {
z-index: 10055 !important; }
.form .twitter-typeahead .tt-suggestion {
padding: 6px 12px;
font-size: 14px;
line-height: 16px; }
.form .twitter-typeahead .tt-suggestion.tt-cursor {
cursor: pointer;
background-color: #eee; }
.form .twitter-typeahead .tt-suggestion p {
margin: 0; }
.form [bootstrap-validation-decorator].has-error input, .form [bootstrap-validation-decorator].has-error select,
.form [bootstrap-validation-decorator].has-error .bs-select .dropdown-toggle {
border: 1px solid darkred !important; }
.form [bootstrap-validation-decorator] .text-danger {
color: darkred; }
.form .form-control[disabled] {
cursor: default; }
.input-group {
width: 100%; }
.input-group-addon {
background-color: #F0F0F0 !important; }
input.form-control[readonly],
input.form-control[type=text],
input.form-control[type=password],
input.form-control[type=email],
input.form-control[type=number],
textarea.form-control,
select.form-control,
.btn.dropdown-toggle.selectpicker {
box-sizing: border-box;
padding-top: 8px;
padding-bottom: 7px;
border-color: #CCC;
border-width: 1px !important;
background-color: #FFF;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-webkit-appearance: none; }
input.form-control[readonly].input-sm,
input.form-control[type=text].input-sm,
input.form-control[type=password].input-sm,
input.form-control[type=email].input-sm,
input.form-control[type=number].input-sm,
textarea.form-control.input-sm,
select.form-control.input-sm,
.btn.dropdown-toggle.selectpicker.input-sm {
padding-top: 5px;
padding-bottom: 5px; }
select.bs-select.form-control {
padding-top: 7px;
background-image: url(/MobileLeads/Assets/lib/metronic-master/theme/assets/global/img/portlet-collapse-icon.png) !important;
background-position: calc(100% - 10px);
background-size: 10px;
background-repeat: no-repeat;
font-family: "Open Sans", sans-serif;
font-size: 14px; }
select.bs-select.form-control:not(select[multiple]) {
height: 34px; }
select.bs-select.form-control::-ms-expand {
display: none; }
select.bs-select.form-control > option {
line-height: 30px;
padding: 5px; }
input.form-control[readonly]:hover,
input.form-control[type=text]:hover,
input.form-control[type=password]:hover,
input.form-control[type=email]:hover,
input.form-control[type=number]:hover,
textarea.form-control:hover,
.btn.dropdown-toggle.selectpicker:hover,
.input-group-btn .btn:hover {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.18);
/*, 0 3px 6px rgba(0, 0, 0, 0.26);*/ }
label[disabled] {
opacity: .37; }
.form-control[disabled],
.btn.dropdown-toggle.selectpicker.disabled {
opacity: .37;
background-color: #EEE !important;
border-color: #CCC;
box-shadow: none !important; }
.input-group-btn:not(:first-child) .btn {
border-left-width: 0 !important; }
.ng-touched.ng-invalid {
/*border-radius: 2px;*/ }
.ng-touched.ng-invalid:not([disabled]):not(.bootstrap-select) {
border: 1px solid darkred !important; }
.ng-touched.ng-invalid + .bootstrap-select {
border: none !important; }
.ng-touched.ng-invalid + .bootstrap-select .btn {
border: 1px solid darkred !important; }
.input-daterange input {
text-align: left; }
.dropdown-menu {
padding: 2px;
line-height: 28px;
z-index: 11000 !important; }
.dropdown-menu label {
line-height: 28px;
padding-right: 15px;
color: #333; }
.dropdown-menu label .radio, .dropdown-menu label .checker {
margin-top: -5px; }
.dropdown-menu .dt-buttons {
float: none; }
.dropdown-menu .dt-buttons .dt-button {
display: block;
width: 100%;
margin: 4px 0;
padding: 0 10px;
font-size: 14px;
font-weight: 300;
text-align: left;
color: #333;
border: none !important;
background: none transparent;
cursor: default; }
.dropdown-menu .dt-buttons .dt-button:hover:not(.disabled) {
background-color: rgba(103, 177, 238, 0.1); }
.dropdown-menu .dt-buttons .dt-button:active, .dropdown-menu .dt-buttons .dt-button.active {
box-shadow: none; }
.dropdown-menu.dropdown-checkboxbuttons .dt-buttons .dt-button {
background-color: transparent; }
.dropdown-menu.dropdown-checkboxbuttons .dt-buttons .dt-button:hover {
background-color: transparent !important;
border: none;
box-shadow: none !important; }
.dropdown-menu.dropdown-checkboxbuttons .dt-buttons .dt-button:before {
position: relative;
display: inline-block;
content: '';
top: 3px;
left: -6px;
width: 18px;
height: 18px;
background-image: url(/MobileLeads/node_modules/jquery.uniform/themes/default/images/sprite.png);
background-repeat: no-repeat;
background-position: 0 -260px; }
.dropdown-menu.dropdown-checkboxbuttons .dt-buttons .dt-button.active:before {
background-position: -76px -260px; }
.dropdown-menu.inner {
box-shadow: none !important; }
.dropdown-menu li a {
display: block; }
.dropdown-menu li.disabled {
pointer-events: none; }
.dropdown-menu li.disabled a {
color: #BBB; }
.btn.btn-default {
background-color: #FFF; }
.btn.no-shadow {
box-shadow: none; }
.date-picker[readonly=readonly],
.date-picker [readonly=readonly], .timepicker[readonly=readonly],
.timepicker [readonly=readonly], .form_datetime[readonly=readonly],
.form_datetime [readonly=readonly], .form-custom-date[readonly=readonly],
.form-custom-date [readonly=readonly] {
cursor: default !important; }
.datepicker-dropdown {
z-index: 11000 !important;
width: 300px; }
.datepicker-dropdown .table-condensed {
width: 100%; }
.bootstrap-timepicker-widget input[type=text] {
padding-left: 0;
padding-right: 0; }
/* iCheck */
div[class*='icheckbox_'],
div[class*='iradio_'] {
top: 0 !important;
height: 34px;
line-height: 24px;
margin: 0;
/* 34x34 square */ }
div[class*='icheckbox_'].icheckbox_line, div[class*='icheckbox_'].iradio_line,
div[class*='iradio_'].icheckbox_line,
div[class*='iradio_'].iradio_line {
border-radius: 2px;
border: 1px solid #CCC;
text-transform: uppercase;
color: #666;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
background-color: #FFF;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
/*, 0 1px 2px rgba(0, 0, 0, 0.18);*/
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
/* Row style */
/* 34x34 square
&.icheckbox_34 {
display: inline-block;
width: 40px;
color: #EEE;
background-color: #FFF;
&.checked {
.icheck_line-icon {
&:before {
color: #578ebe;
}
}
}
.icheck_line-icon {
&:before {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font: normal normal normal 20px/1 FontAwesome;
content: "\f00c";
color: rgba(175, 175, 175, .2);
}
}
}*/ }
div[class*='icheckbox_'].icheckbox_line.hover, div[class*='icheckbox_'].icheckbox_line.checked, div[class*='icheckbox_'].iradio_line.hover, div[class*='icheckbox_'].iradio_line.checked,
div[class*='iradio_'].icheckbox_line.hover,
div[class*='iradio_'].icheckbox_line.checked,
div[class*='iradio_'].iradio_line.hover,
div[class*='iradio_'].iradio_line.checked {
background-color: #FFF; }
div[class*='icheckbox_'].icheckbox_line.hover:hover, div[class*='icheckbox_'].icheckbox_line.checked:hover, div[class*='icheckbox_'].iradio_line.hover:hover, div[class*='icheckbox_'].iradio_line.checked:hover,
div[class*='iradio_'].icheckbox_line.hover:hover,
div[class*='iradio_'].icheckbox_line.checked:hover,
div[class*='iradio_'].iradio_line.hover:hover,
div[class*='iradio_'].iradio_line.checked:hover {
background-color: #FFF; }
div[class*='icheckbox_'].icheckbox_line:hover, div[class*='icheckbox_'].iradio_line:hover,
div[class*='iradio_'].icheckbox_line:hover,
div[class*='iradio_'].iradio_line:hover {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.18);
/*, 0 3px 6px rgba(0, 0, 0, 0.26);*/ }
div[class*='icheckbox_'].icheckbox_line.disabled, div[class*='icheckbox_'].iradio_line.disabled,
div[class*='iradio_'].icheckbox_line.disabled,
div[class*='iradio_'].iradio_line.disabled {
background-color: #e6e6e6;
opacity: .37;
pointer-events: none;
/*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18);*/ }
div[class*='icheckbox_'].icheckbox_line.icheckbox_line, div[class*='icheckbox_'].iradio_line.icheckbox_line,
div[class*='iradio_'].icheckbox_line.icheckbox_line,
div[class*='iradio_'].iradio_line.icheckbox_line {
text-align: center; }
div[class*='icheckbox_'].icheckbox_line.icheckbox_line .icheck_line-icon, div[class*='icheckbox_'].iradio_line.icheckbox_line .icheck_line-icon,
div[class*='iradio_'].icheckbox_line.icheckbox_line .icheck_line-icon,
div[class*='iradio_'].iradio_line.icheckbox_line .icheck_line-icon {
position: absolute;
background: none;
height: 20px;
width: 20px;
margin-top: -10px;
overflow: visible; }
div[class*='icheckbox_'].icheckbox_line.icheckbox_line .icheck_line-icon:before, div[class*='icheckbox_'].iradio_line.icheckbox_line .icheck_line-icon:before,
div[class*='iradio_'].icheckbox_line.icheckbox_line .icheck_line-icon:before,
div[class*='iradio_'].iradio_line.icheckbox_line .icheck_line-icon:before {
position: absolute;
top: 0;
left: 0;
font: normal normal normal 20px/1 FontAwesome;
color: #CCC;
content: "\f00d"; }
div[class*='icheckbox_'].icheckbox_line.icheckbox_line.checked .icheck_line-icon:before, div[class*='icheckbox_'].iradio_line.icheckbox_line.checked .icheck_line-icon:before,
div[class*='iradio_'].icheckbox_line.icheckbox_line.checked .icheck_line-icon:before,
div[class*='iradio_'].iradio_line.icheckbox_line.checked .icheck_line-icon:before {
color: #578ebe;
content: "\f00c";
margin-left: -2px; }
div[class*='icheckbox_'].icheckbox_line.icheckbox_line.yesno .icheck_line-icon:after, div[class*='icheckbox_'].iradio_line.icheckbox_line.yesno .icheck_line-icon:after,
div[class*='iradio_'].icheckbox_line.icheckbox_line.yesno .icheck_line-icon:after,
div[class*='iradio_'].iradio_line.icheckbox_line.yesno .icheck_line-icon:after {
position: absolute;
top: -1px;
left: 25px;
color: #666;
font-size: 12px;
font-weight: 600;
content: "NO"; }
div[class*='icheckbox_'].icheckbox_line.icheckbox_line.yesno.checked .icheck_line-icon:after, div[class*='icheckbox_'].iradio_line.icheckbox_line.yesno.checked .icheck_line-icon:after,
div[class*='iradio_'].icheckbox_line.icheckbox_line.yesno.checked .icheck_line-icon:after,
div[class*='iradio_'].iradio_line.icheckbox_line.yesno.checked .icheck_line-icon:after {
content: "YES"; }
div[class*='icheckbox_'].icheckbox_line.icheckbox_line .checker, div[class*='icheckbox_'].iradio_line.icheckbox_line .checker,
div[class*='iradio_'].icheckbox_line.icheckbox_line .checker,
div[class*='iradio_'].iradio_line.icheckbox_line .checker {
display: none; }
div[class*='icheckbox_'].icheckbox_sm, div[class*='icheckbox_'].icheckbox_lg,
div[class*='iradio_'].icheckbox_sm,
div[class*='iradio_'].icheckbox_lg {
display: block;
width: auto;
background-color: transparent;
white-space: nowrap; }
div[class*='icheckbox_'].icheckbox_sm.icheckbox_sm, div[class*='icheckbox_'].icheckbox_lg.icheckbox_sm,
div[class*='iradio_'].icheckbox_sm.icheckbox_sm,
div[class*='iradio_'].icheckbox_lg.icheckbox_sm {
height: 17px;
line-height: 18px; }
div[class*='icheckbox_'].icheckbox_sm.icheckbox_sm .icheck_line-icon, div[class*='icheckbox_'].icheckbox_lg.icheckbox_sm .icheck_line-icon,
div[class*='iradio_'].icheckbox_sm.icheckbox_sm .icheck_line-icon,
div[class*='iradio_'].icheckbox_lg.icheckbox_sm .icheck_line-icon {
width: 17px;
height: 17px; }
div[class*='icheckbox_'].icheckbox_sm.icheckbox_sm .icheck_line-icon:before, div[class*='icheckbox_'].icheckbox_lg.icheckbox_sm .icheck_line-icon:before,
div[class*='iradio_'].icheckbox_sm.icheckbox_sm .icheck_line-icon:before,
div[class*='iradio_'].icheckbox_lg.icheckbox_sm .icheck_line-icon:before {
font-size: 10px; }
div[class*='icheckbox_'].icheckbox_sm.icheckbox_lg, div[class*='icheckbox_'].icheckbox_lg.icheckbox_lg,
div[class*='iradio_'].icheckbox_sm.icheckbox_lg,
div[class*='iradio_'].icheckbox_lg.icheckbox_lg {
height: 34px;
line-height: 34px; }
div[class*='icheckbox_'].icheckbox_sm.icheckbox_lg .icheck_line-icon, div[class*='icheckbox_'].icheckbox_lg.icheckbox_lg .icheck_line-icon,
div[class*='iradio_'].icheckbox_sm.icheckbox_lg .icheck_line-icon,
div[class*='iradio_'].icheckbox_lg.icheckbox_lg .icheck_line-icon {
width: 34px;
height: 34px; }
div[class*='icheckbox_'].icheckbox_sm.icheckbox_lg .icheck_line-icon:before, div[class*='icheckbox_'].icheckbox_lg.icheckbox_lg .icheck_line-icon:before,
div[class*='iradio_'].icheckbox_sm.icheckbox_lg .icheck_line-icon:before,
div[class*='iradio_'].icheckbox_lg.icheckbox_lg .icheck_line-icon:before {
font-size: 20px; }
div[class*='icheckbox_'].icheckbox_sm .icheck_line-icon, div[class*='icheckbox_'].icheckbox_lg .icheck_line-icon,
div[class*='iradio_'].icheckbox_sm .icheck_line-icon,
div[class*='iradio_'].icheckbox_lg .icheck_line-icon {
float: left;
position: relative;
margin-right: 5px;
background-color: #FFF;
border-radius: 2px;
border: 1px solid #CCC;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
/*, 0 1px 2px rgba(0, 0, 0, 0.18);*/
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
div[class*='icheckbox_'].icheckbox_sm .icheck_line-icon:before, div[class*='icheckbox_'].icheckbox_lg .icheck_line-icon:before,
div[class*='iradio_'].icheckbox_sm .icheck_line-icon:before,
div[class*='iradio_'].icheckbox_lg .icheck_line-icon:before {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font: normal normal normal 10px/1 FontAwesome;
content: "\f00c";
color: rgba(175, 175, 175, 0.2); }
div[class*='icheckbox_'].icheckbox_sm.checked .icheck_line-icon:before, div[class*='icheckbox_'].icheckbox_lg.checked .icheck_line-icon:before,
div[class*='iradio_'].icheckbox_sm.checked .icheck_line-icon:before,
div[class*='iradio_'].icheckbox_lg.checked .icheck_line-icon:before {
color: #578ebe; }
div[class*='icheckbox_'].icheckbox_sm.disabled > .icheck_line-icon, div[class*='icheckbox_'].icheckbox_lg.disabled > .icheck_line-icon,
div[class*='iradio_'].icheckbox_sm.disabled > .icheck_line-icon,
div[class*='iradio_'].icheckbox_lg.disabled > .icheck_line-icon {
background-color: #EEE;
border-color: #CCC;
opacity: .37;
box-shadow: none; }
div[class*='icheckbox_'].icheckbox_sm.hover, div[class*='icheckbox_'].icheckbox_lg.hover,
div[class*='iradio_'].icheckbox_sm.hover,
div[class*='iradio_'].icheckbox_lg.hover {
background-color: transparent; }
/* Radio */
.mt-radio-list .mt-radio {
display: block;
margin: 0 0 15px; }
.mt-radio-list .mt-radio .radio {
margin: -2px 5px 0 0; }
/* Range Slider */
.irs-slider.state_hover, .irs-slider:hover {
background-position: 0 -120px; }
.portlet .irs {
height: 34px; }
.portlet .irs .irs-line, .portlet .irs .irs-diapason {
top: 19px; }
.portlet .irs .irs-line {
background-color: #fff;
border: 1px solid #CCC;
border-radius: 4px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
transition: box-shadow .3s; }
.portlet .irs .irs-line > * {
background-image: none; }
.portlet .irs:hover .irs-line {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.18); }
.portlet .irs .irs-bar {
top: 19px;
background-image: none;
/*background-color: #437cae;*/
border: 1px solid #7294b2; }
.portlet .irs .irs-slider {
top: 12px;
border: none;
border-radius: 50%;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
background-image: none;
background-color: #EEE;
border: 1px solid #AAA; }
.portlet .irs .irs-slider:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
height: 8px;
width: 8px;
border-radius: 50%;
transform: translate(-50%, -50%);
background-color: #FFF;
border: 1px solid #AAA;
transition: all .3s; }
.portlet .irs .irs-slider:hover {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.18); }
.portlet .irs .irs-slider:hover:after {
border: 1px solid #437cae;
background-color: #437cae; }
.portlet .irs .irs-diapason {
background-image: none;
background-color: #CCC;
/*#437cae;*/
border: 1px solid #AAA; }
/* Editable-Dropdown */
.editable-select > input[type=text] {
height: 28px; }
.editable-select > input[type=text]:focus + .dropdown-menu {
display: block; }
.editable-select > .dropdown-menu {
overflow-y: auto;
max-height: 300px;
width: 650px; }
.editable-select > .dropdown-menu:hover {
cursor: pointer; }
.editable-select > .dropdown-menu li {
padding-left: 10px; }
.editable-select > .dropdown-menu li:hover {
background-color: #eeeeee; }
/* Swiper Slideshows */
.swiper-container .swiper-wrapper .swiper-slide {
background-position: center;
background-size: cover;
background-repeat: no-repeat; }
.swiper-container .swiper-wrapper .swiper-slide.no-photo {
opacity: .2; }
.swiper-container .swiper-pagination .swiper-pagination-bullet {
width: 10px;
height: 10px;
border: 1px solid #FFF;
background: #007aff !important;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
transform: scale(0.7);
transition: opacity .3s, transform .3s; }
.swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
transform: scale(1); }
/* Layout Header */
.page-header.navbar {
height: auto;
background: #FFF;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
/*.page-top {*/
/*}*/ }
.page-header.navbar .page-logo {
width: 137px;
background: transparent none; }
.page-header.navbar .page-logo .logo-default {
width: 60px;
height: 60px;
margin: 3px 0 0 0; }
.page-header.navbar .page-logo .menu-toggler {
/*background: transparent none;
.fa {
font-size: 20px;
color: #CCC;
}*/ }
.page-header.navbar .menu-toggler {
background-position: center;
background-repeat: no-repeat;
background-image: url(/MobileLeads/Assets/lib/metronic-master/theme/assets/admin/layout2/img/sidebar-toggler-inverse.png) !important; }
.page-header.navbar .menu-toggler.responsive-toggler {
margin-right: 25px; }
.page-header.navbar .page-actions {
float: right;
margin: 17px 15px 15px 0; }
.page-header.navbar .search-form, .page-header.navbar .search-form.open {
width: 40vw !important;
margin: 17px 0 0 15px !important;
/*&.open {
position: relative;
top: auto;
left: auto;
right: auto;
}*/ }
.page-header.navbar .search-form .input-icon .form-control, .page-header.navbar .search-form.open .input-icon .form-control {
/*height: 34px;*/
/*padding: 6px 12px;
border: 1px solid #ccc;*/
padding-left: 30px;
padding-right: 30px; }
.page-header.navbar .search-form .input-icon .icon-close, .page-header.navbar .search-form.open .input-icon .icon-close {
opacity: 0;
left: auto;
right: 9px;
top: -1px;
color: #999; }
.page-header.navbar .search-form .input-icon .tt-dropdown-menu, .page-header.navbar .search-form.open .input-icon .tt-dropdown-menu {
/*display: block !important;*/
max-height: 70vh;
border: 1px solid #999;
border-radius: 6px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.22); }
.page-header.navbar .search-form .input-icon .tt-dropdown-menu .tt-suggestion, .page-header.navbar .search-form.open .input-icon .tt-dropdown-menu .tt-suggestion {
margin: 0; }
.page-header.navbar .search-form .input-icon .tt-dropdown-menu .tt-suggestion .row, .page-header.navbar .search-form.open .input-icon .tt-dropdown-menu .tt-suggestion .row {
display: block;
padding: 5px 0;
margin: 0; }
.page-header.navbar .search-form .input-icon .tt-dropdown-menu .tt-suggestion .row .col-xs-2, .page-header.navbar .search-form.open .input-icon .tt-dropdown-menu .tt-suggestion .row .col-xs-2 {
max-width: 60px; }
.page-header.navbar .search-form .input-icon .tt-dropdown-menu .tt-suggestion .row [class*=col], .page-header.navbar .search-form.open .input-icon .tt-dropdown-menu .tt-suggestion .row [class*=col] {
padding: 0; }
.page-header.navbar .search-form .input-icon .tt-dropdown-menu .tt-suggestion .row [class*=col] h4, .page-header.navbar .search-form.open .input-icon .tt-dropdown-menu .tt-suggestion .row [class*=col] h4 {
font-size: 14px;
font-weight: 400;
margin: 0;
padding: 0; }
.page-header.navbar .search-form .input-icon .tt-dropdown-menu .tt-suggestion .row [class*=col] .label, .page-header.navbar .search-form.open .input-icon .tt-dropdown-menu .tt-suggestion .row [class*=col] .label {
top: 4px;
position: relative; }
.page-header.navbar .search-form.dirty .input-icon .icon-close {
opacity: 1 !important; }
@media (max-width: 991px) {
.page-header.navbar .search-form, .page-header.navbar .search-form.open {
clear: both;
position: relative;
left: 0;
right: 0;
width: 90vw !important;
margin: 0 5vw 15px !important; }
.page-header.navbar .page-logo {
width: auto; } }
.page-header.navbar .theme-options {
display: block; }
.page-header.navbar .top-menu ul.navbar-nav .dropdown-user a profile-pic {
margin-top: -40px;
top: 15px; }
.page-header.navbar .top-menu ul.navbar-nav .dropdown-user .badge {
z-index: 1;
top: 14px !important; }
.page-header.navbar .top-menu ul.navbar-nav .dropdown-user.open > .dropdown-menu {
margin-top: 0;
opacity: 1;
transform: scaleY(1);
pointer-events: all; }
.page-header.navbar .top-menu ul.navbar-nav .dropdown-user > .dropdown-menu {
display: block;
opacity: 0;
margin-top: -10px;
width: 350px;
min-width: 300px;
max-width: 400px;
padding: 0;
pointer-events: none;
transform: scaleY(0.001);
transform-origin: top;
transition: margin-top .5s, opacity .5s, transform .5s;
transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); }
.page-header.navbar .top-menu ul.navbar-nav .dropdown-user > .dropdown-menu:after {
border-bottom-color: #4d5a67; }
.page-header.navbar .top-menu ul.navbar-nav .dropdown-user > .dropdown-menu li.dropdown-header {
background: #4d5a67; }
.page-header.navbar .top-menu ul.navbar-nav .dropdown-user > .dropdown-menu li.dropdown-header h3 {
float: none;
color: #FFF;
font-size: 16px;
font-weight: 500;
margin: 0 0 15px; }
.page-header.navbar .top-menu ul.navbar-nav .dropdown-user > .dropdown-menu li.dropdown-header a {
display: inline-block;
position: relative;
right: 0;
font-size: 11px;
padding: 3px 8px 3px 8px; }
.page-header.navbar .top-menu ul.navbar-nav .dropdown-user > .dropdown-menu li.dropdown-header h4 {
margin: 5px 0 0 5px;
font-size: 12px;
color: #b9c5d0; }
.page-header.navbar .top-menu ul.navbar-nav .dropdown-user > .dropdown-menu li.dropdown-sub-header {
padding: 10px;
background-color: #3a4758; }
.page-header.navbar .top-menu ul.navbar-nav .dropdown-user > .dropdown-menu li.dropdown-sub-header a {
position: relative;
right: 0;
color: #FFF;
font-weight: 400;
font-size: 10px;
padding: 3px 8px 3px 8px; }
.page-header.navbar .top-menu ul.navbar-nav .dropdown-user > .dropdown-menu li ul.dropdown-menu-list.outer-list {
max-height: 50vh;
overflow-y: auto;
overflow-x: hidden;
background-color: #3a4758; }
.page-header.navbar .top-menu ul.navbar-nav .dropdown-user > .dropdown-menu li ul.dropdown-menu-list.outer-list ul.inner-list {
padding-right: 0 !important;
padding-left: 0;
list-style: none; }
.page-header.navbar .top-menu ul.navbar-nav .dropdown-user > .dropdown-menu li ul.dropdown-menu-list.outer-list ul.inner-list li.dropdown-header {
background-color: #4d5a67;
color: #acb3b9;
text-align: center;
font-size: 11px;
padding: 0;
padding-bottom: 3px;
padding-top: 3px; }
.page-header.navbar .top-menu ul.navbar-nav .dropdown-user > .dropdown-menu li ul.dropdown-menu-list.outer-list ul.inner-list li.notification-item {
display: flex;
padding: 5px;
border-bottom: solid 1px #4d5a67;
color: #FFF; }
.page-header.navbar .top-menu ul.navbar-nav .dropdown-user > .dropdown-menu li ul.dropdown-menu-list.outer-list ul.inner-list li.notification-item .Meeting-theme {
color: #8775a7 !important; }
.page-header.navbar .top-menu ul.navbar-nav .dropdown-user > .dropdown-menu li ul.dropdown-menu-list.outer-list ul.inner-list li.notification-item .Meeting-theme.label {
color: white !important;
background-color: #8775a7 !important; }
.page-header.navbar .top-menu ul.navbar-nav .dropdown-user > .dropdown-menu li ul.dropdown-menu-list.outer-list ul.inner-list li.notification-item .Note-theme {
color: #E87E04 !important; }
.page-header.navbar .top-menu ul.navbar-nav .dropdown-user > .dropdown-menu li ul.dropdown-menu-list.outer-list ul.inner-list li.notification-item .Note-theme.label {
color: white !important;
background-color: #E87E04 !important; }
.page-header.navbar .top-menu ul.navbar-nav .dropdown-user > .dropdown-menu li ul.dropdown-menu-list.outer-list ul.inner-list li.notification-item .Reminder-theme {
color: #e43a45 !important; }
.page-header.navbar .top-menu ul.navbar-nav .dropdown-user > .dropdown-menu li ul.dropdown-menu-list.outer-list ul.inner-list li.notification-item .Reminder-theme.label {
color: white !important;
background-color: #e43a45 !important; }
.page-header.navbar .top-menu ul.navbar-nav .dropdown-user > .dropdown-menu li ul.dropdown-menu-list.outer-list ul.inner-list li.notification-item .notification-icon {
text-align: center;
padding: 5px; }
.page-header.navbar .top-menu ul.navbar-nav .dropdown-user > .dropdown-menu li ul.dropdown-menu-list.outer-list ul.inner-list li.notification-item .notification-icon .notification-start span {
background-color: #737373;
font-size: 10px;
padding: 4px;
margin: 0px; }
.page-header.navbar .top-menu ul.navbar-nav .dropdown-user > .dropdown-menu li ul.dropdown-menu-list.outer-list ul.inner-list li.notification-item .notification-icon span {
text-align: center;
width: 2em; }
.page-header.navbar .top-menu ul.navbar-nav .dropdown-user > .dropdown-menu li ul.dropdown-menu-list.outer-list ul.inner-list li.notification-item .notification-icon span i {
display: inline-block; }
.page-header.navbar .top-menu ul.navbar-nav .dropdown-user > .dropdown-menu li ul.dropdown-menu-list.outer-list ul.inner-list li.notification-item .notification-icon span i.fa-stack-1x, .page-header.navbar .top-menu ul.navbar-nav .dropdown-user > .dropdown-menu li ul.dropdown-menu-list.outer-list ul.inner-list li.notification-item .notification-icon span .fa-stack-2x {
width: 100%; }
.page-header.navbar .top-menu ul.navbar-nav .dropdown-user > .dropdown-menu li ul.dropdown-menu-list.outer-list ul.inner-list li.notification-item .notification-icon span .fa-circle {
color: #c6c6c6; }
.page-header.navbar .top-menu ul.navbar-nav .dropdown-user > .dropdown-menu li ul.dropdown-menu-list.outer-list ul.inner-list li.notification-item .notification-icon span .type-icon {
color: white; }
.page-header.navbar .top-menu ul.navbar-nav .dropdown-user > .dropdown-menu li ul.dropdown-menu-list.outer-list ul.inner-list li.notification-item .notification-details {
flex: 1;
padding: 0;
color: #FFF;
overflow: hidden; }
.page-header.navbar .top-menu ul.navbar-nav .dropdown-user > .dropdown-menu li ul.dropdown-menu-list.outer-list ul.inner-list li.notification-item .notification-details:hover {
background-color: transparent; }
.page-header.navbar .top-menu ul.navbar-nav .dropdown-user > .dropdown-menu li ul.dropdown-menu-list.outer-list ul.inner-list li.notification-item .notification-details:hover div {
color: #FFF; }
.page-header.navbar .top-menu ul.navbar-nav .dropdown-user > .dropdown-menu li ul.dropdown-menu-list.outer-list ul.inner-list li.notification-item .notification-details .title {
margin: 10px 0 5px; }
.page-header.navbar .top-menu ul.navbar-nav .dropdown-user > .dropdown-menu li ul.dropdown-menu-list.outer-list ul.inner-list li.notification-item .notification-details div {
font-size: 10px;
color: #acb3b9; }
.page-header.navbar .top-menu ul.navbar-nav .dropdown-user > .dropdown-menu li ul.dropdown-menu-list.outer-list ul.inner-list li.notification-item .notification-time {
display: flex; }
.page-header.navbar .top-menu ul.navbar-nav .dropdown-user > .dropdown-menu li ul.dropdown-menu-list.outer-list ul.inner-list li.notification-item .notification-time span {
min-width: 96px;
margin: 5px 3px; }
.page-header.navbar .top-menu ul.navbar-nav .dropdown-user > .dropdown-menu li ul.dropdown-menu-list.outer-list ul.inner-list li.notification-item .notification-actions {
padding: 2px;
text-align: center; }
.page-header.navbar .top-menu ul.navbar-nav .dropdown-user > .dropdown-menu li ul.dropdown-menu-list.outer-list ul.inner-list li.notification-item .notification-actions a {
margin: 0px;
text-align: center;
height: 24px;
line-height: 24px;
font-size: 12px;
padding: 0;
margin-right: 5px; }
.page-header-sub {
height: 30px;
margin: -25px -20px 0;
line-height: 30px;
background: #E9EFF2; }
@media (max-width: 991px) {
.page-header-sub {
margin: -25px -15px 0; } }
.page-header-sub + div[ui-view] {
height: 100%;
padding-top: 30px; }
.page-header-sub .quick-links {
padding: 0 10px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
color: #8797a8; }
.page-header-sub .quick-links a {
text-decoration: none; }
.page-header-sub .quick-links i {
font-size: 12px;
position: relative;
top: -1px; }
.page-header-sub .quick-links .link {
padding: 0 3px; }
.page-header-sub .quick-links .link .remove {
color: #AAA;
opacity: .1; }
.page-header-sub .quick-links .link .remove:hover {
opacity: 1 !important; }
.page-header-sub .quick-links .link:hover .remove {
opacity: .5; }
.page-header-sub .quick-links .add {
color: #AAA;
margin-left: 10px; }
.page-header-sub .quick-links .add:hover {
color: #337ab7; }
.page-footer {
color: #d5dbe0; }
.page-footer > .scroll-to-top {
right: 20px;
bottom: 40px; }
/* Footer Notifications */
#toast-container {
margin: 15px 0 0;
z-index: 10100;
transform: translateZ(10100px);
-webkit-transform: translateZ(10100px); }
#toast-container .toast {
position: relative;
box-sizing: content-box;
width: auto;
max-width: calc(90vw - 85px);
padding: 15px 40px 15px 45px;
margin-top: 10px !important;
font-size: 14px;
font-weight: normal;
word-break: normal;
background-position: 10px 8px;
background-size: 32px;
opacity: .9;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.26), 0 3px 10px rgba(0, 0, 0, 0.42) !important; }
#toast-container .toast .toast-title {
font-size: 12px;
padding: 0 0 5px; }
#toast-container .toast .toast-close-button {
position: absolute;
top: 8px;
right: 9px; }
#toast-container .toast .toast-message {
/*color: #AAA;*/
opacity: .7;
min-height: 17px; }
#toast-container .toast:hover {
opacity: .95; }
/* Header & Footer Toast Notifications */
#toast-container > .toast,
.toast {
position: relative;
font-size: 12px;
font-weight: normal;
background-position: 5px center;
background-size: 32px;
background-repeat: no-repeat;
background-image: none !important; }
#toast-container > .toast:before,
.toast:before {
position: absolute;
top: 11px;
left: 12px;
font: normal normal normal 24px FontAwesome;
opacity: .4;
/*color: #c49f47;
opacity: .3;*/ }
#toast-container > .toast.toast-info,
.toast.toast-info {
background-color: #2C3E50 !important; }
#toast-container > .toast.toast-info:before,
.toast.toast-info:before {
content: "\f05a"; }
#toast-container > .toast.toast-success,
.toast.toast-success {
background-color: #008135 !important; }
#toast-container > .toast.toast-success:before,
.toast.toast-success:before {
content: "\f058"; }
#toast-container > .toast.toast-warning,
.toast.toast-warning {
background-color: #db7600 !important; }
#toast-container > .toast.toast-warning:before,
.toast.toast-warning:before {
content: "\f071"; }
#toast-container > .toast.toast-error:before,
.toast.toast-error:before {
content: "\f05e"; }
#toast-container > .toast.toast-lead,
.toast.toast-lead {
background-color: #000 !important; }
#toast-container > .toast.toast-lead:before,
.toast.toast-lead:before {
content: "\f02d"; }
#toast-container > .toast.toast-appointment,
.toast.toast-appointment {
background-color: #000 !important; }
#toast-container > .toast.toast-appointment:before,
.toast.toast-appointment:before {
content: "\f073"; }
/* Tooltip */
.ui-tooltip {
font-size: 12px; }
/* Layout Content */
.page-container .page-content-wrapper > .page-content {
position: relative;
background: #F0F4F6 !important;
min-height: calc(100vh - 101px) !important;
/*overflow-y: auto;*/
/*overflow-x: auto;*/
-webkit-overflow-scrolling: touch; }
.page-container .page-content-wrapper > .page-content .page-bar {
position: relative;
display: flex;
line-height: 0; }
.page-container .page-content-wrapper > .page-content .page-bar:before, .page-container .page-content-wrapper > .page-content .page-bar:after {
display: none; }
.page-container .page-content-wrapper > .page-content .page-bar ul.page-breadcrumb {
flex: 1;
float: none;
padding: 12px 10px 11px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden; }
.page-container .page-content-wrapper > .page-content .page-bar ul.page-breadcrumb li {
display: inline; }
.page-container .page-content-wrapper > .page-content .page-bar ul.page-breadcrumb li .value {
color: #AAA; }
.page-container .page-content-wrapper > .page-content .page-bar .page-toolbar {
text-align: right;
font-size: 0;
text-align: right;
white-space: nowrap; }
.page-container .page-content-wrapper > .page-content .page-bar .page-toolbar:first-child {
flex: 1;
float: none;
display: block; }
.page-container .page-content-wrapper > .page-content .page-bar .page-toolbar .btn {
border-radius: 0 0 0 0; }
.page-container .page-content-wrapper > .page-content .page-bar .page-toolbar .btn-group.disabled .btn {
opacity: .5;
pointer-events: none; }
.page-container .page-content-wrapper > .page-content .page-bar .page-toolbar .btn-group .btn.grey-mint {
margin-left: -1px;
border-left: 1px solid rgba(0, 0, 0, 0.1) !important; }
.page-container .page-content-wrapper > .page-content .page-bar .page-toolbar .btn-group .btn:last-child {
border-radius: 0 4px 4px 0;
transition: border-radius 1s;
/* Filter Button */ }
.page-container .page-content-wrapper > .page-content .page-bar .page-toolbar .btn-group .btn:last-child.dropdown-toggle[data-target]:not(.collapsed) {
border-bottom-right-radius: 0;
z-index: 4; }
@media (max-width: 480px) {
.page-container .page-content-wrapper > .page-content .page-bar .page-toolbar .btn-group button {
padding-top: 12px;
padding-bottom: 11px;
padding-left: 10px;
padding-right: 5px;
font-size: 11px; } }
.page-container .page-content-wrapper > .page-content .page-bar .portlet {
/* Filter */
position: absolute;
top: 100%;
left: 0;
z-index: 3;
width: 100%;
margin: -1px 0 0 0;
z-index: 1012 !important;
/* Ensure filter is above blockUI */
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.36), 0 3px 6px rgba(0, 0, 0, 0.22);
border-top-right-radius: 0; }
.page-container .page-content-wrapper > .page-content .page-bar .portlet .portlet-body {
padding: 30px 0 20px;
margin: 0 30px; }
.page-container .page-content-wrapper > .page-content .page-bar .portlet .portlet-body label {
color: #FFF; }
.page-container .page-content-wrapper > .page-content .page-bar .portlet .portlet-body a.font-grey-light:hover {
color: #FFF !important;
text-decoration: none; }
.page-container .page-content-wrapper > .page-content .page-bar .portlet .portlet-footer {
margin: 0 30px;
padding: 0 0 15px; }
.page-container .page-content-wrapper > .page-content .page-bar .portlet .portlet-footer hr {
opacity: .5; }
.page-container .page-content-wrapper > .page-content .page-bar .portlet .portlet-footer .btn {
min-width: 100px;
padding: 9px 30px 8px 30px; }
.page-container .page-content-wrapper > .page-content .scroll-content {
/* Use after a fixed-header */
position: absolute;
top: 160px;
left: 0;
right: 0;
bottom: 0;
margin: 0;
padding: 0 15px;
overflow-y: scroll;
overflow-x: auto;
-webkit-overflow-scrolling: touch; }
.page-container .page-content-wrapper > .page-content .scroll-content:after {
content: '';
position: absolute;
left: 0;
top: 100%;
height: 10px;
width: 100%; }
/* Keep mobile views clean */
@media (max-width: 991px) {
.page-container .page-content-wrapper > .page-content {
position: relative;
overflow: visible;
padding: 25px 15px 0; }
.page-container .page-content-wrapper > .page-content .scroll-content {
position: relative;
top: 0;
min-height: calc(100vh - 314px);
margin: 0 -10px;
overflow-x: auto;
overflow-y: hidden; } }
/* Noit mobile views */
@media (min-width: 991px) {
> [ui-view] {
display: flex;
flex-direction: column;
min-height: 100vh;
/*-webkit-transition: -webkit-filter .5s;
transition: filter .5s;*/ }
> [ui-view] > .page-container {
flex: 1;
display: flex;
flex-direction: row;
min-height: calc(100vh - 101px); }
> [ui-view] > .page-container > .page-sidebar-wrapper {
z-index: 5; }
> [ui-view] > .page-container > .page-content-wrapper {
flex: 1;
display: flex;
flex-direction: column;
/* position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0; */ }
> [ui-view] > .page-container > .page-content-wrapper > .page-content {
flex: 1;
min-height: 0 !important;
margin-left: 0 !important; } }
/* Flex */
.flex-row, .flex-column {
display: -webkit-box !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
/* iOS Support
& > *:nth-child(1) {order: 1; -webkit-order: 1;}
& > *:nth-child(2) {order: 2; -webkit-order: 2;}
& > *:nth-child(3) {order: 3; -webkit-order: 3;}
& > *:nth-child(4) {order: 4; -webkit-order: 4;}
& > *:nth-child(5) {order: 5; -webkit-order: 5;}
& > *:nth-child(6) {order: 6; -webkit-order: 6;}
& > *:nth-child(7) {order: 7; -webkit-order: 7;}*/ }
.flex-row.flex-row, .flex-column.flex-row {
-webkit-flex-direction: row;
flex-direction: row; }
.flex-row.flex-column, .flex-column.flex-column {
-webkit-flex-direction: column;
flex-direction: column; }
.flex-row.flex-wrap, .flex-column.flex-wrap {
-webkit-flex-wrap: wrap;
flex-wrap: wrap; }
.flex-row.flex-shrink, .flex-column.flex-shrink {
flex-shrink: 1; }
.flex-row.flex-align-center, .flex-column.flex-align-center {
align-items: center; }
.flex-row.flex-align-bottom, .flex-column.flex-align-bottom {
align-items: baseline; }
.flex-row .flex-0, .flex-column .flex-0 {
-webkit-flex: 0 0 100%;
flex: 0 0 100%; }
.flex-row .flex, .flex-row [flex],
.flex-row .flex-1, .flex-column .flex, .flex-column [flex],
.flex-column .flex-1 {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto; }
.flex-row .flex-2, .flex-column .flex-2 {
-webkit-flex: 2 0 auto;
-ms-flex: 2 0 auto;
flex: 2 0 auto; }
.flex-row .flex-3, .flex-column .flex-3 {
-webkit-flex: 3 0 auto;
-ms-flex: 3 0 auto;
flex: 3 0 auto; }
.flex-row .flex-4, .flex-column .flex-4 {
-webkit-flex: 4 0 auto;
-ms-flex: 4 0 auto;
flex: 4 0 auto; }
.flex-row .flex-5, .flex-column .flex-5 {
-webkit-flex: 5 0 auto;
-ms-flex: 5 0 auto;
flex: 5 0 auto; }
.flex-row .flex-6, .flex-column .flex-6 {
-webkit-flex: 6 0 auto;
-ms-flex: 6 0 auto;
flex: 6 0 auto; }
.flex-row .flex-7, .flex-column .flex-7 {
-webkit-flex: 7 0 auto;
-ms-flex: 7 0 auto;
flex: 7 0 auto; }
.flex-row .flex-8, .flex-column .flex-8 {
-webkit-flex: 8 0 auto;
-ms-flex: 8 0 auto;
flex: 8 0 auto; }
.flex-row .flex-align-bottom, .flex-column .flex-align-bottom {
align-self: flex-end; }
/* Sticky Footer */
.sticky-footer {
bottom: 0;
left: 0;
right: 0;
padding: 15px;
overflow: hidden;
background-color: rgba(238, 238, 238, 0.8);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
transition: transform 1s, -webkit-transform 1s;
transform: translateZ(0px);
-webkit-transform: translateZ(0px);
/*&.afkl-sticky-element {}
&.afkl-sticky-element--sticky {
position: fixed !important;
width: auto;
z-index: 10002;
transform: translateZ(1px);
-webkit-transform: translateZ(1px);
}
}
@media (min-width: 992px) {
.sticky-footer.afkl-sticky-element--sticky {
left: 195px;
}
.page-sidebar-closed .sticky-footer.afkl-sticky-element--sticky {
left: 54px;
}*/ }
.sticky-footer[container="page-content"].is-sticky {
margin: 0 -30px 0 -10px; }
.sticky-footer[container="page-content"]:not(.is-sticky) {
margin: 0 -20px -10px; }
/* Diagonal Banners */
.diag-banner {
position: absolute;
right: -5px;
top: -5px;
z-index: 1;
overflow: hidden;
width: 75px;
height: 75px;
text-align: right;
pointer-events: none; }
.diag-banner > span {
position: absolute;
display: block;
width: 80px;
top: 14px;
right: -17px;
font-size: 9px;
font-weight: 600;
/*color: #999;*/
text-transform: uppercase;
text-align: center;
line-height: 16px;
padding: 2px 15px 0;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
background: #F0F0F0;
/*background: linear-gradient(#FFFFFF 0%, #EDEDED 100%);*/
box-shadow: 0 3px 5px -5px black; }
.diag-banner > span:before {
content: "";
position: absolute;
left: 0px;
top: 100%;
z-index: -1;
border-left: 3px solid #E0E0E0;
border-right: 3px solid transparent;
border-bottom: 3px solid transparent;
border-top: 3px solid #E0E0E0; }
.diag-banner > span:after {
content: "";
position: absolute;
right: 0px;
top: 100%;
z-index: -1;
border-left: 3px solid transparent;
border-right: 3px solid #E0E0E0;
border-bottom: 3px solid transparent;
border-top: 3px solid #E0E0E0; }
.diag-banner > span span {
display: block; }
/* Modals Popups */
.modal {
box-sizing: border-box;
text-align: center;
pointer-events: none;
overflow-y: visible !important; }
.modal .modal-dialog {
max-width: 98vw;
text-align: left;
pointer-events: all; }
.modal .modal-dialog.modal-lg {
width: 1200px;
max-width: 96vw; }
.modal .modal-dialog button.close {
padding: 15px;
margin-left: 5px;
margin-right: 5px; }
.modal .modal-dialog .modal-header {
position: relative;
/*input.modal-title {
border:none;
font-size:17px;
pointer-events:all;
transition: outline-color .5s;
transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
width:100%;
&:focus {
outline-color: #eaeaea;
}
}*/ }
.modal .modal-dialog .modal-header .modal-title {
display: inline-block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 92%; }
.modal .modal-dialog .modal-header button.close {
margin: -10px -10px 0 5px !important; }
.modal .modal-dialog .modal-header .tools {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 20px 15px;
text-align: right; }
.modal .modal-dialog .modal-header .tools button.close {
margin: -5px -5px 0 5px !important; }
.modal .modal-dialog .modal-header .tools > a {
display: inline-block;
height: 16px;
margin-left: 5px;
opacity: 1;
filter: alpha(opacity=100); }
.modal .modal-dialog .modal-header .tools > a.expand {
background-image: url(/MobileLeads/Assets/lib/metronic-master/theme/assets/global/img/portlet-expand-icon.png);
width: 14px;
visibility: visible; }
.modal .modal-dialog .modal-header .tools > a.collapse {
background-image: url(/MobileLeads/Assets/lib/metronic-master/theme/assets/global/img/portlet-collapse-icon.png);
width: 14px;
visibility: visible; }
.modal .modal-dialog .modal-header .tools > a.expand:before, .modal .modal-dialog .modal-header .tools > a.collapse:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0; }
.modal .modal-dialog .modal-body {
background-color: #FAFBFC;
overflow: visible !important; }
.modal .modal-dialog .modal-body new-tender .tender-footer {
margin: 0 !important; }
.modal .modal-dialog .modal-footer {
background-color: #EEE; }
.modal .modal-dialog .nav-tabs {
position: relative;
margin: 0;
border: none; }
.modal .modal-dialog .nav-tabs > li.active a {
background-color: #fafbfc;
border-top: 3px solid #578ebe;
padding-top: 7px; }
.modal .modal-dialog .nav-tabs > li > a {
margin: 0;
border: none; }
.modal .modal-dialog .tab-content {
flex: 1;
display: flex;
flex-direction: column; }
.modal .modal-dialog .tab-content .tab-pane.active {
flex: 1;
display: flex;
flex-direction: column; }
.modal .modal-dialog .tab-content .tab-pane.active .modal-body {
flex: 1; }
.modal.modal-prompt .modal-dialog .modal-body {
text-align: center;
padding: 40px 15px; }
.modal.auto-width .modal-dialog {
display: inline-block;
width: auto !important; }
.modal.non-scrollable {
/*min-height: 100vh;*/
overflow: visible !important; }
.modal.non-scrollable .modal-body {
overflow: visible !important; }
.modal.fade {
top: 0vh; }
.modal.lead-docphoto-view .modal-dialog {
min-width: 40vw;
/*width: 50vw;*/ }
.modal.lead-docphoto-view .thumbnail {
display: inline-block;
max-width: 100%;
max-height: calc(100vh - 260px);
margin: 0 auto 30px;
background-repeat: no-repeat;
background-position: center;
background-size: contain; }
.modal.lead-docphoto-view .thumbnail img {
opacity: 0;
max-width: 100%;
max-height: calc(100vh - 260px);
background-color: transparent; }
.modal.lead-docphoto-view .fa {
margin: 0 auto 30px;
font-size: 90px;
line-height: 90px;
border: none;
color: #AAA; }
.modal button.close {
z-index: 3;
position: relative;
background-position: center; }
@media (max-width: 979px) {
.modal,
.modal.container,
.modal.modal-overflow {
top: 2%;
width: 98% !important;
overflow-y: visible !important;
/*transform: none;*/ }
.modal.fade.in {
top: 1vh;
overflow-y: visible !important; } }
@media (min-width: 576px) {
.modal-lg .modal-dialog {
width: 800px; } }
@media (min-width: 768px) {
.modal-xs .modal-dialog {
width: 400px; }
/*&.modal-md {
.modal-dialog {
width: 600px;
}
}
&.modal-lg {
.modal-dialog {
width: 900px;
}
}*/ }
/* Portlets */
.portlet, .modal {
/* Styles */ }
.portlet .portlet-title, .portlet .modal-header, .modal .portlet-title, .modal .modal-header {
position: relative;
/*display: table;*/
width: 100%;
/*min-height: 0 !important;*/
margin: 0;
border-bottom: 0 none; }
.portlet .portlet-title .caption, .portlet .portlet-title .modal-title, .portlet .modal-header .caption, .portlet .modal-header .modal-title, .modal .portlet-title .caption, .modal .portlet-title .modal-title, .modal .modal-header .caption, .modal .modal-header .modal-title {
position: relative;
display: table-cell;
float: none;
z-index: 2;
pointer-events: none; }
.portlet .portlet-title .caption.input-group, .portlet .portlet-title .modal-title.input-group, .portlet .modal-header .caption.input-group, .portlet .modal-header .modal-title.input-group, .modal .portlet-title .caption.input-group, .modal .portlet-title .modal-title.input-group, .modal .modal-header .caption.input-group, .modal .modal-header .modal-title.input-group {
pointer-events: all;
width: auto;
padding: 0; }
.portlet .portlet-title .caption i.fa, .portlet .portlet-title .modal-title i.fa, .portlet .modal-header .caption i.fa, .portlet .modal-header .modal-title i.fa, .modal .portlet-title .caption i.fa, .modal .portlet-title .modal-title i.fa, .modal .modal-header .caption i.fa, .modal .modal-header .modal-title i.fa {
color: #CCC;
font-size: 20px;
margin: 2px 10px 0 0; }
.portlet .portlet-title .actions, .portlet .modal-header .actions, .modal .portlet-title .actions, .modal .modal-header .actions {
display: table-cell;
float: none;
/*width: 1px;*/
text-align: right; }
.portlet .portlet-title .tools, .portlet .modal-header .tools, .modal .portlet-title .tools, .modal .modal-header .tools {
float: none;
display: table-cell;
width: 1px;
vertical-align: middle;
padding: 7px 10px 0 0 !important;
text-align: right;
white-space: nowrap; }
.portlet .portlet-title .tools a.expand,
.portlet .portlet-title .tools a.collapse, .portlet .modal-header .tools a.expand,
.portlet .modal-header .tools a.collapse, .modal .portlet-title .tools a.expand,
.modal .portlet-title .tools a.collapse, .modal .modal-header .tools a.expand,
.modal .modal-header .tools a.collapse {
z-index: 0;
margin-left: 15px; }
.portlet .portlet-title .tools .fa-trash, .portlet .modal-header .tools .fa-trash, .modal .portlet-title .tools .fa-trash, .modal .modal-header .tools .fa-trash {
/* Add/Edit lead - remove contact */
position: relative;
top: -2px;
font-size: 16px;
color: #dec1c1; }
.portlet .portlet-title .tools > span, .portlet .modal-header .tools > span, .modal .portlet-title .tools > span, .modal .modal-header .tools > span {
position: relative;
top: -3px;
margin-right: 10px;
color: #999; }
.portlet .portlet-title .page-bar, .portlet .modal-header .page-bar, .modal .portlet-title .page-bar, .modal .modal-header .page-bar {
float: right;
position: static; }
.portlet .portlet-title .row, .portlet .modal-header .row, .modal .portlet-title .row, .modal .modal-header .row {
cursor: default; }
.portlet .portlet-title.nav-tabs, .portlet .modal-header.nav-tabs, .modal .portlet-title.nav-tabs, .modal .modal-header.nav-tabs {
z-index: 1; }
.portlet .portlet-title.hover, .portlet .modal-header.hover, .modal .portlet-title.hover, .modal .modal-header.hover {
cursor: pointer; }
.portlet .portlet-title.hover .caption, .portlet .portlet-title.hover .modal-title, .portlet .modal-header.hover .caption, .portlet .modal-header.hover .modal-title, .modal .portlet-title.hover .caption, .modal .portlet-title.hover .modal-title, .modal .modal-header.hover .caption, .modal .modal-header.hover .modal-title {
color: #337ab7; }
.portlet .portlet-body, .portlet .modal-body, .modal .portlet-body, .modal .modal-body {
position: relative; }
.portlet .portlet-body .page-bar, .portlet .modal-body .page-bar, .modal .portlet-body .page-bar, .modal .modal-body .page-bar {
margin: 0 15px 15px; }
.portlet .portlet-body .page-bar .page-toolbar, .portlet .modal-body .page-bar .page-toolbar, .modal .portlet-body .page-bar .page-toolbar, .modal .modal-body .page-bar .page-toolbar {
background: #f5f5f5;
border: 1px solid #EEE;
flex: 1;
float: none;
display: block;
height: 40px; }
.portlet .portlet-body .page-bar .portlet, .portlet .modal-body .page-bar .portlet, .modal .portlet-body .page-bar .portlet, .modal .modal-body .page-bar .portlet {
left: 2px; }
.portlet .portlet-body .page-bar .portlet .portlet-body, .portlet .modal-body .page-bar .portlet .portlet-body, .modal .portlet-body .page-bar .portlet .portlet-body, .modal .modal-body .page-bar .portlet .portlet-body {
padding: 20px; }
.portlet .portlet-body .page-bar .no-permission, .portlet .modal-body .page-bar .no-permission, .modal .portlet-body .page-bar .no-permission, .modal .modal-body .page-bar .no-permission {
margin: 10px;
color: #C49F47;
opacity: .5;
transition: opacity .3s; }
.portlet .portlet-body .page-bar .no-permission:hover, .portlet .modal-body .page-bar .no-permission:hover, .modal .portlet-body .page-bar .no-permission:hover, .modal .modal-body .page-bar .no-permission:hover {
opacity: 1; }
.portlet .portlet-body .row, .portlet .modal-body .row, .modal .portlet-body .row, .modal .modal-body .row {
margin-bottom: 10px; }
.portlet .portlet-body .tabbable, .portlet .modal-body .tabbable, .modal .portlet-body .tabbable, .modal .modal-body .tabbable {
margin-bottom: 0; }
.portlet .portlet-body .tabbable .tab-content, .portlet .modal-body .tabbable .tab-content, .modal .portlet-body .tabbable .tab-content, .modal .modal-body .tabbable .tab-content {
margin-bottom: 0; }
.portlet .portlet-body .tabbable .tab-content .page-bar, .portlet .modal-body .tabbable .tab-content .page-bar, .modal .portlet-body .tabbable .tab-content .page-bar, .modal .modal-body .tabbable .tab-content .page-bar {
margin: 0 15px 15px; }
.portlet.collapse:not(.in), .modal.collapse:not(.in) {
display: block !important;
height: 0 !important;
padding: 0;
opacity: 0;
overflow: hidden; }
.portlet.full-height-content, .modal.full-height-content {
display: flex;
flex-direction: column;
height: 100%; }
.portlet.full-height-content .portlet-body, .modal.full-height-content .portlet-body {
flex: 1; }
.portlet.full-height-content .portlet-body .full-height-content-body, .modal.full-height-content .portlet-body .full-height-content-body {
display: flex;
flex-direction: column;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden; }
.portlet.full-height-content .portlet-body .full-height-content-body .dataTables_wrapper, .modal.full-height-content .portlet-body .full-height-content-body .dataTables_wrapper {
display: flex;
flex-direction: column;
flex: 1; }
.portlet.full-height-content .portlet-body .full-height-content-body .dataTables_wrapper .dataTable, .modal.full-height-content .portlet-body .full-height-content-body .dataTables_wrapper .dataTable {
/*display: flex;*/
/*flex-direction: column;*/ }
.portlet.full-height-content .portlet-body .full-height-content-body .dataTables_wrapper .dataTable thead, .modal.full-height-content .portlet-body .full-height-content-body .dataTables_wrapper .dataTable thead {
/*table-layout: fixed;*/ }
.portlet.full-height-content .portlet-body .full-height-content-body .dataTables_wrapper .dataTable tbody, .modal.full-height-content .portlet-body .full-height-content-body .dataTables_wrapper .dataTable tbody {
/*display: block;*/
flex: 1;
overflow-y: scroll;
-webkit-overflow-scrolling: touch; }
.portlet.full-height-content .portlet-body .full-height-content-body .dataTables_wrapper .dataTable tr, .modal.full-height-content .portlet-body .full-height-content-body .dataTables_wrapper .dataTable tr {
/*display: table;*/
/*width: 100%;*/
/*table-layout: fixed;*/ }
.portlet.light, .modal.light {
background-color: #FAFBFC; }
.portlet.light .portlet-body.full-width, .modal.light .portlet-body.full-width {
overflow: auto;
width: calc(100% + 40px) !important;
margin-left: -20px;
margin-right: -20px;
margin-bottom: -15px; }
.portlet.light .form .form-body, .modal.light .form .form-body {
/* Overwrite components-md.css without requiring !importants*/
padding-left: 5vw;
padding-right: 5vw; }
.portlet.white, .modal.white {
background-color: #FFF; }
.portlet.solid, .modal.solid {
/*padding: 0;*/ }
.portlet.solid .portlet-title, .modal.solid .portlet-title {
/*margin: 0;*/ }
.portlet.solid .portlet-title > a, .portlet.solid .portlet-title .caption, .modal.solid .portlet-title > a, .modal.solid .portlet-title .caption {
/*padding: 20px 15px 15px;*/ }
.portlet.solid .portlet-title > a, .modal.solid .portlet-title > a {
color: #FFF; }
.portlet.solid .portlet-body.full-width, .modal.solid .portlet-body.full-width {
margin-left: -10px;
margin-right: -10px; }
.portlet {
display: block;
position: relative; }
.portlet:not(.no-shadow) {
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.25);
transition: box-shadow .3s;
/*.portlet, .portlet:hover {
&:not(.shadow) {
top: 0;
box-shadow: none;
}
}*/ }
.portlet:not(.no-shadow):hover {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25); }
.portlet.no-shadow {
box-shadow: none; }
.portlet.tabbable, .portlet.tabbable:hover {
top: 0;
box-shadow: none; }
.portlet > .portlet-title {
display: table; }
.portlet > .portlet-title > .caption {
padding: 15px 0 !important; }
.portlet a.portlet-body {
display: block;
/*margin-right: 20px;*/
text-decoration: none;
/*&:before {
display: flex;
align-items: center;
content: '\f105';
position: absolute;
top: 0;
right: -20px;
bottom: 0;
width: 20px;
background: #FAFBFC;
font: normal normal normal 30px FontAwesome;
text-align: center;
justify-content: center;
color: #E9E9E9;
}*/ }
/* Tabs */
.tabbable {
background-color: transparent; }
.tabbable .nav {
padding: 0 !important;
margin: 0;
/*z-index: 1;*/
/*overflow: hidden;*/
/*&:before {
content: '';
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.22);
}*/ }
.tabbable .nav li {
position: relative; }
.tabbable .nav li a {
/*color: #bbd1e3;*/
font-size: 15px;
padding: 10px 2vw;
line-height: 18px;
font-weight: 400;
border-width: 0 !important;
border-top-left-radius: 0;
border-top-right-radius: 0; }
.tabbable .nav li a:hover, .tabbable .nav li a:focus {
/*color: #FFF;*/
background-color: transparent; }
.tabbable .nav li.active {
border-top-color: #578ebe;
z-index: 1; }
.tabbable .nav li.active a {
color: #555 !important;
background-color: #FAFBFC;
font-weight: 400; }
.tabbable .nav li.active:before {
display: block;
position: absolute;
content: '';
top: 0;
bottom: 1px;
left: -4px;
width: 4px;
pointer-events: none;
background: -moz-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.15) 100%);
background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.15) 100%);
background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.15) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#26000000',GradientType=1 ); }
.tabbable .nav li.active:first-child:before {
bottom: -3px; }
.tabbable .nav li.active:nth-child(2):after {
display: block;
position: absolute;
content: '';
bottom: -3px;
height: 4px;
left: -3px;
width: 3px;
pointer-events: none;
background: -moz-linear-gradient(45deg, transparent 0%, rgba(0, 0, 0, 0.1) 100%);
background: -webkit-linear-gradient(45deg, transparent 0%, rgba(0, 0, 0, 0.1) 100%);
background: linear-gradient(45deg, transparent 0%, rgba(0, 0, 0, 0.1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#1a000000',GradientType=1 ); }
.tabbable .nav li.dropdown.open a {
/*color: #FFF;
background-color: #337ab7;*/ }
.tabbable.tabbable-custom {
overflow: visible; }
.tabbable.tabbable-custom > .nav-tabs > li.active a {
border-bottom-color: #FAFBFC;
background: white;
background: -moz-linear-gradient(top, white 0%, #fafbfc 100%);
background: -webkit-linear-gradient(top, white 0%, #fafbfc 100%);
background: linear-gradient(to bottom, white 0%, #fafbfc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafbfc',GradientType=0 ); }
.tabbable.tabbable-no-shadow .nav li.active:before, .tabbable.tabbable-no-shadow .nav li.active:after {
display: none; }
.tabbable.tabbable-no-shadow .panel {
box-shadow: none; }
.tabbable.tabbable-bordered .nav li.active a {
border-left-width: 1px !important;
border-right-width: 1px !important; }
.tabbable.tabbable-bordered .tab-content {
border-width: 1px; }
.tabbable.portlet {
padding: 0 !important;
box-shadow: none; }
.tabbable.portlet > .portlet-body {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.22); }
.tabbable > .portlet {
background-color: transparent; }
.tabbable .tab-content {
position: relative;
margin: 0;
background-color: #FAFBFC;
border-width: 0;
/*1px 1px 1px;*/
/*overflow: hidden; Broke */ }
/*Filter Tab*/
.portlet.grey-mint .nav-tabs {
position: relative;
margin: 0;
border: none; }
.portlet.grey-mint .nav-tabs > li.active a {
border-bottom: 3px solid #fafbfc;
background-color: #4d5b69; }
.portlet.grey-mint .nav-tabs > li > a {
margin: 0;
border: none;
color: #fff; }
.portlet.grey-mint .nav-tabs > li > a:hover {
background-color: transparent; }
/* Data Tables */
:root .dataTables_wrapper {
/*overflow: auto;*/
/*-webkit-overflow-scrolling: touch;*/ }
:root .dataTables_wrapper .dataTables_scroll {
margin: 0; }
:root .dataTables_wrapper .dataTables_paginate .paginate_button {
color: #777 !important;
border: none !important; }
:root .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current) {
color: #4d5a68 !important;
background: #f5f5f5; }
:root .dataTables_wrapper .dataTables_paginate .paginate_button.current {
color: #FFF !important;
background: #4d5a68; }
:root .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
display: none; }
:root table.dataTable {
font-size: 12px;
border: none;
width: 100% !important; }
:root table.dataTable.no-footer {
border-color: #DDD; }
:root table.dataTable thead th,
:root table.dataTable tbody td {
font-size: 12px;
line-height: 15px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden; }
:root table.dataTable thead th .checker,
:root table.dataTable tbody td .checker {
top: 0; }
:root table.dataTable thead tr th {
background-color: transparent;
padding: 5px 20px 5px 10px;
border-width: 0 1px 1px 0;
border-color: #DDD !important;
border-style: solid; }
:root table.dataTable thead tr th:last-child {
border-right-width: 0; }
:root table.dataTable tbody tr {
font-size: 12px;
/*background-color: rgba(255, 255, 255, .6);*/
transition: background-color .2s; }
:root table.dataTable tbody tr:hover {
background-color: white; }
:root table.dataTable tbody tr.odd td[class*="sorting"] {
background: #fafbfd !important; }
:root table.dataTable tbody tr.even {
background: #f7f9fb; }
:root table.dataTable tbody tr.even td[class*="sorting"] {
background: #f4f7fa !important; }
:root table.dataTable tbody tr td {
padding: 5px 10px;
border-top: 0 none; }
:root table.dataTable tbody tr td.on-click {
cursor: pointer; }
:root .table-scrollable {
border: none; }
/* Ecommerce Layout */
.sidebar {
position: relative;
/*z-index: 1;*/
/*height: 100%;*/
min-height: 80vh;
padding: 0 0 80px;
/*margin-left: 15px;*/
border-top: 1px solid #EEE;
font-family: "Open Sans", sans-serif;
font-size: 13px;
text-transform: none;
/*overflow-x: hidden;*/
/*.sidebar-inner {
position: absolute;
top: 0;
bottom: 0;
width: 100%;
clip: rect(0, auto, auto, 0);
[hl-sticky].is-sticky {
max-height: calc(100vh - 68px);
.sidebar-menu {
padding-bottom: 100px;
overflow: auto;
}
}
}*/ }
.sidebar .filter {
padding: 10px;
background: #EEE; }
.sidebar .sidebar-menu {
margin: 0;
background-color: #F5F5F5; }
.sidebar .sidebar-menu.sticky {
position: fixed;
top: 0;
bottom: 0;
max-height: 100vh;
overflow-y: auto;
overflow-x: hidden; }
@media (min-width: 992px) {
.sidebar .sidebar-menu.sticky {
top: 68px;
max-height: calc(100vh - 68px); } }
.sidebar .sidebar-menu .dropdown-menu {
position: relative;
box-shadow: none !important;
min-width: 0;
float: none; }
.sidebar .sidebar-menu .list-group-item {
position: relative;
padding: 0;
background-color: transparent;
font-size: 12px;
border-radius: 0;
border-width: 0;
text-overflow: ellipsis;
white-space: nowrap;
/* Accordian */ }
.sidebar .sidebar-menu .list-group-item:not(:first-child) {
border-style: solid;
border-width: 1px 0 0 0;
border-color: #EEE; }
.sidebar .sidebar-menu .list-group-item.active {
margin: 0;
background: #FFF;
border-width: 0;
box-shadow: 1px 2px 4px rgba(149, 149, 149, 0.25); }
.sidebar .sidebar-menu .list-group-item.active:before {
content: '';
position: absolute;
top: 0;
left: 100%;
bottom: 0;
width: 10px;
background: #FFF; }
.sidebar .sidebar-menu .list-group-item.active .primary i.fa {
font-weight: 800; }
.sidebar .sidebar-menu .list-group-item .primary {
display: block;
width: 100%;
padding: 10px 35px 10px 10px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
text-transform: none;
color: #333;
transition: background-color .3s; }
.sidebar .sidebar-menu .list-group-item .primary:hover {
text-decoration: none;
background: #fafbfc; }
.sidebar .sidebar-menu .list-group-item .primary i.fa {
color: #AAA;
text-align: left;
width: 10px; }
.sidebar .sidebar-menu .list-group-item .primary .badge {
position: absolute;
top: 10px;
right: 10px;
box-shadow: none; }
.sidebar .sidebar-menu .list-group-item ul {
list-style-type: none;
padding: 0;
/*max-height: 70vh;
overflow-y: auto;*/
opacity: 0;
transition: padding .3s, opacity .3s; }
.sidebar .sidebar-menu .list-group-item ul li {
position: relative;
line-height: .000001px;
transition: line-height .3s;
overflow: hidden; }
.sidebar .sidebar-menu .list-group-item ul li a {
display: block;
padding: 0 30px 0 25px; }
.sidebar .sidebar-menu .list-group-item ul li a .category-name {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
max-width: 100%; }
.sidebar .sidebar-menu .list-group-item ul li a .badge {
position: absolute;
top: 5px;
right: 12px;
height: 14px;
padding: 1px 4px; }
.sidebar .sidebar-menu .list-group-item ul.open {
padding: 0 0 15px;
opacity: 1; }
.sidebar .sidebar-menu .list-group-item ul.open li {
line-height: 15px;
padding-top: 3px;
padding-bottom: 1px; }
.sidebar .sidebar-menu .list-group-item ul.open li.active {
font-weight: bold; }
.sidebar .sidebar-menu .list-group-item ul.open li a {
padding-top: 3px; }
.sidebar .sidebar-menu .list-group-item ul.open li a .category-name {
display: inline-block; }
.sidebar .sidebar-menu .list-group-item, .sidebar .sidebar-menu .list-group-item.active, .sidebar .sidebar-menu .list-group-item.active:hover {
/*border-color: transparent;*/ }
.sidebar .sidebar-toggle {
display: none; }
@media (max-width: 991px) {
.sidebar .sidebar-menu.sticky {
top: 0; } }
@media (max-width: 767px) {
.sidebar {
position: absolute;
z-index: 1;
/*width: 280px;*/
width: 0;
top: 0;
bottom: 0;
left: 0;
/*left: -260px;*/
padding-right: 20px;
margin-left: 15px;
margin: 0;
/*box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.22);*/
transition: width .3s; }
.sidebar ::-webkit-scrollbar {
width: 0px; }
.sidebar.on {
/*left: 0;*/
width: 280px; }
.sidebar.on .sidebar-toggle i {
left: 275px;
transform: rotate(180deg); }
.sidebar .sidebar-menu {
max-height: 100%;
overflow-y: auto;
overflow-x: hidden; }
.sidebar .sidebar-toggle {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 20px;
background: #EEE;
z-index: 2;
overflow: hidden;
clip: rect(0, auto, auto, 0); }
.sidebar .sidebar-toggle:active {
background: #F5F5F5; }
.sidebar .sidebar-toggle h4.sideways {
position: absolute;
top: 2px;
left: 3px;
margin: 0;
writing-mode: tb-rl;
color: #CCC; }
.sidebar .sidebar-toggle i {
position: fixed;
top: 50%;
left: 15px;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
transition: transform .7s, left .3s; } }
.product-list {
position: relative;
min-height: 400px;
padding: 15px 30px 80px 30px;
border-color: #EEE;
border-style: solid;
border-width: 1px 1px 0 1px;
background: #FFF; }
.product-list h2 {
text-transform: none;
margin: 15px 0 20px;
padding: 0;
color: #666; }
.product-list h3 {
color: #666;
margin: 10px 0 10px;
padding-left: 10px; }
.product-list h4 {
margin: 20px 0 10px; }
.product-list .product-toolbar {
margin-left: 0; }
.product-list .product-toolbar .btn-group > .btn-filter {
margin: 4px 0 0 0; }
.product-list .product-toolbar .btn-group > .btn-filter.full-width {
padding-left: 0;
padding-right: 0; }
.product-list .product-toolbar .btn-group > .btn-filter > .fa-trash,
.product-list .product-toolbar .btn-group > .btn-filter > .fa-search {
color: #666; }
.product-list div[class*="col-"] {
flex-grow: 0;
padding: 5px;
margin-bottom: 5px;
transition: width .3s; }
.product-list div[class*="col-"] .product-item {
position: relative;
min-height: 100%;
padding: 0;
text-align: center;
border: 1px solid #EEE;
border-radius: 4px;
box-shadow: 1px 1px 1px rgba(149, 149, 149, 0.1);
transition: border .3s, box-shadow .3s;
/*overflow: hidden;*/ }
.product-list div[class*="col-"] .product-item:hover {
border: 1px solid #c5cbd7;
box-shadow: 1px 1px 5px rgba(149, 149, 149, 0.5); }
.product-list div[class*="col-"] .product-item:hover .photo-count {
opacity: .7 !important; }
.product-list div[class*="col-"] .product-item.selected {
border: 1px solid #c5cbd7;
background: #437cae;
box-shadow: 1px 1px 5px rgba(149, 149, 149, 0.5);
color: #FFF !important; }
.product-list div[class*="col-"] .product-item.selected .pi-price, .product-list div[class*="col-"] .product-item.selected .product-name {
color: #FFF !important; }
.product-list div[class*="col-"] .product-item.package.selected {
background: #E87E04; }
.product-list div[class*="col-"] .product-item.new.selected {
background: #26c280; }
.product-list div[class*="col-"] .product-item.delete.selected {
opacity: .5;
background: #333; }
.product-list div[class*="col-"] .product-item .pi-img-wrapper {
position: relative;
height: 200px;
/*max-height: 100%;*/
background-color: #f8f9fa;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
overflow: hidden; }
.product-list div[class*="col-"] .product-item .pi-img-wrapper img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: auto;
max-width: 100%;
max-height: 100%;
max-height: 100%;
margin: auto;
pointer-events: none; }
.product-list div[class*="col-"] .product-item .pi-img-wrapper .photo-count {
position: absolute;
display: block;
top: auto;
bottom: 10px;
left: 50%;
transform: translate(-50%, 0);
width: auto;
height: auto;
color: #FFF;
line-height: 20px;
padding: 2px 5px 0;
border-radius: 3px;
background-color: black;
opacity: .3;
font-size: 12px !important;
transition: opacity .3s; }
.product-list div[class*="col-"] .product-item .pi-img-wrapper .photo-count i {
margin-right: 5px; }
.product-list div[class*="col-"] .product-item .product-package {
position: absolute;
top: 5px;
right: -6px;
padding: 4px 8px;
background: #D91E18;
color: #FFF;
font-size: 9px;
font-weight: 500;
border-radius: 2px;
pointer-events: none; }
.product-list div[class*="col-"] .product-item .product-package:after {
content: '';
position: absolute;
border-style: solid;
border-color: transparent;
bottom: -4px;
border-width: 0 0 4px 4px;
border-left-color: #861b18;
right: 1px; }
.product-list div[class*="col-"] .product-item .product-package.product-placeholder {
top: 5px;
background: #4D5B69; }
.product-list div[class*="col-"] .product-item .product-package.product-placeholder:after {
border-left-color: #666; }
.product-list div[class*="col-"] .product-item .product-package.product-placeholder.included {
top: 29px; }
.product-list div[class*="col-"] .product-item .product-package.product-placeholder.complete {
background: #26c281; }
.product-list div[class*="col-"] .product-item .product-package.product-placeholder.complete:after {
border-left-color: #007947; }
.product-list div[class*="col-"] .product-item .product-name {
padding: 30px 10px 10px;
margin-bottom: 45px;
font-size: 13px; }
.product-list div[class*="col-"] .product-item .product-info {
color: #fff !important;
padding: 2px; }
.product-list div[class*="col-"] .product-item .product-footer {
display: flex;
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 10px 5px; }
.product-list div[class*="col-"] .product-item .product-footer > * {
position: relative;
flex: 4;
align-self: center; }
.product-list div[class*="col-"] .product-item .product-footer .product-select {
color: #fff;
font-weight: 600;
font-size: 14px;
padding: 0 5px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden; }
.product-list div[class*="col-"] .product-item .product-footer .pi-price, .product-list div[class*="col-"] .product-item .product-footer .product-sellprice {
position: relative;
color: #e84d1c;
font: 18px 'PT Sans Narrow', sans-serif;
padding: 0 5px;
white-space: nowrap;
/*i.fa {
position: relative;
top: -10px;
left: -2px;
font-size: 10px;
}*/ }
.product-list div[class*="col-"] .product-item .product-footer .pi-price .original, .product-list div[class*="col-"] .product-item .product-footer .product-sellprice .original {
position: absolute;
top: -10px;
left: 0;
font-size: 12px;
color: #a2bfda;
text-decoration: line-through; }
.product-list div[class*="col-"] .product-item .product-footer .unit {
font-weight: normal;
font-size: 14px; }
.product-list div[class*="col-"] .product-item .product-footer .product-quantity {
background: #FFF;
border-radius: 4px; }
.product-list div[class*="col-"] .product-item .product-footer .product-quantity .qty {
position: absolute;
top: 0;
left: 0;
width: 30%;
padding: 0 0 0 5px;
text-align: center;
color: #AAA;
font-size: 12px;
line-height: 34px; }
.product-list div[class*="col-"] .product-item .product-footer .product-quantity input {
font: 18px 'PT Sans Narrow', sans-serif; }
.product-list div[class*="col-"] .list-view {
margin-left: 15px;
border: 1px solid #EEE;
box-shadow: 1px 1px 1px rgba(149, 149, 149, 0.1); }
.product-list div[class*="col-"] .list-view .product-item {
/*display: flex;
flex-direction: row;
flex-wrap: wrap;*/
text-align: left;
line-height: 26px;
border: 0 none !important;
font-size: 12px;
box-shadow: none !important;
color: #666;
transition: color .3s; }
.product-list div[class*="col-"] .list-view .product-item.odd {
background-color: #ffffff; }
.product-list div[class*="col-"] .list-view .product-item.even {
background-color: #f7f9fb; }
.product-list div[class*="col-"] .list-view .product-item > .product-option > *,
.product-list div[class*="col-"] .list-view .product-item > .selections > .selection > * {
flex: 1;
padding: 2px 10px; }
.product-list div[class*="col-"] .list-view .product-item > .product-option > *.product-name,
.product-list div[class*="col-"] .list-view .product-item > .selections > .selection > *.product-name {
flex: 3;
margin: 0;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
font-size: 12px; }
.product-list div[class*="col-"] .list-view .product-item > .product-option {
display: flex;
flex-direction: row;
flex-wrap: wrap; }
.product-list div[class*="col-"] .list-view .product-item > .product-option:hover {
color: #337ab7; }
.product-list div[class*="col-"] .list-view .product-item > .product-option .included-package-name {
flex: 1;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap; }
.product-list div[class*="col-"] .list-view .product-item .product-package.product-placeholder {
z-index: 3;
top: -6px;
line-height: 13px;
padding: 0 5px; }
.product-list div[class*="col-"] .list-view .product-item .product-selected {
flex: 2;
padding: 0 0 0 10px; }
.product-list div[class*="col-"] .list-view .product-item .pi-price .original, .product-list div[class*="col-"] .list-view .product-item .product-sellprice .original {
font-size: 12px;
color: #a2bfda;
text-decoration: line-through; }
.product-list div[class*="col-"] .list-view .product-item .icheckbox_line {
height: auto;
margin: 2px;
padding: 0 10px 0 40px; }
.product-list div[class*="col-"] .list-view .product-item .selections {
flex-basis: 100%;
margin: 2px 5px 10px;
border-radius: 5px;
background: #f5f5f5; }
.product-list div[class*="col-"] .list-view .product-item .selections .product-name {
color: #95a5a6; }
.product-list div[class*="col-"] .list-view .product-item .selections > .selection {
flex: 1; }
.product-list div[class*="col-"] .list-view .product-item .selections > .selection:not(:last-child) {
border-bottom: 1px solid #EEE; }
.product-list div[class*="col-"] .list-view .product-item .selections > .selection.palette:hover > * {
color: #337ab7; }
@media (max-width: 767px) {
.product-list {
width: 100%;
margin-left: 15px;
padding-left: 45px;
transition: padding-left .3s; }
.sidebar.on + .product-list {
padding-left: 320px; }
.sidebar.on + .product-list div[class*="col-"] {
width: 100%; } }
/* Global Lead Cards */
.lead-screen .lead, .lead-screen.lead {
/*margin: 0;*/
font-weight: normal;
font-size: 14px; }
.lead-screen .lead .portlet, .lead-screen.lead .portlet {
margin: 0; }
.lead-screen .lead .lead-specs, .lead-screen.lead .lead-specs {
padding: 8px 6px 7px 10px;
border-bottom: 1px solid #DDD;
font-size: 12px;
background-color: #FFF; }
.lead-screen .lead .lead-specs.dataTable, .lead-screen.lead .lead-specs.dataTable {
padding: 0;
border: none;
background-color: transparent; }
.lead-screen .lead .lead-specs > .label, .lead-screen.lead .lead-specs > .label {
margin-top: -4px;
margin-right: 5px;
padding: 5px 8px 6px; }
.lead-screen .lead .lead-specs span, .lead-screen .lead .lead-specs a, .lead-screen .lead .lead-specs button, .lead-screen.lead .lead-specs span, .lead-screen.lead .lead-specs a, .lead-screen.lead .lead-specs button {
display: inline-block;
font-size: 11px;
text-transform: uppercase;
font-weight: 600; }
.lead-screen .lead .lead-specs span.btn-xs, .lead-screen .lead .lead-specs a.btn-xs, .lead-screen .lead .lead-specs button.btn-xs, .lead-screen.lead .lead-specs span.btn-xs, .lead-screen.lead .lead-specs a.btn-xs, .lead-screen.lead .lead-specs button.btn-xs {
padding: 2px 8px;
margin: -3px 0 -2px; }
.lead-screen .lead .lead-specs a, .lead-screen.lead .lead-specs a {
/* color: #666; */ }
.lead-screen .lead .lead-specs a:not(:hover):before, .lead-screen.lead .lead-specs a:not(:hover):before {
color: #CCC; }
.lead-screen .lead .lead-specs a:hover, .lead-screen.lead .lead-specs a:hover {
color: #337ab7 !important;
/* Icon */ }
.lead-screen .lead .lead-specs span:before, .lead-screen.lead .lead-specs span:before {
color: #EEE;
/* Icon */ }
.lead-screen .lead .lead-specs .row, .lead-screen.lead .lead-specs .row {
margin-bottom: 0; }
.lead-screen .lead .lead-specs .contract-client-advised, .lead-screen.lead .lead-specs .contract-client-advised {
text-transform: capitalize;
text-decoration: none;
/*color: #888;*/ }
.lead-screen .lead .lead-specs .contract-client-advised:before, .lead-screen.lead .lead-specs .contract-client-advised:before {
content: '\f073 ';
font: normal normal normal 14px/1 FontAwesome;
position: relative;
margin-right: 5px;
/*color: #DDD;*/ }
.lead-screen .lead .lead-specs .contract-category, .lead-screen.lead .lead-specs .contract-category {
text-transform: uppercase !important;
text-decoration: none;
/*color: #888;*/ }
.lead-screen .lead .lead-specs .contract-category:before, .lead-screen.lead .lead-specs .contract-category:before {
content: '\f02c';
font: normal normal normal 14px/1 FontAwesome;
position: relative;
margin-right: 5px;
/*color: #ddd;*/ }
.lead-screen .lead .lead-specs .contract-status, .lead-screen.lead .lead-specs .contract-status {
text-transform: uppercase !important; }
.lead-screen .lead .lead-specs .contract-status.pending, .lead-screen.lead .lead-specs .contract-status.pending {
color: #666; }
.lead-screen .lead .lead-specs .contract-status.active, .lead-screen.lead .lead-specs .contract-status.active {
color: #80c65e; }
.lead-screen .lead .lead-specs .contract-status.finalising, .lead-screen.lead .lead-specs .contract-status.finalising {
color: #ee3b3b; }
.lead-screen .lead .lead-specs .contract-status.sold, .lead-screen.lead .lead-specs .contract-status.sold {
color: #6f7174; }
.lead-screen .lead .lead-specs .contract-status.abandoned, .lead-screen.lead .lead-specs .contract-status.abandoned {
color: #bbbfc4; }
.lead-screen .lead .lead-specs .contract-status.closed, .lead-screen.lead .lead-specs .contract-status.closed {
color: #999; }
.lead-screen .lead .lead-specs .lead-classification, .lead-screen.lead .lead-specs .lead-classification {
text-transform: uppercase !important; }
.lead-screen .lead .lead-specs .lead-classification.hot, .lead-screen.lead .lead-specs .lead-classification.hot {
color: #ee3b3b; }
.lead-screen .lead .lead-specs .lead-classification.normal, .lead-screen.lead .lead-specs .lead-classification.normal {
color: #6f7174; }
.lead-screen .lead .lead-specs .lead-classification.low, .lead-screen.lead .lead-specs .lead-classification.low {
color: #bbbfc4; }
.lead-screen .lead .lead-specs .contract-milestone, .lead-screen.lead .lead-specs .contract-milestone {
color: #FFF;
background-color: #E5E5E5;
text-transform: uppercase !important;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.37) !important; }
.lead-screen .lead .lead-body, .lead-screen.lead .lead-body {
/*width: 100%; Removed for a.portlets */
padding: 15px 15px 5px;
color: #666;
/*overflow: hidden; Removed for a.portlets*/
/* Contact Info Rows */ }
.lead-screen .lead .lead-bodya:hover, .lead-screen .lead .lead-body[ng-click]:hover, .lead-screen.lead .lead-bodya:hover, .lead-screen.lead .lead-body[ng-click]:hover {
background: #F9F9F9 !important; }
.lead-screen .lead .lead-body .lead-clientTitle, .lead-screen.lead .lead-body .lead-clientTitle {
padding: 0 0 5px;
font-weight: 600;
font-size: 16px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden; }
.lead-screen .lead .lead-body .row, .lead-screen.lead .lead-body .row {
clear: both; }
.lead-screen .lead .lead-body .row .contact-title .font-uppercase, .lead-screen.lead .lead-body .row .contact-title .font-uppercase {
color: #AAA; }
.lead-screen .lead .lead-body .row .name, .lead-screen.lead .lead-body .row .name {
text-align: right;
font-size: 12px;
line-height: 16px;
padding: 0 0 0 15px; }
.lead-screen .lead .lead-body .row .name .fa, .lead-screen.lead .lead-body .row .name .fa {
color: #999;
margin-top: -3px;
font-size: 20px;
line-height: 26px; }
.lead-screen .lead .lead-body .row .name .fa.fa-mobile, .lead-screen.lead .lead-body .row .name .fa.fa-mobile {
font-size: 26px;
margin-right: 3px; }
.lead-screen .lead .lead-body .row .name .fa.fa-briefcase, .lead-screen.lead .lead-body .row .name .fa.fa-briefcase {
font-size: 16px; }
.lead-screen .lead .lead-body .row .name .fa.fa-envelope, .lead-screen.lead .lead-body .row .name .fa.fa-envelope {
margin-top: -5px;
font-size: 16px; }
.lead-screen .lead .lead-body .row .name profile-pic, .lead-screen.lead .lead-body .row .name profile-pic {
margin: 2px -3px 0 0; }
.lead-screen .lead .lead-body .row .value, .lead-screen.lead .lead-body .row .value {
font-size: 12px;
line-height: 16px;
padding: 0 0 0 15px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.lead-screen .lead .lead-body .row .value a, .lead-screen.lead .lead-body .row .value a {
color: #666;
white-space: pre; }
.lead-screen .lead .lead-body .row .value a:hover, .lead-screen.lead .lead-body .row .value a:hover {
color: #23527c;
text-decoration: none; }
.lead-screen .lead .lead-body .row.two-line, .lead-screen.lead .lead-body .row.two-line {
margin-bottom: 5px; }
.lead-screen .lead .lead-body .row.two-line .name .fa, .lead-screen.lead .lead-body .row.two-line .name .fa {
line-height: 28px;
margin-top: 0; }
.lead-screen .lead .lead-body .row.two-line .value, .lead-screen.lead .lead-body .row.two-line .value {
line-height: 14px;
text-decoration: none; }
.lead-screen .lead .lead-body .row.two-line .value a, .lead-screen .lead .lead-body .row.two-line .value span, .lead-screen.lead .lead-body .row.two-line .value a, .lead-screen.lead .lead-body .row.two-line .value span {
font-size: 10px; }
.lead-screen .lead .lead-body .row.two-line .value span, .lead-screen.lead .lead-body .row.two-line .value span {
color: #999; }
.lead-screen .lead .lead-body .row.next-appointment, .lead-screen.lead .lead-body .row.next-appointment {
text-align: center; }
.lead-screen .lead .lead-body .row.next-appointment .name, .lead-screen.lead .lead-body .row.next-appointment .name {
padding: 0;
font-size: 12px;
text-align: center;
color: #AAA; }
.lead-screen .lead .lead-body .row.next-appointment .name .fa, .lead-screen.lead .lead-body .row.next-appointment .name .fa {
display: block;
margin-top: -15px;
line-height: 28px; }
.lead-screen .lead .lead-body .row.latest-note, .lead-screen.lead .lead-body .row.latest-note {
margin: 15px;
background-color: #fafbfc;
border: 1px solid #e5e5e5;
border-radius: 5px; }
.lead-screen .lead .lead-body .row.latest-note.clickable, .lead-screen.lead .lead-body .row.latest-note.clickable {
cursor: pointer; }
.lead-screen .lead .lead-body .row.latest-note.clickable .name:hover > strong, .lead-screen.lead .lead-body .row.latest-note.clickable .name:hover > strong {
color: #23527c; }
.lead-screen .lead .lead-body .row.latest-note .header, .lead-screen.lead .lead-body .row.latest-note .header {
padding: 0 5px;
font-size: 10px;
background-color: #e5e5e5;
line-height: 20px; }
.lead-screen .lead .lead-body .row.latest-note .header i, .lead-screen.lead .lead-body .row.latest-note .header i {
position: relative;
top: 1px;
margin: 0 5px 0 0; }
.lead-screen .lead .lead-body .row.latest-note .name, .lead-screen.lead .lead-body .row.latest-note .name {
text-align: left;
padding: 10px; }
.lead-screen .lead .lead-body .row.latest-note .name > strong, .lead-screen.lead .lead-body .row.latest-note .name > strong {
color: #578ebe;
transition: .3s color; }
.lead-screen .lead .lead-footer, .lead-screen.lead .lead-footer {
min-height: 34px;
padding: 5px 6px 6px;
background-color: #FAFBFC;
border-top: 1px solid #DDD;
font-size: 12px; }
.lead-screen .lead .lead-footer .created, .lead-screen.lead .lead-footer .created {
padding: 5px 5px 0;
color: #999; }
.lead-screen .portlet.box .lead-body {
background-color: #FFF !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important; }
.lead-screen .newTenderForm .filter-applied-label {
margin: 5px;
background-color: #659be0;
text-transform: none;
padding: 0px 4px 1px 4px; }
@media (max-width: 640px) {
.lead-screen .lead .portlet, .lead-screen.lead .portlet {
padding-left: 0 !important;
padding-right: 0 !important; }
.lead-screen .lead .lead-body, .lead-screen.lead .lead-body {
/*padding-left: 0;*/
/*padding-right: 0;*/ } }
/* Alerts */
.alert .blockOverlay {
border-radius: 3px; }
/* Notes */
.note.note-default {
background: #F0F0F0; }
.note.note-sm {
padding: 5px;
font-size: 12px; }
.note-item {
padding: 0;
/*margin: 0 0 1px;*/
background-color: #FFF;
border: 1px solid #EEE;
/*border-top-color: #FFF;
&:first-child {
border-top-color: #EEE;
}*/ }
.note-item.is-sticky {
background-color: #fff8cc; }
.note-item h4 {
font-weight: 600;
margin: 20px 15px 15px;
font-size: 14px; }
.note-item p {
margin: 15px 15px 30px;
padding: 0 10px;
color: #888;
font-size: 13px;
/*word-break: break-all;*/
word-wrap: break-word;
white-space: pre-wrap; }
.note-item .footer {
margin: 15 px 0 0 0;
padding: 5px 15px 5px;
font-size: 12px;
font-weight: 600;
color: rgba(0, 0, 0, 0.3);
background: rgba(0, 0, 0, 0.04); }
.note-item .sub-note {
font-size: 11px;
margin: 5px 15px 5px;
font-weight: bold; }
.note-item .tools {
position: absolute;
top: 15px;
right: 15px; }
.note-item .tools a {
display: inline-block;
margin-left: 12px;
opacity: .8; }
.note-item .tools a .fa {
color: rgba(0, 0, 0, 0.25);
font-size: 20px;
margin: 0; }
.note-item .tools a:hover {
opacity: 1; }
/* Event Listing */
.event-listing {
margin: 0 !important;
padding: 10px 0;
background-color: #FFF;
border: 1px solid #DDD;
border-top-width: 0; }
.event-listing:first-child {
border-top-width: 1px; }
.event-listing .day {
color: #AAA; }
.event-listing h4 {
margin: 1px 0 6px;
font-size: 15px;
font-weight: 600; }
.event-listing .contract-no {
margin: 17px 0 3px;
font-size: 15px; }
.event-listing .datetime {
padding: 10px 0;
background: #f4f4f4;
border: 1px solid #ddd;
border-radius: 4px;
text-align: center;
overflow: hidden; }
.event-listing .datetime .col-xs-6 {
padding: 0; }
.event-listing .datetime .col-xs-6:first-child {
border-right: 1px solid #ddd; }
.event-listing .datetime .col-xs-6 strong {
font-size: 22px;
font-weight: 600; }
.event-listing .tools {
position: absolute;
top: 0;
right: 0;
/*opacity: 0;*/ }
.event-listing .tools a {
display: inline-block;
margin-left: 5px;
/*color: #AAA;*/ }
.event-listing .tools a:hover .fa {
opacity: .8; }
.event-listing .tools a .fa {
font-size: 20px;
opacity: .6; }
.event-listing.event-completed .datetime {
color: #AAA; }
.event-listing:hover .tools {
opacity: 1; }
/* File Uploads */
[ngf-drop].portlet {
position: relative;
top: 0; }
[ngf-drop].portlet.drag-over {
top: -5px;
box-shadow: 0 7px 20px 2px rgba(0, 0, 0, 0.3);
transition: top .6s, box-shadow .6s; }
[ngf-drop].drag-over:after {
content: 'Drop to Upload Files';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
padding-top: 15px;
background: -moz-linear-gradient(top, rgba(68, 77, 88, 0.65) 0%, rgba(68, 77, 88, 0.65) 1%, rgba(68, 77, 88, 0.25) 25%, rgba(68, 77, 88, 0.25) 100%);
background: -webkit-linear-gradient(top, rgba(68, 77, 88, 0.65) 0%, rgba(68, 77, 88, 0.65) 1%, rgba(68, 77, 88, 0.25) 25%, rgba(68, 77, 88, 0.25) 100%);
background: linear-gradient(to bottom, rgba(68, 77, 88, 0.65) 0%, rgba(68, 77, 88, 0.65) 1%, rgba(68, 77, 88, 0.25) 25%, rgba(68, 77, 88, 0.25) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6444d58', endColorstr='#40444d58',GradientType=0 );
text-align: center;
font-size: 16px;
color: #fff;
z-index: 12000; }
[ngf-drop].drag-over.drag-invalid:after {
content: 'Invalid File Type(s)';
background: -moz-linear-gradient(top, rgba(102, 12, 12, 0.65) 0%, rgba(102, 12, 12, 0.65) 1%, rgba(102, 12, 12, 0.25) 25%, rgba(102, 12, 12, 0.25) 100%);
background: -webkit-linear-gradient(top, rgba(102, 12, 12, 0.65) 0%, rgba(102, 12, 12, 0.65) 1%, rgba(102, 12, 12, 0.25) 25%, rgba(102, 12, 12, 0.25) 100%);
background: linear-gradient(to bottom, rgba(102, 12, 12, 0.65) 0%, rgba(102, 12, 12, 0.65) 1%, rgba(102, 12, 12, 0.25) 25%, rgba(102, 12, 12, 0.25) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6660c0c', endColorstr='#40660c0c',GradientType=0 ); }
.progress > .progress-bar-success {
background-color: #26c282; }
/* Animations */
.grow-md {
-webkit-transition: -webkit-transform .2s ease-in-out;
/* Safari */
transition: transform .2s ease-in-out; }
.grow-md:hover {
-webkit-transform: scale(1.05);
/* Chrome, Safari, Opera */
-ms-transform: scale(1.05);
/* IE 9 */
transform: scale(1.05); }
.grow-sm {
-webkit-transition: -webkit-transform .2s ease-in-out;
/* Safari */
transition: transform .2s ease-in-out; }
.grow-sm:hover {
-webkit-transform: scale(1.02);
/* Chrome, Safari, Opera */
-ms-transform: scale(1.02);
/* IE 9 */
transform: scale(1.02); }
.shadow {
transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); }
.shadow:hover {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.18);
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.18); }
.shake-delay {
animation: shake 4s cubic-bezier(0.36, 0.07, 0.19, 0.97) infinite;
transform: translate3d(0, 0, 0);
backface-visibility: hidden;
perspective: 1000px; }
@keyframes shake {
10%, 30% {
transform: translate3d(-1px, 0, 0); }
12.5%, 27.5% {
transform: translate3d(1px, 0, 0); }
15%, 20%, 25% {
transform: translate3d(-2px, 0, 0); }
17.5%, 22.5% {
transform: translate3d(2px, 0, 0); } }
/* Feedback */
.freshwidget-button a {
height: 30px;
padding: 0 10px;
border: 0 none !important;
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.5) !important; }
.freshwidget-button a:before {
content: "\f1cd";
font: normal normal normal 14px/30px FontAwesome; }
.freshwidget-button a.proxy-link {
display: none; }
.freshwidget-container {
position: absolute; }
.freshwidget-container .widget-ovelay {
background: #000 !important; }
.freshwidget-container .freshwidget-dialog .widget-close,
.freshwidget-container .freshwidget-dialog .mobile-widget-close {
position: absolute;
left: auto;
right: 30px;
width: 32px;
height: 32px;
background-color: transparent;
border: none; }
.freshwidget-container .freshwidget-dialog .widget-close:before,
.freshwidget-container .freshwidget-dialog .mobile-widget-close:before {
content: '';
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-image: url(/MobileLeads/Assets/lib/metronic-master/theme/assets/global/img/portlet-remove-icon.png);
background-repeat: no-repeat;
background-position: center; }
.freshwidget-container .freshwidget-dialog .mobile-widget-close {
top: 25px; }
@media (max-width: 768px) {
.freshwidget-container.responsive .freshwidget-dialog {
width: 100%; }
.freshwidget-container.responsive .freshwidget-dialog iframe {
top: 2vh;
height: 500px !important; } }
#supplier-table > tbody > tr:nth-child(odd) {
background-color: #D3D3D3; }
#file-uploader .preview, #modal-file-upload .preview {
text-align: center; }
#file-uploader .preview i.fa, #file-uploader .preview [ngf-background], #modal-file-upload .preview i.fa, #modal-file-upload .preview [ngf-background] {
height: 80px;
width: 80px;
background-color: #fafcfc;
border: 1px solid #eaeaea;
border-radius: 3px; }
#file-uploader .preview i.fa, #modal-file-upload .preview i.fa {
font-size: 60px;
line-height: 80px;
color: #AAA; }
#file-uploader .preview [ngf-background], #modal-file-upload .preview [ngf-background] {
background-size: contain;
background-repeat: no-repeat;
background-position: center; }
#file-uploader .status, #modal-file-upload .status {
padding: 0 15px 15px; }
#file-uploader .remove, #modal-file-upload .remove {
position: absolute;
top: 10px;
right: 10px;
padding: 5px !important;
box-shadow: none !important;
background: transparent; }
#file-uploader .error, #modal-file-upload .error {
color: darkred; }
#modal-file-upload [ng-repeat] {
position: relative; }
#modal-file-upload .remove {
top: 0;
right: 0; }
[id^="flex-field-file-uploader-"] {
.file-upload-container {
display: flex;
flex-direction: row;
.input-form-control {
flex: 1;
}
button {
border: 0px;
}
}
}
#modal-flexfile-select {
.overflow-auto {
max-height: 30em;
}
}
profile-pic {
position: relative;
display: inline-block;
height: 40px;
width: 40px;
text-align: center;
font-weight: 500;
font-family: RobotoDraft, Roboto, "Helvetica Neue", sans-serif;
font-size: 20px;
letter-spacing: -.1em;
white-space: nowrap;
color: #FFF;
overflow: hidden;
z-index: 1; }
profile-pic.round {
border-radius: 50%; }
profile-pic > div {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2f373e; }
profile-pic > div > span,
profile-pic > img {
position: absolute;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%); }
profile-pic > div > span {
text-indent: -3px; }
profile-pic > img {
min-height: 100%;
max-width: 100%; }
profile-pic.sm {
height: 24px;
width: 24px;
font-size: 12px; }
profile-pic.sm > div > span {
text-indent: 0; }
profile-pic.lg {
height: 128px;
width: 128px;
font-size: 64px; }
profile-pic.lg > div > span {
text-indent: 0; }
:root house-type {
position: relative;
display: block;
padding: 0;
color: #FFF;
overflow: hidden; }
:root house-type > .header {
display: flex;
flex-direction: row;
padding: 15px;
overflow: hidden; }
:root house-type > .header:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 1; }
:root house-type > .header[ui-sref]:not([ui-sref='.']) {
cursor: pointer; }
:root house-type > .header[ui-sref]:not([ui-sref='.']):hover:before {
background: rgba(0, 0, 0, 0.8); }
:root house-type > .header h3 {
flex: 1;
color: #FFF;
margin: 0;
height: 50px;
padding: 13px 15px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
:root house-type > .header .specs {
width: 200px;
padding: 9px;
font-size: 11px; }
:root house-type > .header .specs .row {
margin: 0; }
:root house-type > .header .specs div[class^=col-] {
padding: 0; }
:root house-type > .footer {
display: flex;
flex-flow: column-reverse;
top: 0;
height: 100%;
font-size: 11px;
pointer-events: none; }
:root house-type > .footer .clip {
overflow: hidden; }
:root house-type > .footer .clip p {
position: relative;
margin: 0;
padding: 15px;
background: rgba(0, 0, 0, 0.5);
z-index: 1; }
:root house-type > .footer .clip .swiper-container.thumbs {
height: 100px;
padding-left: 10px;
pointer-events: all;
z-index: 1; }
:root house-type > .footer .clip .swiper-container.thumbs .swiper-slide {
transition: opacity .3s;
height: 80px;
margin: 10px 0;
border-radius: 3px;
box-shadow: 0px 1px 5px black;
cursor: pointer; }
:root house-type > .footer .clip .swiper-container.thumbs .swiper-slide:not(:hover) {
opacity: .3; }
:root house-type > .footer .clip .swiper-container.blurred {
top: auto;
bottom: 0; }
:root house-type .overlay {
position: absolute;
left: 0;
right: 0;
z-index: 1; }
:root house-type .overlay .swiper-container.blurred {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
-webkit-filter: blur(5px);
filter: blur(5px); }
:root house-type .overlay > *:not(.swiper-container) {
position: relative;
z-index: 1; }
:root house-type .swiper-container {
padding: 0;
z-index: 0; }
:root house-type .swiper-container .swiper-wrapper .swiper-slide.no-photo {
box-shadow: inset 0 0 50px 10px black; }
:root house-type .swiper-container .swiper-button-prev,
:root house-type .swiper-container .swiper-button-next {
display: flex;
align-items: center;
position: absolute;
top: 0;
bottom: 0;
height: 100%;
width: 50%;
padding: 15px;
margin: 0;
text-decoration: none !important;
transition: opacity .5s;
background-image: none;
z-index: 1; }
:root house-type .swiper-container .swiper-button-prev:not(:hover),
:root house-type .swiper-container .swiper-button-next:not(:hover) {
opacity: .5; }
:root house-type .swiper-container .swiper-button-prev > i,
:root house-type .swiper-container .swiper-button-next > i {
color: #FFF;
text-shadow: 0 1px 2px #000; }
:root house-type .swiper-container .swiper-button-prev {
left: 0; }
:root house-type .swiper-container .swiper-button-next {
right: 0;
justify-content: flex-end; }
@charset "UTF-8";
.note-item .props {
padding: 5px 10px 5px;
background-color: #f5f5f5;
box-shadow: none; }
.note-item .props h4 {
margin: 10px 5px 10px; }
.note-item .props .flex-row > label {
min-width: 100px;
padding: 2px 10px 0 0;
margin: 0 0 10px;
font-size: 13px;
color: #AAA; }
.note-item .props .flex-row .label {
display: inline-block;
font-size: 12px;
margin: 0 5px 3px 0;
padding: 5px;
line-height: 11px; }
.note-item.has-replies::before {
content: '';
position: absolute;
background-color: #578ebe;
width: 3px;
height: 100%;
bottom: 0;
left: -7px; }
note.reply {
margin-left: 20px; }
:root new-tender .row {
margin-left: 0;
margin-right: 0; }
:root new-tender .list-prices {
margin: -10px 0 0;
min-height: 40px; }
:root new-tender .list-prices label {
padding-right: 15px; }
lead-scores > span {
font-size: 32px;
transition: font-size .2s; }
lead-scores > span i.fa {
color: #999; }
lead-scores > span.clickable {
cursor: pointer; }
lead-scores > span.clickable:hover {
font-size: 36px; }
lead-scores.small > span {
font-size: 16px;
transition: font-size .2s; }
lead-scores.small > span i.fa {
color: #999; }
lead-scores.small > span.clickable {
cursor: pointer; }
lead-scores.small > span.clickable:hover {
font-size: 18px; }
#modal-lead-send-message .row {
margin-left: 0;
margin-right: 0; }
#modal-lead-send-message .row .input-icon.right > .form-control.bootstrap-select {
padding-left: 0;
padding-right: 0; }
#modal-lead-send-message .modal-dialog {
width: auto; }
#modal-lead-send-message .modal-dialog .btn-recipients {
min-width: 100px; }
#modal-lead-send-message .modal-dialog #unlayer-editor,
#modal-lead-send-message .modal-dialog #unlayer-editor > iframe {
min-width: 100% !important;
min-height: 400px !important;
height: 40vh !important;
border: 1px solid #CCC;
border-radius: 2px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); }
.bs-select.live-search-inset .dropdown-menu {
overflow: visible !important; }
.bs-select.live-search-inset .dropdown-menu .bs-searchbox {
position: absolute;
top: -38px;
left: -7px;
right: 20px;
border-radius: 2px;
overflow: hidden; }
.bs-select.live-search-inset .dropdown-menu .bs-searchbox input {
border: none;
box-shadow: none;
height: 32px;
padding: 5px 12px; }
.bs-select.live-search-inset .dropdown-menu .no-results {
display: none !important; }
#modal-tender-edit-status .modal-dialog {
width: auto; }
#modal-tender-edit-status .modal-dialog > .container {
width: 600px; }