@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/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"); @import url("../css/angular-cron-generator.css"); @import url("../css/print.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%); } .shadow { -webkit-filter: drop-shadow( 0px 3px 3px rgba(0,0,0,.1) ); filter: drop-shadow( 0px 3px 3px rgba(0,0,0,.1) ); } @-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%); } } #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; }*/ .content { min-height: 100px; } .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.small img { height: 65px; margin-bottom: 5px; } .as-sortable-item-handle .image-controls span { display: inline-block; margin: 2px 0 5px; } .as-sortable-item-handle.small .image-controls span { margin: 1px 0 3px; } .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; } .btn.checked { color: white; background-color: #3c8dbc; } .done .btn.checked { background-color: #3c763d; } .important-event .btn.checked { background-color: #dd4b39; } .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 { border-radius: 2px; } /*.popover.right > .arrow { left: -10px; } .popover.right > .arrow::after { left: 1px; }*/ .popover-title { /*font-weight: bold;*/ margin-bottom: 10px; padding: 9px 20px; font-family: Arial; font-weight: normal; } .popover-content { line-height: 21px; font-size: 14px; padding: 9px 20px 20px 20px; } .tooltip { position: fixed; } .tooltip-inner { /* .popover */ max-width: 370px; padding: 9px 14px; } .workarea-selection .tooltip-inner { max-width: 655px; color: black; padding: 15px; text-align: left; background-color: white; border-radius: 5px; border: 1px solid #C2C2C2; } .workarea-selection .tooltip { opacity: 1; } .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; } .label-info:hover { background-color: #4E4E4E!important; } .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; } .well .form-control[readonly] { background-color: white; cursor: not-allowed!important; color: darkgrey; } span.angular-lightbox-inner { max-width: 80%; } span.angular-lightbox-inner > img { width: 100%; max-height: 100%; } span.angular-lightbox-inner > a.close { position: fixed; top: 50px; right: 30px; } .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; } .mb5 { margin-bottom: 5x; } .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: dimgray; } .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; max-height: 80rem; overflow-x: hidden; overflow-y: auto; } .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%; } */ .nya-bs-select.btn-group .dropdown-menu.inner { max-height: calc(50vh + 10px); overflow-y: 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; height: 45px; } .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; } @media only screen and (max-width: 800px),screen and (max-height: 800px) { .affix { top: 0px; } } @media only screen and (min-width: 801px),screen and (min-height: 800px) { .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: 0 0 1px; } .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; } .text-grey { color: grey; } .text-grey-1 { color: #A0A0A0; } .text-lightgrey { color: #dbdbdb; } /* 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; } .calendar-event-inner { background-color: steelblue; /*#4682B4*/ } .calendar-event-inner.done { background-color: lightsteelblue; } .calendar-event-inner.mktproposed { background-color: silver; } .calendar-event-inner.imprtnt { background-color: lightcoral; } .monthview-eventdetail-timecolumn { color: #4D4D4D; } .event-importance-sign { width: 20px; } /* 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: 4px 0; display: inline-block; margin: 1px -1px; width: 35px; } 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-controls > .sync-btn, .invisible-element { visibility: hidden; } .top-controls:hover > .sync-btn, .invisible-container:hover .invisible-element { visibility: visible; } .invisible-element.nospace { display: none; } .invisible-container:hover .invisible-element.nospace { display: inline-block; } .bg-muted { background-color: #EEEEEE; } .badge.bg-danger { background-color: #dd4b39; } .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; } .flyer-photo { position: absolute; top: -66px; right: 27px; background-color: #EDF0F5; border: solid 1px #d2d6de; border-radius: 3px; overflow: hidden; } .flyer-photo img { max-width: 88px; max-height: 100%; } .orders-container .fileUpload { margin: 0; } .order-block > div { padding-top: 20px; border-top: 2px dashed lightgray; } .order-block > div:first-child { border-top: 5px 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 { width: 72px!important; margin-top: 2px; } .bootstrap-switch-label, .bootstrap-switch-handle-on, .bootstrap-switch-handle-off { width: 35px; } .addon-save-n-sync a { width: 35px; display: inline-block; } .addon-save-n-sync { min-width: 90px; } .extra-actions { position: relative; } .actions-extra-box > div { display:flex; flex-direction: column; min-width: 260px; padding: 20px; } .actions-extra-box > div > span, .actions-extra-box .optional > span { padding: 3px; display: block; } .dropdown-submenu { position: relative; } .dropdown-submenu .dropdown-menu { top: 0; left: 100%; margin-top: -1px; } td[data-title="ΤΙΜΗ"] { white-space: nowrap; } .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; width: 100%; display: table-cell; background-repeat: no-repeat; background-size: cover; position: relative; } #signup-content .left h1 { position: absolute; top: 19px; right: 20px; padding-left: 20px; } #signup-content .left h1 span.small { color: white; line-height: 18px; } #signup-content .right { background-color: #FAFAFA; padding: 40px; display: table-cell; } #signup .submit { background-color: #D52029; } #signup .submit:hover { background-color: #E3454D; } .members-note { padding: 15px 15px 5px; background-color: #fcf8e3; color: #8a6d3b; border-left: 6px solid #D4935C; } @media screen and (max-width: 575px) { .form-group { width: 100%; padding: 0px; } } .order-row .btns, .low-performance-agent .form-link, .photos-cnt .remove-all-photos { visibility: hidden; } .order-row:hover .btns, .low-performance-agent:hover .form-link, .photos-cnt:hover .remove-all-photos { visibility: visible; } .workarea-group-1 { color: forestGreen; } .workarea-group-2 { color: navy; } .workarea-group-3 { color: crimson; } .workarea-group-4 { color: darkorange; } .workarea-group-5 { color: darkorchid; } .workarea-group-6 { color: sienna; } .workarea-group-7 { color: olive; } .workarea-group-8 { color: dodgerblue; } .workarea-group-9 { color: salmon; } .workarea-selection .ui-select-bootstrap .ui-select-choices-row.active > span { background-color: #EBEBEB!important; color: #333; } /*.ui-select-bootstrap .ui-select-choices-row.active > span [class^="workarea-group-"] { background-color: #EFEFF; margin: -5px; padding: 5px; }*/ .clean-work-area { margin: -5px; } .fileUpload.btn.btn-sm { margin: 0 10px 0 0!important; } .order-row .btn.btn-link.btn-lg { margin: 0 10px 0 0!important; padding: 0; } .btn-padding { padding: 6px 0; display: inline-block; } /*span.pull-right.top-controls { margin: 10px 0 0 0; } */ .edit-page-header { min-height: 56px; } .edit-page-header .title-after-thumb { padding-left: 55px; } .phone-info .popover { max-width: 400px; } .phone-info .popover-content { width: 300px; } .g-calendar .popover { max-width: 650px; } .g-calendar .popover-content { width: 360px; } option:disabled { color: lightgrey; } .framed-table tbody td { border-top: 1px solid #D4D4D4; border-bottom: 1px transparent; } .totals-row td, .totals-row td span { font-weight: bold; } .framed-table .totals-row td { border-top: 1px solid #ACACAC; border-bottom: 1px solid #ACACAC; } .d-inline-block { display: inline-block; } .border-left { border-left: 2px dotted #C6C6C6!important; } .input-group.portal-sync-filter:hover .input-group-addon { background-color: #f4f4f4; } .input-group.portal-sync-filter:hover .input-group-addon.negation { background-color: #D43140; } .input-group.portal-sync-filter .input-group-addon:hover { cursor: pointer; /*color: white; background-color: #EA989F;*/ } .input-group.portal-sync-filter .input-group-addon:hover .fa-slash { color: #D43140; visibility: visible; } .input-group-addon.negation:hover .fa-slash { visibility: hidden; color: white!important; } .input-group-addon.negation .fa-slash { visibility: visible!important; color: white; } .input-group.portal-sync-filter .input-group-addon .fa-slash { visibility: hidden; } .input-group-addon.negation { color: white; background-color: #D43140; } .input-group-addon.negation span { content: 'Χ'; } .input-group.portal-sync-filter .fa-stack { height: 1em; line-height: 1em; width: 1.4em; } .form-inline .radio, .form-inline .checkbox { margin-top: 6px; margin-bottom: 6px; } .headnote .form-control[readonly] { background-color: white; border-left: none; border-right: none; color: darkgrey; } .listing-role-cnt { margin-bottom: 0; } .role-update-input { display: inline-block; padding-right: 15px; } .label { padding: 0.5em 1.2em 0.6em; } .main-dashboard-icons i.fad { --fa-secondary-opacity: 0.75; } .page-title.fad { --fa-primary-opacity: 0.80; } .users-list > li { padding: 7px; } .users-list-name { font-weight: normal; color: auto; } .select-all-xs { position: absolute; top: 15px; left: 28px; } .monthly-stats label.btn-link:active, .monthly-stats label.btn-link.active { border: 1px solid lightgrey; color: black; -webkit-box-shadow: none; box-shadow: none; } .history-filters label.btn-link { border: 1px solid transparent; /*color: #777;*/ box-shadow: none; } .history-filters label.btn-link.active { border-color: lightgrey; color: black; /*font-weight: bold;*/ } .history-filters label.btn-link.active .badge { background-color: #777; } hr.thin { border-color: lightgrey; margin: 10px 0; } .fill-container { /*border: solid 1px #afafaf;*/ background-color: #d7d7d7; width: 150px; display: inline-block; maring:0 20px 0 0; color: white; font-weight: bold; font-size: 14px; position: relative; } .fill-ratio { height: 20px; background: linear-gradient(to right, #95c5a5, #007426 100%); } select.large { height: 45px; font-size: 17px; } .new-feature { position: relative; top: -3px; padding: 2px 5px; color: white; font-size: 10px; right: 3px; background-color: #dd4b39; } .new-feature.top { position: absolute; top: -12px; right: 1px; z-index: 1000; } .info-box { min-height: 99px; } .info-box-icon { height: 99px; width: 85px; line-height: 99px; } label.info-box-number { font-weight: 200; } .avoid-clicks { pointer-events: none; opacity: 0.5; } .info-box-content { padding: 10px 10px 5px; } .fw-normal { font-weight: normal; } /* calendar daily-list scroll fix */ .scrollable { overflow-x: auto; } /* SWEET ALERT */ .sweet-alert { padding: 15px 20px 30px 20px; width: 550px; /*478*/ border-radius: 1px; } @media all and (max-width: 540px) { .sweet-alert { width: auto; } } .sweet-alert h2 { /*font-family: "Source Sans Pro";*/ font-size: 28px; margin: 30px 0 10px; } .sweet-alert p { line-height:25px; font-weight: normal; } .sweet-alert button { font-size: 16px; font-weight: normal; } .sweet-alert button { background-color: #3c8dbc!important; } .sweet-alert button:focus { background-color: #3c8dbc; box-shadow: none!important; } .sweet-alert button:hover { background-color: #367fa9!important; } .sweet-alert button:active { background-color: #3c8dbc; } .sweet-alert button.cancel { background-color: #C1C1C1!important; } .sweet-alert button.cancel:hover { background-color: #b9b9b9!important; } .sweet-alert button.cancel:active { background-color: #a8a8a8!important; } .sweet-alert button.cancel:focus { box-shadow: none!important; } /* end:SWEET ALERT */ /*.btn-primary:hover, .btn-primary:active, .btn-primary.hover { background: #72afd2; border-color: #72afd2; }*/ .open-clones .badge { margin-left: -5px; } .tag-group-title { margin: 25px 0 15px -20px; padding: 0; border-bottom: 1px dashed #CFCFCF; } .tag-group-title span { /*font-size: 16px;*/ color: white; background-color: darkgray; padding: 8px 20px; margin: 0 0; } .tag-group-section { padding: 0 10px; } .tag-group-section .tag-textbox-item { border-bottom: none; padding: 0px 15px; margin: -3px 0; } .nav.nav-tabs li a span { padding-left: 7px; } .renew-all-stock-btn { display: inline-table; } .primary-tag::after { /*content: '\2022';*/ content: '*'; padding-left: 2px; color: #428bca; opacity: 0.6; font-size: 16px; } .side-padding30 { padding-left: 30px; padding-right: 30px; } .modal-title { line-height: 1.22; } #filterbox .form-group.checkbox-height-fix { /*min-height: 32px;*/ padding-top: 6px; padding-bottom: 6px; } .opacity05 { opacity: 0.5; } /*.unread-req-row > td { background: #fff8e9; }*/ .req-unread { font-weight: bold; } .important-req-code { color: #dd4b39; /*color: white; background-color: #dd4b39; padding: 1px 5px;*/ } /*.important-req-code::after { color: #dd4b39; content: ' \f12a'; font-family: 'Font Awesome 5 Pro'; font-weight: bold; font-size: 12px; }*/ .req-priority-badge { position: relative; top: 2px; } .floors-size ul { list-style: none; display: inline-block; padding-left: 5px!important; } .floors-size ul li { display: inline-block; zoom: 1; } .val-m { /*span > i[class^="fa"],*/ vertical-align: middle!important; } /* @@@ 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; overflow-y: hidden; } .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); } .rzslider .rz-pointer:focus { outline: none; } /*=== 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; } td[data-title="ΟΡΟΦΟΣ"] { max-width: 114px; /*word-wrap: break-word;*/ } } @media screen and (min-width:481px) and (max-width: 991px) { .inline-button { width: 48%; margin: 0 1px 5px 0; } .tag-group-section .tag-textbox-item { padding: 5px 15px; } } @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; } #signup-content .right { display:block; margin: 0 25px; padding: 30px 50px 50px 50px; } span.angular-lightbox-inner > a.close { top: 100px; } .tag-group-section .tag-textbox-item { padding: 6px 15px; } .tag-textbox-item { padding: 2px 15px; } .show-listing-tags { padding-top: 20px; text-align: right; } } @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; } .order-row .btns { visibility: visible; } } @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; } } @media only screen { .print { display: none; } } @media only screen and (min-width: 560px) { .rotate-device { display: none; } } @media only screen and (max-width: 1366px) { .order-row .btns { visibility: visible; } }