@import url("../css/bootstrap.css"); @import url("../css/bootstrap3-wysihtml5.min.css"); @import url("../css/AdminLTE.min.css"); @import url("../css/skin-blue.min.css"); @import url("../css/sweet-alert.css"); @import url("../css/ng-sortable.css"); @import url("../css/select.min.css"); /*@import url("https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css");*/ /*@import url("../css/fontawesome.css");*/ /* replace 'webfonts' --> 'fonts' & 'Font Awesome 5 Brands' --> 'FontAwesome' directory in css regarding webfont files location */ @import url("../css/fontawesome-all.css"); @import url("../css/fa-light.css"); @import url("../css/fa-regular.css"); @import url("../css/fa-solid.css"); @import url("../css/custom-panel.css"); @import url("../css/print.css"); @import url("../css/bootstrap-switch.min.css"); @import url("../css/angular-lightbox.css"); @import url("../css/nya-bs-select.min.css"); @import url("../css/calendar.min.css"); @import url("../css/rzslider.min.css"); @import url("../css/angular-moment-picker.min.css"); @import url("../css/treeGrid.css"); .ver1{ } /* WP8 and IE10 fix */ @-webkit-viewport { width: device-width; } @-moz-viewport { width: device-width; } @-ms-viewport { width: device-width; } @-o-viewport { width: device-width; } @viewport { width: device-width; } /* ---------------------------------------------------------- */ body { font-family: sans-serif; /*padding-top: 50px; used for fixed navbar position */ /* Disable Safari scrollbars, because jQuery Mobile annoyingly insists on setting the min-height of the page to 320px. It does this (unsuccessfully, in 1.0.1, but successfully in 1.1) in order to keep the Mobile Safari location bar from appearing during page transitions. But this causes a problem in desktop Safari if the height is <320px. If you resize to <320 in a desktop browser, you will see a scrollbar if you don't use this style. I haven't put this in jquery.mobile.iscrollview.css, because it has to be applied to , and so it will affect the entire site/app. It is an appropriate setting for any site/app meant to use a page size fixed at the browser window size. If your site/app mixes fixed-height pages with scrolling pages, you will need to work out another solution. */ overflow-x:hidden; /* optimizeSpeed is the default. Using optimizeLegibility here will typically DOUBLE rendering time! So, think twice about using optimizeLegibility */ text-rendering: optimizeSpeed; /* subpixel-antialiased is the default, but you might like to use antialiased for a thinner look in Safari. There is no speed penalty for this, nor a speed advantage for "none", which looks absolutely terrible... */ -webkit-font-smoothing: subpixel-antialiased; /* Shut off long touch on links for info. If this is set to "default", then a long touch on a link will display the URL in a popup. This is pretty darn annoying. */ -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0); /* Shut off content selection, because it's really annoying when dragging You might like to do this only for scroller content, though, or enable it for certain text you want the user to be able to cut-and-paste */ -webkit-user-select: none; -khtml-user-select: none; -ms-user-select: none; -moz-user-select: none; user-select: none; /*-webkit-text-size-adjust:none;*/ /*background-image: url(images/linen.png); */ /*background-color: red;*/ overflow-y: -moz-scrollbars-vertical; /* dK# */ overflow-y: scroll; /* dK# */ } [ng\:cloak], [ng-cloak], .ng-cloak { display: none; } .splash { display: none; } .ng-startup.splash { display: block !important; } .splash { /*position: absolute;*/ top: 0; left: 0; height:100%; width:100%; filter: alpha(opacity=60); opacity: 0.6; background: #fff; } .splash h2 { text-align: center; font-size: 3em; color:black; } .app-loading .loading-bar { display: block; -webkit-animation: shift-rightwards 1s ease-in-out infinite; -moz-animation: shift-rightwards 1s ease-in-out infinite; -ms-animation: shift-rightwards 1s ease-in-out infinite; -o-animation: shift-rightwards 1s ease-in-out infinite; animation: shift-rightwards 1s ease-in-out infinite; -webkit-animation-delay: .4s; -moz-animation-delay: .4s; -o-animation-delay: .4s; animation-delay: .4s; } .loading-bar { position: fixed; display: none; top: 0; left: 0; right: 0; height: 4px; z-index: 1800; background: #60d778; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } @-webkit-keyframes shift-rightwards { 0% { -webkit-transform:translateX(-100%); -moz-transform:translateX(-100%); -o-transform:translateX(-100%); transform:translateX(-100%); } 40% { -webkit-transform:translateX(0%); -moz-transform:translateX(0%); -o-transform:translateX(0%); transform:translateX(0%); } 60% { -webkit-transform:translateX(0%); -moz-transform:translateX(0%); -o-transform:translateX(0%); transform:translateX(0%); } 100% { -webkit-transform:translateX(100%); -moz-transform:translateX(100%); -o-transform:translateX(100%); transform:translateX(100%); } } @-moz-keyframes shift-rightwards { 0% { -webkit-transform:translateX(-100%); -moz-transform:translateX(-100%); -o-transform:translateX(-100%); transform:translateX(-100%); } 40% { -webkit-transform:translateX(0%); -moz-transform:translateX(0%); -o-transform:translateX(0%); transform:translateX(0%); } 60% { -webkit-transform:translateX(0%); -moz-transform:translateX(0%); -o-transform:translateX(0%); transform:translateX(0%); } 100% { -webkit-transform:translateX(100%); -moz-transform:translateX(100%); -o-transform:translateX(100%); transform:translateX(100%); } } @-o-keyframes shift-rightwards { 0% { -webkit-transform:translateX(-100%); -moz-transform:translateX(-100%); -o-transform:translateX(-100%); transform:translateX(-100%); } 40% { -webkit-transform:translateX(0%); -moz-transform:translateX(0%); -o-transform:translateX(0%); transform:translateX(0%); } 60% { -webkit-transform:translateX(0%); -moz-transform:translateX(0%); -o-transform:translateX(0%); transform:translateX(0%); } 100% { -webkit-transform:translateX(100%); -moz-transform:translateX(100%); -o-transform:translateX(100%); transform:translateX(100%); } } @keyframes shift-rightwards { 0% { -webkit-transform:translateX(-100%); -moz-transform:translateX(-100%); -o-transform:translateX(-100%); transform:translateX(-100%); } 40% { -webkit-transform:translateX(0%); -moz-transform:translateX(0%); -o-transform:translateX(0%); transform:translateX(0%); } 60% { -webkit-transform:translateX(0%); -moz-transform:translateX(0%); -o-transform:translateX(0%); transform:translateX(0%); } 100% { -webkit-transform:translateX(100%); -moz-transform:translateX(100%); -o-transform:translateX(100%); transform:translateX(100%); } } @media print { .user{ display: none; } } #login{ position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; overflow: auto; background-color: #FFFFFF; } a:focus{ outline: none; } /* Fix for input-field cursor positioning on iOS Safari */ /*body.modal-open { position: fixed; }*/ /*********************** IE9 bug fix for resize input on hover ******************/ /*.input-group .form-control { display:block !important; }*/ .fileUpload { position: relative; overflow: hidden; margin: 10px; } .fileUpload input.upload { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); } .st-sort-ascent:before{ content:"\25B2 "; color: lightgray; } .st-sort-descent:before{ content:"\25BC "; color: lightgray; } .st-selected{ /* background: lightgoldenrodyellow !important; dK# */ /* color: white !important; dK# */ } .padding{ padding: 0.8em; } .header { text-align: center; background-color: #269; background-image: linear-gradient(rgba(255, 255, 255, .5) 1px, transparent 4px), linear-gradient(90deg, rgba(255, 255, 255, .5) 1px, transparent 4px), linear-gradient(rgba(255, 255, 255, .3) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .3) 1px, transparent 1px); background-size: 40px 40px, 40px 40px, 10px 10px, 10px 10px; background-position: -2px -2px, -2px -2px, -1px -1px, -1px -1px; box-shadow: 0px 3px 8px 2px rgba(80, 80, 80, 1); } .banner { padding: 2em 0; color: #ffffff; text-shadow: 0px 3px 30px #fafaff; z-index: 999; } #main-footer{ margin-top: 3em; border-top: 1px solid #454545; } @-webkit-keyframes halfspin { to { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); } } @-moz-keyframes halfspin { to { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); } } @keyframes halfspin { to { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); } } /* ng-sortable css file */ .as-sortable-item, .as-sortable-placeholder, .photo-thumb, .sync-photo-item { margin: 5px; border-radius: 10px; overflow: hidden; display: inline-block; } .as-sortable-item, .photo-thumb, .sync-photo-item { border: solid 1px #dfdfdf; background-color: #fff; display:inline-block; color: #707070; } .as-sortable-placeholder { border: 1px dashed darkgrey; box-sizing: border-box; background-color: #dbdbdb } .as-sortable-drag { opacity: .8 } .large-thumbnail img { width: auto; height: 128px; } .image-order-box { overflow: hidden; } .photo-thumbnail img{ height: 48px; width: auto; } .photo-thumbnail:hover { background-color: lemonchiffon; } .thumb-space { width: 72px; display: inline-block; } .move-me { display: none; } .sortable-heading { cursor: pointer; } .sortable-heading:hover { text-decoration: underline; } .padding3 { padding: 3px; } #photo-reordering, #photo-sync, #watermarkdlg { width: 85%; } #photo-reordering > div, #photo-sync > div { padding: 30px; } #photo-reordering .modal-body { padding: 20px 0 20px 10px; } .as-sortable-item-handle img { height: 96px; width: auto; margin-bottom: 7px; } .as-sortable-item-handle span { margin-right: 5px; } #imglogo { max-width: 100%; max-height: 90px; } .quick-search { padding-top: 25px; padding-bottom: 10px; background-color: #f5f5f5; } #geocode-dialog { width: 90%; } .truncate{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .pagination li a { min-width: 85px; } .edit-listing .form-group label { margin-right: 4px; } /*.edit-listing .form-inline .form-group .ng-scope label:nth-last-child(2) { margin-left: 15px; }*/ .well .btn-default { background-color: white!important; /* fixes AdminLTE.css #F4F4F4 on well */ } .btn.checked { color: white; background-color: #3c8dbc!important; } .done .btn.checked { background-color: #3c763d!important; } .important-event .btn.checked { background-color: #dd4b39!important; } .form-horizontal .control-label { text-align: left; } a, #list-property-desc:hover, #list-property-image { cursor: pointer; } .enable-copy { -webkit-user-select: text; -khtml-user-select: text; -ms-user-select: text; -moz-user-select: text; user-select: text; cursor: text; } .property-row:hover { background-color: whitesmoke; } .popover-title { font-weight: bold; } .tooltip { position: fixed; } .popover, .tooltip-inner { max-width: 370px; padding: 7px 11px; } .sync-photo-item { padding: 0 0 5px; cursor: pointer; } /*.sync-photo-item:hover { background-color: lightblue; }*/ .label-info { padding: 0.4em 0.9em 0.4em ; background-color: #AFAFAF!important; display: inline-block; margin-top: 0.2em; } .to-top { position: fixed; bottom: 20px; right: 20px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.4); width: 50px; height: 50px; display: block; text-decoration: none; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; display: none; opacity: 0.3; } .to-top i { color: #fff; margin: 0; position: relative; left: 16px; top: 13px; font-size: 19px; } .to-top:hover { background: rgba(60, 140, 188, 0.8); opacity: 1; } .to-top:hover i { color: #fff; top: 10px; } .form-control[readonly] { cursor: auto!important; } span.angular-lightbox-inner { max-width: 80%; } span.angular-lightbox-inner > img { width: 100%; max-height: 100%; } .lightbox-trigger { position: relative; } .lightbox-trigger:hover::before { content:"\f002"!important; font-family: 'Font Awesome 5 Pro'; font-size: 35px; color: white; position: absolute; text-align: center; opacity: 0.7; height: 100%; bottom: 100%; width: 100%; } .m-top-20 { margin-top: 20px; } .m-top-10 { margin-top: 10px; } .m-bottom-10, .mb10 { margin-bottom: 10px; } .mt6 { margin-top: 6px; } .pad-0 { padding:0; } span.angular-lightbox-inner .close { opacity: 1.0; text-shadow: none; } .angular-lightbox-inner .close:hover, .angular-lightbox-inner .close:focus { color: white; } .listings-grid .listingID-col input{ padding-left: 5px; } .user-menu > a { text-transform: uppercase; } .user-menu .dropdown-menu, .navbar-nav .open .user-menu .dropdown-menu { border-width: 1px!important; /*border-color: #222d32;*/ border-style: solid; border-radius: 0!important; } .user-menu .dropdown-menu > li.user-header { background-color: #222d32; } /*.navbar-nav .open .dropdown-menu { box-shadow: 0 26px 12px rgba(0, 0, 0, 0.176); }*/ .contact-type-filter label { min-width: 135px; } .box.box-info { border-top-color: lightgrey; } .box-header .box-title { font-size: 22px; } .header { box-shadow: none; text-align: left; } .text-danger { color: #dd4b39; } .inactive-property{ opacity: 0.4; } .confidential-property{ background-color: #fafafa; } .watermark-settings > div > div { text-align: center; } .watermark-settings .thumbnail { padding-top: 10px; } .watermark-settings .radio { padding-bottom: -10px; padding-left: 20px; } .watermark-settings img { height: 80px; } .watermark-settings .fileUpload, .watermark-settings .caption { padding: 0; margin: 0 0 5px; } /*.watermark-settings .thumbnail .active-watermark { background-color: wheat; }*/ .watermark-settings .radio label { padding-left: 1px; } .active-watermark:checked + label { font-weight: bold; } .active-watermark:checked + label::after { content: " active"; display: inline-block; background-color: red; padding: 0 8px; margin-left: 5px; color: white; } .default-watermark { border-style: solid; border-color: burlywood; background-color: lemonchiffon; } .hint { color: lightgray; } .hint:hover { color: lightblue; } .form-control::-webkit-input-placeholder, .ui-select-search::-webkit-input-placeholder { color: gray; opacity: 0.5} .form-control:-moz-placeholder, .ui-select-search:-moz-placeholder { color: gray; opacity: 0.5} .form-control::-moz-placeholder, .ui-select-search::-moz-placeholder { color: gray; opacity: 0.5} .form-control:-ms-input-placeholder, .ui-select-search:-ms-input-placeholder { color: gray; opacity: 0.5} .ui-select-search { padding-left: 10px; } .glyphicon-left { margin-right: 7px; } #list-property-desc a span { color: #333; } .multi-address-cnt { display: inline-table; margin-top: 5px; } .multi-address-cnt > span { width: 100%; } /*.multi-address-cnt > span *:nth-last-child(2) { margin-right: 5px; }*/ /*.multi-address-cnt span button i { color: grey; }*/ .multi-address-cnt > span > *, .multi-address-cnt > span > * { margin-top: 5px; } .multi-address-cnt > span::after { /*padding-bottom: 5px;*/ content: ''; display: block; } .text-score { color: gainsboro; } .global-search-box { transform:translate(-271px, -7px); padding: 0; margin: 0; width: 600px } .global-search-box li { padding: 10px 10px 0; /*min-width:680px !important;*/ border-bottom: 1px #E0E0E0 solid; } .image-controls .fa-eye-slash { visibility: visible; color: red; } /*.nya-bs-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { max-width: 22%; }*/ .nya-bs-select.btn-group .dropdown-menu li.first-in-group span.dropdown-header { font-weight: bold; color: #303030; font-size: inherit; } .ui-select-match .btn-default, .nya-bs-select .btn-default { background-color: white; } /*.nya-bs-select button { max-width: 100%; } .nya-bs-select .dropdown-toggle .filter-option, .nya-bs-select .dropdown-toggle .special-title { width: auto%; } */ .btn, .tooltip, span { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } h2 span, h4 span { font-family: inherit; } .list-propety-customer { padding: 10px 0 5px; } .list-group-item-info, .list-group-item:hover { /*override current bootstrap style*/ padding: 10px 15px; border: 1px solid #ddd; background-color: #FFFCEE!important; } .list-group-item-text { padding: 10px 15px; border: 1px solid #ddd; } .main-header .navbar .nav > li > a > .label { /* notification badge */ right: 2px; top: 7px; padding: 4px 6px; font-size: 11px; border-radius: 50px; } .floors .dropdown-menu { padding: 15px 0; } .floors-extra-box td { /*word-break: keep-all;*/ white-space: nowrap; vertical-align: middle!important; /*maring: 3px!important;*/ } .floors-extra-box { max-width: 800px; } .floors-extra-box thead th { font-size: 12px; } .fl-layout { width: 75px; } .fl-extra-info { max-width: 107px!important; /*margin: 2px 0;*/ } .floor-no { min-width: 180px; display: inline-block; } .floor-details-btn-group { padding: 10px 10px 20px 197px; } .affix { top: -50px; position: fixed; } /*.affix-top { background-color: yellow!important; }*/ .sticky { position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky; top: 0; } .main-footer { background-color: #ecf0f5; border: none; color: #909090; font-size: 12px; line-height: 20px; } .main-footer i { font-size: 16px; } /*.main-footer span { color: #CACACA; }*/ .nya-bs-select .bs-actionsbox { padding-bottom: 15px; } /*.district-grid { color: grey; }*/ .listing-address-grid { color: #AA632B; /*909090-peru*/ } .range-slider { display: inline-block; } .deviation-label { font-size: 16px; /*color: #70a970; */ } .minusplus { font-size: 14px; font-family: tahoma; } .company-profile-input textarea { width: 100%; height: 600px; } .modal-content { /*width: 75%;*/ margin: 0 auto; } .ui-select-bootstrap>.ui-select-choices { max-height: 300px; } .ui-select-multiple.ui-select-bootstrap input.ui-select-search { min-height: 27px; } .ui-select-multiple.ui-select-bootstrap .ui-select-match-item { margin: 3px; padding: 3px 6px; background-color: #fbfbfb!important; } .ui-select-multiple.ui-select-bootstrap { padding: 5px; } .ui-select-multiple.ui-select-bootstrap .ui-select-match .close { line-height: 0.9em; } /*fix to avoid placeholder hidden when form loads --- editEvent:Add property*/ /*.ui-select-multiple input.ui-select-search.ng-untouched { width:100%!important; }*/ .btn-xs, .btn-group-xs > .btn { padding: 5 20px; } /*.btn-link:hover .fa-save::before { content:"\f0c7"; font-weight: 900; }*/ .badge { background-color: #428BCA; } .nav-tabs > li.active > a .badge, .btn-default .badge { background-color: #777; } .badge.overdue { background-color: #dd4b39; } .edit-mode { background-color: lightyellow; } textarea { resize: vertical; } .text-muted { color: #B6B6B6; } .modal-dialog textarea.form-control:focus { background-color: #fffcdc; } .btn-link:hover, .btn-link:focus { text-decoration: none; } .btn-link:hover { background-color: #ecf0f5; } .fa-lock, .fa-lock-open { position: relative; top: -2px; } .text-yellow { color: #FFBE00!important; } .text-dark-grey { color: #636363!important; } /* date-time picker */ .moment-picker { z-index: 1060 !important; } .btn-link.pull-left { margin-top: -5px; } .text-success { color: #00a65a; } .calendar-event-inner { font-size: 11.3px; padding: 2px 5px; } /* fix calendar all-day label */ .calendar-hour-column, .weekview-allday-label, .dayview-allday-label { width: 80px; } .weekview-allday-content-wrapper, .dayview-allday-content-wrapper { margin-left: 80px; } .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary { background-color: #428bca; } td[data-title="SYNC"] .label-primary, td[data-title="SYNC"] .label-default { padding: .3em .44em .3em; } td[data-title="SYNC"] .label-primary { background-color: white!important; color: #428bca!important; border: 1px solid #428bca; } td[data-title="SYNC"] .label-primary:hover { background-color: lightgray!important; color: white!important; border: 1px solid lightgray; } td[data-title="SYNC"] .label-default { background-color: white!important; color: lightgray!important; border: 1px solid lightgray; } td[data-title="SYNC"] .label-default:hover { background-color: #428bca!important; color: white!important; border: 1px solid #428bca; } .copy-values a { display: none; /*visibility: hidden;*/ font-weight: normal; } .copy-values:hover a { display: block; /*visibility: visible;*/ } /*.row-description { max-width: 150px; } .row-description span { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: .2s max-width linear; -o-transition: .2s max-width linear; -moz-transition: .2s max-width linear; -webkit-transition: .2s max-width linear; -ms-transition: .2s max-width linear; } .row-description span:hover { max-width: inherit; }*/ .request-match .nav-pills > li > a { background-color: #E3E3E3; color: #828282; border-radius: 20px!important; letter-spacing: 0.3px; border: none!important; } .request-match .nav-pills > li.active > a, .request-match .nav-pills > li.active > a:hover, .request-match .nav-pills > li.active > a:focus { background-color: #7DBF7D; /* 428bca */ color: white; } .forbidden-area { background-color: #FAFAFA; } .input-group .form-control { /*fixes overlap with floors select input*/ z-index: auto; } .global-notification { background-color: #FFF0A5; color: black; z-index: 900; font-size: 12px; padding: 7px 10px 5px; position: relative; } .top-contorls > :first-child { visibility: hidden; } .top-contorls:hover > :first-child { visibility: visible; } .bg-muted { background-color: #EEEEEE!important; } .fluidMedia { position: relative; padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */ padding-top: 30px; height: 0; overflow: hidden; } .fluidMedia iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #ci { color: white; border-color: white!important; border-radius: 6px; background-color: white; } #ci.verygood { background-color: #4A8C07; } #ci.good { background-color: #79B31B; } #ci.reasonable { background-color: #B1D937; } #ci.increased { background-color: #F2B818; } #ci.high { background-color: #E6892C; } #requested-listings-title:hover { cursor: pointer; color: #428bca; } .bar { fill: steelblue; } .bar:hover { fill: brown; } .axis--x path { display: none; } .signature-pad { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-size: 13px; width: 100%; height: 100%; /* max-width: 700px; */ /* max-height: 460px; */ /*border: 1px solid #e8e8e8;*/ background-color: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.08) inset; border-radius: 4px; padding: 15px; } .signature-pad::before, .signature-pad::after { position: absolute; z-index: -1; content: ""; width: 40%; height: 10px; bottom: 10px; background: transparent; box-shadow: 0 8px 12px rgba(0, 0, 0, 0.4); } .signature-pad::before { left: 20px; -webkit-transform: skew(-3deg) rotate(-3deg); transform: skew(-3deg) rotate(-3deg); } .signature-pad::after { right: 20px; -webkit-transform: skew(3deg) rotate(3deg); transform: skew(3deg) rotate(3deg); } .signature-pad--body { position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; border-bottom: 1px solid #f4f4f4; /*border-left: none; border-right: none;*/ padding-bottom: 15px; } .signature-pad--body canvas { box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset; border: 2px dashed #ADADAD!important; width: calc(149.7vh - 23px); height: calc(100vh - 115px); /*max-height: calc(45vw); */ max-height: 362px; max-width: 100%; min-height: calc(40%); margin-bottom: 2px; } .signature-pad--body .canvas-footer { position: absolute; bottom: 28px; /*border-top: solid 1px #F4F4F4; width: 95%; margin: 0 2.5%; padding-top: 15%; background: yellow;*/ } .signature-pad p { font-size: 13px; line-height: 20px; text-align: justify; } .always-inline { display: inline; width: auto; } .text-left { text-align: left!important; } .sent-email-stamp { position: relative; top: 2px; } .old-value { color: darkred; } .new-value { color: green; } .line-clamp { position: relative; overflow: hidden; display: block; max-height: 4.3em; /* exactly three lines */ } .line-clamp:after { content: "..."; position: absolute; top: 2.9em; right: 0; /*text-align: right; width: 70%; height: 1.2em; background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);*/ } @supports (-webkit-line-clamp: 3) { .line-clamp { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: auto; } .line-clamp:after { display: none; } } .inline-button { display: inline-block; margin: 0 5px 5px 0; box-sizing: border-box; } .last-modified { color: #458746; } .addon-last-contact-date.grid { color: #92B993; } .nya-bs-select.tag-lov-large.btn-group[class*=col-] .actions-btn { /* fix width of select/deselect buttons for muli-select view tag */ width: auto; } .table-responsive { overflow-x: auto; } .rel-pos { position: relative; } .header-photo { position: absolute; top: -15px; left: -1px; width: 100px; height: 67px; background-color: #EDF0F5; border: solid 1px #d2d6de; border-radius: 5px; overflow: hidden; } .header-photo img { max-width: 100%; max-height: 77px; } .orders-container .fileUpload { margin: 0; } .order-block > div { padding-top: 20px; border-top: 2px dashed lightgray; } .order-block > div:first-child { border-top: 4px solid white; } .transaction-state { background-color: #CCCCCC; padding: 7px 15px; color: white } .transaction-state.complete { background-color: #C1DCC6; } .canceled-badge { border: 2px solid red; color: red!important; padding: 6px 12px 5px; } .full-width { width: 100%; } /*.property-row .bootstrap-switch { margin-top: 2px; width: 70px!important; }*/ .addon-save-n-sync .bootstrap-switch { bootstrap-switch: 30px; margin-top: 2px; } .addon-save-n-sync a { width: 47%; display: inline-block; } .extra-actions { position: relative; } .actions-extra-box > div { display:flex; flex-direction: column; min-width: 260px; padding: 20px; } .actions-extra-box > div > span { padding: 3px } .dropdown-submenu { position: relative; } .dropdown-submenu .dropdown-menu { top: 0; left: 100%; margin-top: -1px; } td[data-title="ΤΙΜΗ"] { white-space: nowrap; } td[data-title="ΟΡΟΦΟΣ"] { max-width: 114px; word-wrap: break-word; } .navbar-nav>.notifications-menu>.dropdown-menu>li .menu, .navbar-nav>.messages-menu>.dropdown-menu>li .menu, .navbar-nav>.tasks-menu>.dropdown-menu>li .menu { max-height: 436px; } .grad1 { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#241e1e+16,d52029+46,fff9f2+78,ffffff+100 */ background: #241e1e; /* Old browsers */ background: -moz-linear-gradient(top, #241e1e 15%, #d52029 45%, #fff9f2 80%, #ffffff 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #241e1e 15%,#d52029 45%,#fff9f2 80%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #241e1e 15%,#d52029 45%,#fff9f2 80%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#241e1e', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } #signup { background-repeat: no-repeat; background-size: contain; } #signup-content { margin: 0 auto; max-width: 960px; display: table; width: 100%; height: 100%; border-radius: 8px; overflow: hidden; } #signup-content .left { padding: 10px; color: white; width: 100%; display: table-cell; background-repeat: no-repeat; background-size: cover; position: relative; } #signup-content .left h2 { position: absolute; top: 19px; right: 20px; padding-left: 20px; } #signup-content .right { background-color: #FAFAFA; padding: 40px; display: table-cell; } #signup .submit { background-color: #D52029; } #signup .submit:hover { background-color: #E3454D; } @media screen and (max-width: 768px) { #signup-content .right { display:block; margin: 0 25px; padding: 30px 50px 50px 50px; } } @media screen and (max-width: 575px) { .form-group { width: 100%; padding: 0px; } } /* @@@ start: Large Sections */ /*=== Drop down submenus =========================================================================================================*/ .dropdown-submenu { position: relative; } .dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px; } .dropdown-submenu:hover>.dropdown-menu { display: block; } .dropdown-submenu>a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px; } .dropdown-submenu:hover>a:after { border-left-color: #fff; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } /*=== Audit history tab =========================================================================================================*/ .flow-item { padding: 10px 0; } .flow-item .title { padding-bottom: 3px; font-size: 15px; } .flow-item .value { color: #58B146; } .flow-item .dateinfo { color: #909090; } /*=== button loading spinner =========================================================================================================*/ .glyphicon.spinning { animation: spin 1s infinite linear; -webkit-animation: spin2 1s infinite linear; } @keyframes spin { from { transform: scale(1) rotate(0deg);} to { transform: scale(1) rotate(360deg);} } @-webkit-keyframes spin2 { from { -webkit-transform: rotate(0deg);} to { -webkit-transform: rotate(360deg);} } /*=== googlemaps =========================================================================================================*/ .gmcontrols { margin-top: 10px; border: 1px solid transparent; border-radius: 2px 0 0 2px; box-sizing: border-box; -moz-box-sizing: border-box; height: 32px; outline: none; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); } #pac-input, #pac-input2 { background-color: #fff; font-family: Roboto; font-size: 15px; font-weight: 300; margin-left: 12px; padding: 0 11px 0 13px; text-overflow: ellipsis; width: 50%; } #pac-input:focus, #pac-input2:focus { border-color: #4d90fe; } /*puts the google places autocomplete dropdown results above the bootstrap modal 1050 zindex.*/ .pac-container { z-index: 1051 !important; } .view-map-cnt { display: table; } .view-map-show { display: table-cell; width: 100%; } .view-map-list { display: table-cell; width: 330px; float: left; overflow: auto; } .view-map-list, .view-map-show > div{ height: 750px; } .infowindow-content { min-width: 266px; min-height: 80px; } .infowindow-top-wrapper { margin-bottom: 5px; } .infowindow-image { float:left; margin-right: 10px; } .infowindow-content h4, .view-map-list h4 { margin-bottom: 7px; } /*=== slider =========================================================================================================*/ .rzslider{ margin-top: 10px !important; } .rzslider .rz-pointer { width: 22px; height: 22px; background-color: #428bca; top: -10px; } .rzslider .rz-pointer:after { width: 22px; height: 22px; top: 0; left: 0; background-color: #3c8dbc; border-radius: 12px } .rzslider .rz-pointer:hover:after { width: 28px; height: 28px; top: -4px; left: -4px; background-color: #367fa9; border-radius: 14px } .rzslider .rz-bar { height: 2px; } .rzslider .rz-pointer.rz-active::after { background-color: #367fa9; } .customer-lookup .ui-select-toggle .caret { display: none; } .flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); } /*=== panel-menubar logo =========================================================================================================*/ /* --->> uncomment for image-logo <<--- */ /*.sidebar-mini.sidebar-collapse .main-header .logo>.logo-mini { font-size: 0; }*/ /* --->> uncomment for text-logo <<--- */ .main-header .logo { background-color: white!important; } .sidebar-mini.sidebar-collapse .main-header .logo>.logo-mini { font-size: 0; } .sidebar-mini.sidebar-collapse .main-header .logo>.logo-mini img { vertical-align: unset; } .main-header .logo .logo-lg { /*border-bottom: solid #D6222D 5px; height: 50px; letter-spacing: 1.1px;*/ margin: 0 -15px; /*line-height: 0;*/ background-color: #4A8DBB; } .logo-name { font-size: 20px; opacity: 0.4; letter-spacing: 0.3px; } .main-header .navbar { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#70a5c9+0,4a8dbb+100 */ background: #70a5c9; /* Old browsers */ background: -moz-linear-gradient(left, #70a5c9 0%, #4a8dbb 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #70a5c9 0%,#4a8dbb 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #70a5c9 0%,#4a8dbb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70a5c9', endColorstr='#4a8dbb',GradientType=1 ); /* IE6-9 */ } /*=== @media =========================================================================================================*/ @media screen and (min-width: 768px) { .angular-lightbox-overlay::after { content: "Πατήστε ← → για πλοήγηση στην προηγούμενη-επόμενη photo. HOME για πρώτη. END για τελευταία.ESC ή [Χ] κλείσιμο."; width: auto; text-align: center; width: 100%; position: fixed; left: 0; bottom: 0; color: #9f9f9f; padding: 30px; } .form-inline .nya-bs-select.form-control:not([class*=col-]) { width: auto!important; margin-top: 5px; max-width: 500px; min-width: 210px; } .tag-set .form-control { vertical-align: top; } .tag-set .tag-label { margin-left: 26px; min-width: 97px; width: 35%; overflow-wrap: break-word; } .tag-lov-combo { width: 26%!important; } .tag-lov-large { width: 53.5%!important; } .form-inline .form-group { margin-top: 5px; } .size-price-range input { width: 120px!important; } .range-slider { width: 200px; } .modal-dialog { width: 755px; } .modal-dialog#usernotes-dialog { width: 550px; } } @media screen and (min-width:481px) and (max-width: 991px) { .inline-button { width: 48%; margin: 0 1px 5px 0; } } @media screen and (max-width: 480px) { .container { padding-left: 0!important; padding-right: 0!important; } .w480-center { text-align: center!important; display: block; padding-bottom: 15px; } .w480-left { text-align: left!important; display: block; width: 100%; padding: 10px 0; } .w480-hidden { /* Hide element if width lower than 480px */ display: none!important; } .pagination li a { min-width: 50px; } .inline-button { display: block; width: 100%; margin-bottom: 5px; } } @media only screen and (max-width: 767px) { /*640px*/ /* Reform Tables for Small Resolutions */ .listings-grid table, .listings-grid thead, .listings-grid tbody, .listings-grid th, .listings-grid td, .listings-grid tr { display: block; } .listings-grid.table-responsive, .listings-grid th.listingID-col, .listings-grid th.trxID-col, .listings-grid th.trxListingID-col, .listings-grid th.trxRequestID-col { border: none; margin-top: -10px; } /* Hide table headers (but not display: none; for accessibility) */ .listings-grid thead tr:nth-child(1) { position: absolute; top: -9999px; left: -9999px; } .listings-grid thead tr.listingid-search-row:nth-child(2) th:nth-child(1), .listings-grid tr.listingid-search-row:nth-child(2) th:nth-child(2){ display: none; } .listings-grid .listingID-col, .listings-grid .trxID-col, .listings-grid .trxListingID-col, .listings-grid .trxRequestID-col { width: auto; padding: 5px 0; display: block; } .listings-grid thead th.listingID-col input, .listings-grid thead th.trxID-col input, .listings-grid thead th.trxListingID-col input, .listings-grid thead th.trxRequestID-col input { border-width: 2px; margin-bottom: 10px; font-weight:normal; } .listings-grid thead th.listingID-col:before, .listings-grid thead th.trxID-col:before, .listings-grid thead th.trxListingID-col:before, .listings-grid thead th.trxRequestID-col:before { content: "Αναζήτηση με κωδικό"; padding: 5px; font-weight: normal; color: grey; text-align: center; display: block; } .listings-grid thead th.trxID-col:before { content: "Αναζήτηση με κωδικό συναλλαγής"; } .listings-grid thead th.trxListingID-col:before { content: "Αναζήτηση με κωδικό ακινήτου"; } .listings-grid thead th.trxRequestID-col:before { content: "Αναζήτηση με κωδικό ζήτησης"; } .listings-grid tbody tr { border: 1px solid #d0d0d0; margin-bottom: 10px; } .listings-grid td { /* Behave like a "row" */ border: none; border-bottom: 1px solid #eee; position: relative; padding: 5px 0 5px 125px!important; white-space: normal; text-align:left; white-space: normal!important; } .listings-grid table tbody tr td#row-checkbox, .listings-grid table tbody tr td#list-property-image { padding-left: 12px!important; } .listings-grid td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ left: 12px; color: #A0A0A0; /*white-space: nowrap;*/ text-align:left; width: 110px; } /* Label the data */ .listings-grid td:before { content: attr(data-title); } .listings-grid td img { width: auto; max-height: 115px; } .multi-address-cnt { display: inline-block; width: 100%; } /* .nya-bs-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 100%; max-width: 100%; }*/ .hint { display: none; } .tag-set .tag-label { margin-left: 0; } .range-slider { width: 60%; margin-top: 25px; } .range-slider .rz-bubble { font-size: 13px; } .signature-pad--body canvas { max-height: calc(41.3vw); } .form-inline .radio label, .form-inline .checkbox label { /* fix inline checkbox position for small devices */ margin: 15px 0 0; padding-left: 0; } .clear-filters-btn { display: block; } } @media only screen and (min-width: 641px) { #list-property-image img { max-width: 100px; max-height: 75px; } } @media only screen and (min-width: 992px) { .uploaded-file .delete-me, .photo-thumb .image-controls, .open-listingurl, .property-row .add-note, .property-row .planned-event { visibility: hidden; } .uploaded-file:hover .delete-me, .photo-thumb:hover .image-controls, .property-row:hover .open-listingurl, .property-row:hover .add-note, .property-row:hover .planned-event { visibility: visible; } .starting-label { width: 144px; margin-bottom: 5px; } .modal-dialog #event-customer .ui-select-bootstrap .ui-select-dropdown { /*customer lookup table lov */ width: 317%; } .modal-dialog #event-listings .ui-select-bootstrap .ui-select-dropdown { /*properties lookup table lov */ width: 208%; } } @media only screen and (min-width: 1200px) { .tag-lov-combo { min-width: 74px!important; } .tag-lov-large { min-width: 152px; } .range-slider { width: 300px; } .size-price-range input { width: 140px!important; } } @media only screen and (min-width: 1440px) { .tag-set .tag-label { min-width: 165px; width: 37%; } .tag-set .form-control { vertical-align: middle; } .tag-lov-combo { width: 22%!important; } .tag-lov-large { width: 45%!important; } .tag-textbox-item { min-height: 45px; border-bottom: 1px dashed #CFCFCF; } .tag-check-item { padding-top: 6px; } } @media only screen and (max-width: 991px) { .form-control.without-label { /* form control without label */ margin-top: 5px; } .floor-details-btn-group { padding: 10px 10px 20px; } } @media only screen and (min-width:992px) and (max-width: 1439px) { .tag-textbox-item { min-height: 52px; border-bottom: 1px dashed #CFCFCF; } .tag-check-item { padding-top: 9px; } .tag-set .tag-label { vertical-align: bottom; } }