.sectiontableheader{background:none repeat scroll 0 0 #cbc8aa;border-bottom:1px solid #8a7f7b;border-top:1px solid #8a7f7b;font-size:1.2em;padding:4px 8px;text-shadow:1px 1px 1px #615c58} .osp-container ul{list-style:none outside none} ul.tabs-title li.tab-title_icon1 h3{background-image:url(../images/assets/icon1.png);background-repeat:no-repeat!important;text-shadow:0 1px 1px #0003;padding:15px 15px 20px 55px !important;margin:0!important} ul.tabs-title li.tab-title_icon2 h3{background-image:url(../images/assets/icon2.png);background-repeat:no-repeat!important;text-shadow:0 1px 1px #0003;padding:15px 15px 15px 55px !important;margin:0!important} .tab-panels-top{bottom:0;clear:both;left:0;overflow:hidden;position:relative;width:100%;z-index:1} div.toolbar-list{float:right;padding:0;text-align:right} div.toolbar-list ul{margin:0;padding:0} div.toolbar-list li{color:#666;float:left;height:48px;list-style:none outside none;padding:1px 1px 3px 4px;text-align:center;background-color:#fff;margin:0;background:none!important;padding-left:0!important} div.toolbar-list a:hover,div.toolbar-list a:focus,div.toolbar-list a:active{border-color:#eee #ccc #ccc #eee;border-left:1px solid #eee;border-style:solid;border-width:1px;color:#0b55c4;text-decoration:none;background-color:#fff;margin:0} div.toolbar-list a{border:1px solid #f4f4f4;cursor:pointer;display:block;float:left;padding:1px 5px;white-space:nowrap;margin:0} div.toolbar-list span{display:block;float:none;height:32px;margin:0 auto;width:32px} .osicon-32-new{background-image:url(../images/assets/icon-32-new.png)!important;background-position:1px 1px!important} .osicon-32-edit{background-image:url(../images/assets/icon-32-edit.png)!important;background-position:1px 1px!important} .osicon-32-delete{background-image:url(../images/assets/icon-32-delete.png)!important;background-position:1px 1px!important} .osicon-32-unpublish{background-image:url(../images/assets/icon-32-unpublish.png)!important;background-position:1px 1px!important} .osicon-32-publish{background-image:url(../images/assets/icon-32-publish.png)!important;background-position:1px 1px!important} .osicon-32-approval{background-image:url(../images/assets/icon-32-unarchive.png)!important;background-position:1px 1px!important} .osicon-32-feature{background-image:url(../images/assets/icon-32-default.png)!important;background-position:1px 1px!important} .osicon-32-save{background-image:url(../images/assets/icon-32-save.png)!important;background-position:1px 1px!important} .osicon-32-apply{background-image:url(../images/assets/icon-32-apply.png)!important;background-position:1px 1px!important} .osicon-32-forward{background-image:url(../images/assets/icon-32-forward.png)!important;background-position:1px 1px!important} .left_details_col{width:20%;text-align:left;font-weight:600;padding:3px;padding-left:10px;vertical-align:top;border:0} .right_details_col{text-align:left;padding:3px;padding-left:10px;border:0} .inputbox{background:none repeat scroll 0 0 #fff;border:1px solid #ddd;color:#666;margin:0 5px;padding:2px} .compare_title{font-weight:600;text-align:left;padding:3px;padding-left:10px;border:0!important} .compare_title1{background-color:#F8E6D3} #main a:link,#main a:visited{text-decoration:none} #photo_table td{border:0} .sTable{width:100%;border-collapse:collapse;border:0!important} .sTable td{border:0} .admintable{border:0!important;border-collapse:collapse} .admintable td{border:0!important} .key{border:0;font-weight:600;padding-top:3px;padding-bottom:4px} .sTable td table{border:0;border-collapse:collapse} .sTable td table td{border:0} label{cursor:pointer} .small_text{font-size:11px;color:gray} table.admintable td.key,table.admintable td.paramlist_key{background-color:#f6f6f6;border-bottom:1px solid #e9e9e9;border-right:1px solid #e9e9e9;color:#666;font-weight:700;text-align:right;width:140px;padding-right:10px} table.admintable td{padding:3px} .header_text{font-size:16px;font-weight:700} #characters_line{margin:7px 0} #characters_line a.character:link,#characters_line a.character:visited,.character_selected{font-size:11px;font-weight:700;padding:0 3px;border:1px #b2b1ac solid;font-family:Arial,Helvetica,sans-serif;text-decoration:none;font-style:normal} #characters_line a.character:hover,#characters_line a.character:active,.character_selected{text-decoration:none;background:#898883;color:#111414} .agent_photo{border:1px solid #ccc;float:right;margin-right:10px;padding:3px} .agent_phone{background:url(../images/assets/tphone.png) no-repeat scroll 0 50% transparent} .agent_mobile{background:url(../images/assets/tmobile.png) no-repeat scroll 0 50% transparent} .agent_email{background:url(../images/assets/tmail.png) no-repeat scroll 0 50% transparent} .agent_website{background:url(../images/assets/website.png) no-repeat scroll 0 50% transparent} .agent_yahoo{background:url(../images/assets/tyahoo.png) no-repeat scroll 0 50% transparent} .agent_msn{background:url(../images/assets/tmsn.png) no-repeat scroll 0 50% transparent} .agent_gtalk{background:url(../images/assets/tgtalk.png) no-repeat scroll 0 50% transparent} .agent_skype{background:url(../images/assets/tskype.png) no-repeat scroll 0 50% transparent} .agent_fax{background:url(../images/assets/tfax.png) no-repeat scroll 0 50% transparent} .agent_facebook{background:url(../images/assets/tfacebook.png) no-repeat scroll 0 50% transparent} .agent_twitter{background:url(../images/assets/twitter_icon.png) no-repeat scroll 0 50% transparent} .agent_linkedin{background:url(../images/assets/linkin.jpg) no-repeat scroll 0 50% transparent} .agent_linkedin,.agent_linkedin,.agent_phone,.agent_mobile,.agent_fax,.agent_website,.agent_email,.agent_yahoo,.agent_skype,.agent_gtalk,.agent_msn,.agent_facebook,.agent_address{float:left;padding-left:20px;width:100%} .inputbox{background:none repeat scroll 0 0 #fff;border:1px solid #ddd;color:#666;margin:0 5px;padding:2px} .grey,.grey_small{font-size:17px;font-weight:700;font-family:Arial} .grey_small{font-size:12px;font-weight:400} .grey_middle{font-size:16px;font-weight:none;font-family:Arial} .blue_middle{font-size:13px;font-weight:400;font-family:Arial} .blue_middle_bright{font-size:12px;font-weight:700;font-family:Arial} .blue_bright{font-size:11px;font-weight:700} .red{font-size:12px;font-weight:400;color:#e45252} .gray_small{font-size:9px;font-weight:400;color:#444;font-family:Verdana} .black_small{font-size:10px} .static{font-size:12px} .header_td{text-align:center;font-weight:700;padding:5px;border:0;border-bottom:1px solid #CCC;background-color:#DDD;border-right:1px solid #fff} .data_td{padding:4px;text-align:left;padding-left:5px;border:0;border-bottom:1px solid #efefef!important} .compare_title{font-weight:700;text-align:left;padding:3px;padding-left:10px;border:0!important} .message{color:#be3232;font-weight:700;font-size:13px;padding:10px} #total_price{font-weight:700} .header_property_listing{padding:5px;text-align:center;font-weight:700} .property_listing_left{overflow-y:scroll;overflow-x:hidden} .locator_image_property{float:left;margin-right:10px} .locator_element_property{border-top:1px solid #CCC!important} .locator_title_link{font-weight:700;text-decoration:none;font-size:14px} .conten_e_property{padding:5px} .conten_e_property:hover{background-color:#eee} .search_field_item{padding:5px} img.ip_toolbar_divider{height:20px;width:20px;vertical-align:middle} #ip_toolbar{height:30px;padding:0 10px;text-align:right;margin:0 1px} #ip_toolbar_right,#ip_toolbar_left{z-index:1;position:absolute;top:-2px;width:18px;height:30px;border-top:solid 1px #000} #ip_toolbar_right{right:-18px;background:#000 url(../images/ip_toolbar_right.gif) top left repeat-x} #ip_toolbar_left{left:-18px;background:#000 url(../images/ip_toolbar_left.gif) top left repeat-x} #ip_toolbar a{display:inline;border-left:solid 1px #efefef;padding:0 8px;text-decoration:none} #ip_toolbar a:hover{color:#61a0d1!important} .nTable{width:100%;margin:0 0 5px;border-collapse:separate} .n_corner_top_left,.n_corner_top_right{height:5px;width:5px} .n_middle_left,.n_middle_right{height:10px;width:5px;background:url(../templates/default/img/notice_left_right.gif) 0 0 repeat-y #e4ffd9} .n_middle_right{background:url(../templates/default/img/notice_left_right.gif) -5px 0 repeat-y #e4ffd9} .n_middle_center{background:url(../templates/default/img/notice_bg.gif) left center no-repeat #d6ffd1;height:22px} .n_middle_center div{color:#555;font-size:12px;font-family:Arial;margin:0 36px} .n_corner_bottom_left,.n_corner_bottom_right{height:5px;width:5px;background:url(../templates/default/img/notice_angles.gif) 0 -5px no-repeat} .n_corner_bottom_center{background:url(../templates/default/img/notice_top_bottom.gif) 0 -5px repeat-x #e4ffd9} .n_corner_bottom_right{background:url(../templates/default/img/notice_angles.gif) 0 -15px no-repeat} .field_notice{color:#444;font-size:12px;font-family:Arial;font-weight:700} dl.tabs{float:left;margin:50px 0 0;z-index:50;clear:both} dl.tabs dt{float:left;padding:4px 10px;border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc;margin-right:3px;background:#f0f0f0;color:#666} dl.tabs dt.open{background:#f9f9f9;border-bottom:1px solid #f9f9f9;z-index:100;color:#000} div.current{clear:both;border:1px solid #ccc;padding:10px;max-width:100%!important} div.current dd{padding:0;margin:0} dl#content-pane.tabs{margin:1px 0 0} .pane-sliders .title{margin:0;padding:7px;color:#666;cursor:pointer} .pane-sliders .panel{border:1px solid #ccc;margin-bottom:3px} .pane-sliders .panel h3{background:#f6f6f6;color:#666;font-size:14px;font-weight:700;height:30px} .pane-sliders .panel h3 a{text-decoration:none!important} .pane-sliders .adminlist{border:0 none} .pane-sliders .adminlist td{border:0 none} .jpane-toggler span{background:transparent url(../images/assets/j_arrow.png) 5px 50% no-repeat;padding-left:20px} .jpane-toggler-down span{background:transparent url(../images/assets/j_arrow_down.png) 5px 50% no-repeat;padding-left:20px} .jpane-toggler-down{border-bottom:1px solid #ccc} .label_search{padding:5px;text-align:left} .field_search{padding:5px} #mapHeader{font-size:11px;margin-bottom:-1px;position:relative;width:100%;z-index:100} #mapWrapper{background:url(../images/assets/map_bgcolor.png) repeat-x scroll 0 0 #f0f0f0;border-color:#ccc #ccc -moz-use-text-color!important;border-style:solid solid none;border-width:1px 1px 0;padding:2px;position:relative} #mapFooter{background-color:#f0f0f0;border-color:-moz-use-text-color #ccc #ccc!important;border-right:1px solid #ccc;border-style:none solid solid;border-width:0 1px 1px;font-size:11px;height:35px;position:relative} #mapFooter .legendWrapper{float:left;padding-left:5px} #mapFooter .corner{background-position:0 100%;bottom:-1px;top:auto} #mapFooter .rightCorner{background-position:100% 100%} .expandMap{background-color:#fff;border-color:#ccc #ccc -moz-use-text-color!important;border-style:solid solid none;border-width:1px 1px 0;float:left;padding:4px 5px 2px;position:relative} .clearer{clear:both;height:0;overflow:hidden;visibility:hidden} .header_mostview{background:url(../images/assets/bg2.gif);text-align:center;font-weight:700;vertical-align:middle;height:30px;color:#fff} .header_mostrated{background:url(../images/assets/bg1.gif);text-align:center;font-weight:700;vertical-align:middle;height:30px;color:#fff} .adp-step,.adp-substep{border-top:1px solid #cdcdcd!important;margin:0;padding:.3em 3px;vertical-align:top} .suggestionsBox{position:absolute;left:30px;margin:10px 0 0;width:300px!important;background-color:#212427;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:4px;border:2px solid #000;color:#fff} .suggestionList{margin:0;padding:0;width:300px!important} .suggestionList li{margin:0 0 3px;padding:3px;cursor:pointer} .suggestionList li:hover{background-color:#659cd8} .bock_caption_explain{color:gray;font-style:italic;font-size:11px} .property_footer{text-align:center;margin-top:15px;font-size:11px;display:block} .advsearch_table tr td{padding:5px} .more_option{font-weight:700;cursor:pointer} .relate_property .property_description .price .market_price{font-weight:600;color:red;font-size:16px} dl{margin:0!important} dd{width:100%!important} .gridpropertyaddress{margin:0!important} .gridprice{margin:0!important} .gridaddress{margin:0!important} table.adminlist thead th{background:none repeat scroll 0 0 #f7f7f7;border-bottom:1px solid #ccc;border-left:1px solid #fff;color:#666;text-align:center} table.adminlist td,table.adminlist th{padding:4px} .label-important,.badge-important{background-color:#b94a48!important} .label{border-radius:3px 3px 3px 3px} .label,.badge{background-color:#999;color:#fff;display:inline-block;font-size:11.844px;font-weight:700;line-height:14px;padding:2px 4px;text-shadow:0 -1px 0 #00000040;vertical-align:baseline;white-space:nowrap} .label-info,.badge-info{background-color:#3a87ad!important} .label-warning,.badge-warning{background-color:#f89406!important} .label-success,.badge-success{background-color:#468847!important} tr.warning>td{background-color:#fcf8e3!important} tr.info>td{background-color:#d9edf7!important} .img-rounded{border-radius:6px 6px 6px 6px} img{max-width:100%} .photos_count{max-width:100%} .input-large{width:210px!important} .agentlistindent{padding:0 5px 5px} .agentlistindent h2{color:#ef3d23;font-size:17px;line-height:24px;margin-bottom:0;position:relative;top:2px;font-family:Arial,Helvetica,sans-serif} .mobileagentlistindent h2{color:#ef3d23;font-size:14px;line-height:24px;margin-bottom:0;position:relative;top:2px;font-family:Arial,Helvetica,sans-serif} #ospitem-watermark_box{display:block;position:relative;background:none repeat scroll 0 0 #fff} .ospitem-watermark_category{background:url(../img/category.png) no-repeat left top;height:41px;padding:2px 5px 2px 30px;position:absolute;right:-1px;text-align:right;top:26px;width:auto;color:#fff;text-transform:capitalize} .ospitem-watermark_types{background:url(../img/type.png) no-repeat scroll right top transparent;border-radius:0 2px 2px 0;bottom:40px;color:#fff;left:0;padding:2px 8px;pointer-events:none;position:absolute;text-transform:capitalize} img.spotlight_watermark{border:0!important;left:-1px;position:absolute;top:-2px;padding:0} div.ospitem-leftpad,span.ospitem-leftpad{padding-left:0} .ospitem-propertyprice{font-family:Arial Narrow,sans-serif;font-size:26px;font-stretch:semi-condensed;font-weight:700;line-height:28px} div.ospitem-iconbkgr{background-color:#efefef;margin-bottom:15px;padding-bottom:7px;padding-top:7px} .shell h2 span{line-height:inherit;font-weight:400;text-transform:uppercase;font-size:24px;background:none repeat scroll 0 0 #fff;padding-right:15px;padding-top:10px;padding-bottom:10px;position:relative;top:-15px} .shell h2{border-top:17px solid #ebebeb;bottom:0;left:0;width:100%} .ospitem-propertytitle{color:#747474;font-family:Arial Narrow,sans-serif;font-size:16px;font-stretch:semi-condensed;font-weight:700;margin-top:30px;position:relative;text-transform:uppercase;z-index:1} .ospitem-maptitle{font-family:Arial Narrow,sans-serif;font-size:16px;font-stretch:semi-condensed;font-weight:700;position:relative;text-transform:uppercase;z-index:1} div.ospitem-iconbkgr{padding-top:7px;padding-bottom:7px;background-color:#efefef;margin-bottom:15px} #ospitem-watermark_box{display:block;position:relative;background:none repeat scroll 0 0 #fff} .ospitem-watermark_category{background:url(../images/assets/categoryicon.png) no-repeat left top;height:41px;padding:2px 5px 2px 30px;position:absolute;right:-1px;text-align:right;top:26px;width:auto;color:#fff;text-transform:capitalize} .ospitem-watermark_types{background:url(../images/assets/typeicon.png) no-repeat scroll right top transparent;border-radius:0 2px 2px 0;bottom:40px;color:#fff;left:0;padding:2px 8px;pointer-events:none;position:absolute;text-transform:capitalize} .os_dpe_item{color:#000} .os_dpe_marker{color:#000; right:0;} html[dir="rtl"] .os_dpe_marker{color:#000; left:0;right:inherit;} /* Base class cho tất cả icon osicon */ [class^="osicon-"], [class*=" osicon-"] { display: inline-block; width: 14px; height: 14px; line-height: 14px; margin-right: 0.3em; font-family: 'IcoMoon'; font-style: normal; speak: none; } /* Định nghĩa font IcoMoon */ @font-face { font-family: 'IcoMoon'; src: url(icomoon/IcoMoon.eot); src: url(icomoon/IcoMoon.eot?#iefix) format("embedded-opentype"), url(icomoon/IcoMoon.svg#IcoMoon) format("svg"), url(icomoon/IcoMoon.woff) format("woff"), url(icomoon/IcoMoon.ttf) format("truetype"); font-weight: 400; font-style: normal; } /* Data icon attribute */ [data-icon]:before { font-family: 'IcoMoon'; content: attr(data-icon); speak: none; } /* Class osicon-32-* cho toolbar */ [class^="osicon-32-"], [class*=" osicon-32-"] { background-position: 1px 1px !important; } /* Font icons - Grouped by functionality */ /* Basic UI icons */ .osicon-home:before { content: "\21"; } .osicon-user:before { content: "\22"; } .osicon-checkedout:before, .osicon-lock:before, .osicon-locked:before { content: "\23"; } .osicon-comment:before, .osicon-comments:before { content: "\24"; } .osicon-comments-2:before { content: "\25"; } /* Sharing & Navigation icons */ .osicon-share-alt:before, .osicon-out:before { content: "\26"; } .osicon-share:before, .osicon-redo:before { content: "\27"; } .osicon-undo:before { content: "\28"; } .osicon-out-2:before { content: "\e024"; } /* File & Document icons */ .osicon-file-add:before { content: "\29"; } .osicon-file:before { content: "\e016"; } .osicon-file-remove:before { content: "\e017"; } .osicon-save-copy:before, .osicon-copy:before { content: "\e018"; } /* Action icons */ .osicon-new:before, .osicon-plus:before { content: "\2a"; } .osicon-apply:before, .osicon-edit:before, .osicon-pencil:before { content: "\2b"; } .osicon-pencil-2:before { content: "\2c"; } .osicon-delete:before, .osicon-remove:before, .osicon-cancel-2:before { content: "\49"; } .osicon-save-new:before, .osicon-plus-2:before { content: "\5d"; } .osicon-publish:before, .osicon-save:before, .osicon-ok:before, .osicon-checkmark:before { content: "\47"; } .osicon-unpublish:before, .osicon-cancel:before { content: "\4a"; } .osicon-ban-circle:before, .osicon-minus-sign:before, .osicon-minus-2:before { content: "\5e"; } /* Folder & Storage icons */ .osicon-folder-open:before, .osicon-folder:before { content: "\2d"; } .osicon-folder-close:before, .osicon-folder-2:before { content: "\2e"; } .osicon-unarchive:before, .osicon-drawer:before { content: "\4f"; } .osicon-archive:before, .osicon-drawer-2:before { content: "\50"; } .osicon-box-add:before { content: "\51"; } .osicon-box-remove:before { content: "\52"; } /* Media icons */ .osicon-picture:before { content: "\2f"; } .osicon-pictures:before { content: "\30"; } .osicon-camera:before { content: "\55"; } .osicon-camera-2:before { content: "\e015"; } .osicon-play:before { content: "\56"; } .osicon-play-2:before { content: "\e00d"; } .osicon-music:before { content: "\57"; } .osicon-print:before, .osicon-printer:before { content: "\e013"; } .osicon-color-palette:before { content: "\e014"; } /* List & View icons */ .osicon-list:before, .osicon-list-view:before { content: "\31"; } .osicon-grid-view:before { content: "\58"; } .osicon-grid-view-2:before { content: "\59"; } .osicon-menu:before { content: "\5a"; } .osicon-menu-2:before { content: "\e00e"; } /* System & Tools icons */ .osicon-power-cord:before { content: "\32"; } .osicon-cube:before { content: "\33"; } .osicon-puzzle:before { content: "\34"; } .osicon-flag:before { content: "\35"; } .osicon-tools:before { content: "\36"; } .osicon-cogs:before { content: "\37"; } .osicon-options:before, .osicon-cog:before { content: "\38"; } .osicon-equalizer:before { content: "\39"; } .osicon-wrench:before { content: "\3a"; } .osicon-brush:before { content: "\3b"; } .osicon-key:before { content: "\5f"; } .osicon-database:before { content: "\62"; } /* Status & Feedback icons */ .osicon-eye-open:before, .osicon-eye:before { content: "\3c"; } .osicon-eye-close:before, .osicon-minus:before { content: "\4b"; } .osicon-checkbox-unchecked:before { content: "\3d"; } .osicon-checkin:before, .osicon-checkbox:before { content: "\3e"; } .osicon-checkbox-partial:before { content: "\3f"; } .osicon-asterisk:before, .osicon-star-empty:before { content: "\40"; } .osicon-star-2:before { content: "\41"; } .osicon-featured:before, .osicon-star:before { content: "\42"; } .osicon-pending:before, .osicon-warning:before { content: "\48"; } .osicon-purge:before, .osicon-trash:before { content: "\4c"; } .osicon-thumbs-up:before { content: "\5b"; } .osicon-thumbs-down:before { content: "\5c"; } /* Calendar & Time icons */ .osicon-calendar:before, .icon-calendar:before { content: "\43"; } .osicon-calendar-2:before { content: "\44"; } .osicon-clock:before { content: "\6e"; } /* Help & Support icons */ .osicon-question-sign:before, .osicon-help:before { content: "\45"; } .osicon-support:before { content: "\46"; } .osicon-quote:before { content: "\60"; } .osicon-quote-2:before { content: "\61"; } /* Communication icons */ .osicon-envelope:before, .osicon-mail:before { content: "\4d"; } .osicon-mail-2:before { content: "\4e"; } .osicon-address:before { content: "\70"; } .osicon-phone:before { content: "\e260"; } .osicon-phone-2:before { content: "\e261"; } .osicon-bookmark:before { content: "\e023"; } .osicon-bookmark-2:before { content: "\e276"; } .osicon-broadcast:before, .osicon-connection:before, .osicon-wifi:before { content: "\e01b"; } /* Search & Navigation icons */ .osicon-search:before { content: "\53"; } .osicon-filter:before { content: "\54"; } .osicon-location:before { content: "\63"; } .osicon-compass:before { content: "\6f"; } .osicon-feed:before { content: "\71"; } .osicon-flag-2:before { content: "\72"; } .osicon-pin:before { content: "\73"; } .osicon-zoom-in:before { content: "\64"; } .osicon-zoom-out:before { content: "\65"; } /* Layout & Display icons */ .osicon-expand:before { content: "\66"; } .osicon-contract:before { content: "\67"; } .osicon-expand-2:before { content: "\68"; } .osicon-contract-2:before { content: "\69"; } .osicon-health:before { content: "\6a"; } .osicon-wand:before { content: "\6b"; } .osicon-unblock:before, .osicon-refresh:before { content: "\6c"; } .osicon-vcard:before { content: "\6d"; } /* Chart & Data icons */ .osicon-lamp:before { content: "\74"; } .osicon-chart:before { content: "\75"; } .osicon-bars:before { content: "\76"; } .osicon-pie:before { content: "\77"; } .osicon-dashboard:before { content: "\78"; } .osicon-lightning:before { content: "\79"; } /* Movement & Direction icons */ .osicon-move:before { content: "\7a"; } .osicon-next:before { content: "\7b"; } .osicon-previous:before { content: "\7c"; } .osicon-first:before { content: "\7d"; } .osicon-last:before { content: "\e000"; } .osicon-loop:before { content: "\e001"; } .osicon-shuffle:before { content: "\e002"; } .osicon-arrow-first:before { content: "\e003"; } .osicon-arrow-last:before { content: "\e004"; } .osicon-chevron-up:before, .osicon-uparrow:before, .osicon-arrow-up:before { content: "\e005"; } .osicon-chevron-right:before, .osicon-arrow-right:before { content: "\e006"; } .osicon-chevron-down:before, .osicon-downarrow:before, .osicon-arrow-down:before { content: "\e007"; } .osicon-chevron-left:before, .osicon-arrow-left:before { content: "\e008"; } .osicon-arrow-up-2:before { content: "\e009"; } .osicon-arrow-right-2:before { content: "\e00a"; } .osicon-download:before, .osicon-arrow-down-2:before { content: "\e00b"; } .osicon-arrow-left-2:before { content: "\e00c"; } .osicon-arrow-up-3:before { content: "\e00f"; } .osicon-arrow-right-3:before { content: "\e010"; } .osicon-arrow-down-3:before { content: "\e011"; } .osicon-arrow-left-3:before { content: "\e012"; } .osicon-upload:before { content: "\e022"; } /* E-commerce icons */ .osicon-cart:before { content: "\e019"; } .osicon-basket:before { content: "\e01a"; } /* Device icons */ .osicon-screen:before { content: "\e01c"; } .osicon-tablet:before { content: "\e01d"; } .osicon-mobile:before { content: "\e01e"; } /* User icons */ .osicon-users:before { content: "\e01f"; } .osicon-briefcase:before { content: "\e020"; } .adjustli{padding:0!important;background:none!important} .center{text-align:center!important} .btn.disabled,.btn[disabled]{background-color:#e6e6e6;background-image:none;box-shadow:none;cursor:default;opacity:.65!important} .fieldsetpropertydetails{border:1px solid #ccc!important;margin-bottom:10px;text-align:left;-moz-border-radius:5px!important} table.admintable td.thankyou_td{border-bottom:1px solid #efefef!important;border-right:1px solid #efefef!important} .advlabel{display:inline-block;cursor:pointer;position:relative;padding-left:25px;margin-right:15px;font-size:13px} .compare_title{color:#000} table.comparetable td{color:#000} table.tablelistproperties td{color:#000} .detailwidth{width:40px} #bx-pager a:hover img,#bx-pager a.active img{border:1px solid #5280dd!important} #bx-pager a img{border:1px solid #ccc!important;padding:3px} #map img{max-width:none!important} #map_canvas{margin-bottom:10px} #map_canvas img{max-width:none!important} #property_open_table,#property_tax_table,#property_history_table,#property_tag_table{border-left:1px solid #CCC;border-right:1px solid #CCC} #property_tag_table tr th,#property_open_table tr th,#property_tax_table tr th,#property_history_table tr th{padding:5px;text-align:center;background-color:gray;font-weight:700} #property_tag_table tr td,#property_open_table tr td,#property_tax_table tr td,#property_history_table tr td{padding:5px;text-align:center;border-bottom:1px solid #CCC;font-weight:700} .osnavigation-body{padding-top:10px;padding-bottom:10px;overflow:hidden} .osnavigation-left{background:#EEE;padding:7px 10px;border-left:4px solid #f7931d;border-radius:2px 0 0 2px} .osnavigation-osheader-text h4{color:#f7931d;text-transform:capitalize;font-size:18px;margin:0;line-height:20px} .osnavigation-ostype_name{text-transform:uppercase} .osnavigation-right{margin-left:0;background:#EEE;padding:7px 10px;border-right:4px solid #f7931d;border-radius:0 2px 2px 0} .osnavigation-right .osnavigation-osheader-text,.osnavigation-right .osnavigation-ostype_name{text-align:right} .property_type_name{font-weight:600} @media (max-width: 500px) { #tabvideo iframe{position:absolute;top:0;left:0;width:100%!important} } #quicksearchform .control-group{width:60%;margin-left:8px} #mapDiv{position:relative} .gmapcontroller{left:0;position:absolute;top:35px;z-index:99;opacity:.6;filter:alpha(opacity=60)} .gmapcontroller_fullscreen{box-sizing:border-box;color:#fff;cursor:pointer;float:left;font-size:13px;height:30px;padding:4px 11px 0;transition:all .5s ease 0} .locatormap_icon{background-color:#fdfdfd;border:1px solid #f0f0f0;border-radius:4px;box-shadow:0 2px 0 0 #e3e4e7ff;cursor:pointer;margin-bottom:10px!important;transition:all .15s ease 0} .locatormap_icon:hover{box-shadow:0 0 5px 1px #3c90be21;-webkit-box-shadow:0 0 5px 1px #3c90be21;background-color:#fff} #gmap-noresult{background-color:#fff;border-radius:4px;color:#434a54;font-size:20px;font-weight:300;height:85px;left:50%;margin:0 auto 0 -150px;opacity:.95;padding-top:33px;position:absolute;text-align:center;top:20%;width:300px;z-index:99} .pageNavdiv{width:100%;text-align:center;padding:5px} #filter_tool_div label{display:block;margin-bottom:5px;font-weight:400!important} .video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden} .video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%} #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden} #cboxWrapper{max-width:none} #cboxOverlay{position:fixed;width:100%;height:100%} #cboxMiddleLeft,#cboxBottomLeft{clear:left} #cboxContent{position:relative} #cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch} #cboxTitle{margin:0} #cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%} #cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer} .cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic} .cboxIframe{width:100%;height:100%;display:block;border:0} #colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box} #cboxOverlay{background:url(../js/colorbox/images/overlay.png) repeat 0 0} #colorbox{outline:0} #cboxTopLeft{width:21px;height:21px;background:url(../js/colorbox/images/controls.png) no-repeat -101px 0} #cboxTopRight{width:21px;height:21px;background:url(../js/colorbox/images/controls.png) no-repeat -130px 0} #cboxBottomLeft{width:21px;height:21px;background:url(../js/colorbox/images/controls.png) no-repeat -101px -29px} #cboxBottomRight{width:21px;height:21px;background:url(../js/colorbox/images/controls.png) no-repeat -130px -29px} #cboxMiddleLeft{width:21px;background:url(../js/colorbox/images/controls.png) left top repeat-y} #cboxMiddleRight{width:21px;background:url(../js/colorbox/images/controls.png) right top repeat-y} #cboxTopCenter{height:21px;background:url(../js/colorbox/images/border.png) 0 0 repeat-x} #cboxBottomCenter{height:21px;background:url(../js/colorbox/images/border.png) 0 -29px repeat-x} #cboxContent{background:#fff;overflow:hidden} .cboxIframe{background:#fff} #cboxError{padding:50px;border:1px solid #ccc} #cboxLoadedContent{margin-bottom:28px} #cboxTitle{position:absolute;bottom:4px;left:0;text-align:center;width:100%;color:#949494} #cboxCurrent{position:absolute;bottom:4px;left:58px;color:#949494} #cboxLoadingOverlay{background:url(../js/colorbox/images/loading_background.png) no-repeat center center} #cboxLoadingGraphic{background:url(../js/colorbox/images/loading.gif) no-repeat center center} #cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:none} #cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0} #cboxSlideshow{position:absolute;bottom:4px;right:30px;color:#0092ef} #cboxPrevious{position:absolute;bottom:0;left:0;background:url(../js/colorbox/images/controls.png) no-repeat -75px 0;width:25px;height:25px;text-indent:-9999px} #cboxPrevious:hover{background-position:-75px -25px} #cboxNext{position:absolute;bottom:0;left:27px;background:url(../js/colorbox/images/controls.png) no-repeat -50px 0;width:25px;height:25px;text-indent:-9999px} #cboxNext:hover{background-position:-50px -25px} #cboxClose{position:absolute;bottom:0;right:0;background:url(../js/colorbox/images/controls.png) no-repeat -25px 0;width:25px;height:25px;text-indent:-9999px} #cboxClose:hover{background-position:-25px -25px} .cboxIE #cboxTopLeft,.cboxIE #cboxTopCenter,.cboxIE #cboxTopRight,.cboxIE #cboxBottomLeft,.cboxIE #cboxBottomCenter,.cboxIE #cboxBottomRight,.cboxIE #cboxMiddleLeft,.cboxIE #cboxMiddleRight{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)} .upgradeproperty-table,.addproperty-membership-table,.orders-history-table{width:100%;border:1px solid #BBB} .addproperty-membership-table th,.orders-history-table th{background:#EDEDED;color:#000;font-weight:700;padding:5px;border-bottom:1px solid #BBB} .addproperty-membership-table td{text-align:left;padding:5px 0 5px 15px;vertical-align:top;border-bottom:1px solid #DDD!important} .addproperty-membership-table label{display:inline!important} .addproperty-membership-table span{font-style:italic} .addproperty-membership-subtable{width:100%;border-top:1px solid #BBB} .addproperty-membership-subtable th{background:#EFEFEF!important;color:#000;font-weight:700;padding:5px;border-bottom:1px solid #BBB;text-align:center} .addproperty-membership-subtable td{text-align:center;vertical-align:top;border-bottom:0!important;padding:5px!important} .addproperty-membership-payments-table{width:100%;border-left:1px solid #EEE!important} .addproperty-membership-payments-table th{background:#EDEDED;color:#000;font-weight:700;padding:5px;border-bottom:1px solid #BBB;text-align:center} .addproperty-membership-payments-table td{vertical-align:middle;border-bottom:1px solid #EEE!important;padding:5px!important;border-right:1px solid #EEE!important} .addproperty-membership-credit-table{border-top:1px solid #EEE!important;border-left:1px solid #EEE!important;border-right:1px solid #EEE!important;width:100%;margin-top:10px} .addproperty-membership-credit-table th{background:#EDEDED;color:#000;font-weight:700;padding:5px;border-bottom:1px solid #BBB;text-align:center} .addproperty-membership-credit-table .infor_left_col{padding:5px;text-align:right;width:40%;border-bottom:1px solid #EEE!important} .addproperty-membership-credit-table .infor_right_col{padding:5px;text-align:left;width:60%;border-bottom:1px solid #EEE!important} .orders-history-table .row0 td{padding:5px;text-align:left;background-color:#fff;color:#000;border-top:1px solid #ddd!important} .orders-history-table .row1 td{padding:5px;text-align:left;background-color:#f9f9f9;color:#000;border-top:1px solid #ddd!important} .extend_alert{color:red} .chzn-container-single .chzn-single{height:26px!important} .thankyou_propertyinformation h4{font-size:13px} .locatorpage #location,.locatorpage #radius_search{margin-right:10px!important;margin-top:10px!important} .locatorpage .dropdown-menu{padding:10px;width:300px} #locatormoredetails #sqft_min,#locatormoredetails #sqft_max,#locatormoredetails .seperator{display:inline!important} #locatormoredetails{padding:10px;background-image:linear-gradient(to bottom,#fff,#f3f3f3);border:1px solid #d4d4d4;border-radius:4px;box-shadow:0 1px 4px #0001} #locatormoredetails .span4{padding:10px} #locatormoredetails .span4 .control-group .control-label{font-weight:700} #gridview .featured{border:2px solid red} #gridview .image_property_showcase .property_price{float:left!important} #gridview .image_property_showcase .randompropertytype{top:5px;right:5px;color:#fff;font-size:13px;font-weight:400;padding:6px 10px;position:absolute;text-transform:uppercase;background:none repeat scroll 0 0 #1DCA83;opacity:.8;filter:alpha(opacity=80)} #gridview .image_property_showcase .randompropertysold{position:absolute;left:5px;top:36px;color:#fff;font-size:13px;font-weight:400;padding:6px 10px;position:absolute;text-transform:uppercase;background:none repeat scroll 0 0 #CCC;opacity:.8;filter:alpha(opacity=80)} #gridview .image_property_showcase .randompropertyfeatured{top:5px;left:5px;color:#fff;font-size:13px;font-weight:400;padding:6px 10px;position:absolute;text-transform:uppercase;background:none repeat scroll 0 0 #D91C44;opacity:.8;filter:alpha(opacity=80)} #gridview .noWrap{white-space:nowrap} #gridview .showcase_address{font-weight:400!important} #gridview .man a{color:#fff;text-decoration:none} #gridview .man li{line-height:18px!important} .locator_map_notice{background-color:#000;color:#fff;opacity:.6;filter:alpha(opacity=60);position:absolute;top:0;z-index:99;padding-top:5px;padding-bottom:5px} #gridview.property-card-details{margin-left:10px!important;margin-right:10px!important} #gridview .mbm{margin-bottom:10px!important} #gridview .man{margin:0!important} #gridview .image_property_showcase{position:relative} #gridview .image_property_showcase ul{list-style:none} #gridview .overlayTop{top:0} #gridview .overlayPhoto,.overlayTransparent{position:absolute} #gridview .image_property_showcase .overlayPhoto{background:#0000 linear-gradient(to bottom,#0000 0px,#0000 50%,#0000004d 75%,#0009 100%) repeat scroll 0 0;width:100%} #gridview .overlayFull{bottom:0;top:0} #gridview .hpCardText{display:block;padding:0;width:100%} #gridview .overlayBottom{bottom:0} #gridview .typeReversed{color:#fff;font-weight:700} #gridview .clickable{cursor:pointer} #gridview .property-card-details .property-price-showcase{font-size:16px} #gridview .typeEmphasize{font-weight:700!important} #gridview .mvn{margin-bottom:0!important;margin-top:0!important} #gridview .element_property{margin-bottom:10px;position:relative} .locatorpage .tab-content{overflow:visible} .statistic-page{background:#f2f2f2 none repeat scroll 0 0;padding:5px} .statistic-header{background-size:cover;padding:20px;position:relative;background-position:center;color:#fff;border-radius:9px} .statistic-header:after{background:#1e90f48f none no-repeat scroll 0 0;border-radius:4px;bottom:0;content:" ";left:0;position:absolute;right:0;top:0;z-index:5} .statistic-page .row-fluid .view{text-align:center} .statistic-page .row-fluid .hit{text-align:center} .statistic-page .pro-name{font-size:30px;text-align:left;line-height:33px} .statistic-page .pro-name .address_details{font-size:23px;line-height:30px} .statistic-page .editbuttons .span12{text-align:center!important} .statistic-page .editbuttons .osicon-edit{font-size:40px} .statistic-page .editbuttons .span12 p{text-transform:uppercase;font-weight:700} .statistic-page .editbuttons ul li{display:inline-block;padding-left:20px;padding-right:20px} .statistic-page .property-info{left:0;margin:0 auto;position:relative;right:0;text-align:center;padding:0!important;background:#fff none repeat scroll 0 0!important;border-radius:5px} .information-pro .span6 .span3{text-align:left;border-right:1px solid} .price-property,.pro-numberbed{font-size:25px;text-align:left} .pro-numberbed p{padding:0;margin:0;line-height:35px} .information-pro .price-property p{padding:0;margin:0} .information-pro .price-property .property-type{font-size:24px;font-weight:700} .title-info{font-size:24px;font-weight:700} .information-pro .border{border-right:1px solid!important;border-top:0!important;border-bottom:0!important;border-left:0!important} .property-data{position:relative;z-index:99} .pro-graphical h2{padding:15px} .pro-graphical{text-align:center;padding:0;background:#fff none repeat scroll 0 0;border-radius:5px} .ranking-property,.export_hits{text-align:center;padding:16px;background:#fff none repeat scroll 0 0;border-radius:5px} .pro-graphical .row-fluid .view,.hit{text-transform:uppercase;font-size:20px;font-weight:700;line-height:25px} .pro-graphical .background-view{background:#beefd2 none repeat scroll 0 0;display:block;margin-left:207px;height:20px;width:80px} .pro-graphical .background-hit{background:#fcc79e none repeat scroll 0 0;display:block;margin-left:207px;height:20px;width:80px} .content{text-align:left} .ranking-price{margin-top:2px} .property-main{background:#e2effc none repeat scroll 0 0;padding:15px 0;border-radius:7px} .ranking-top{text-align:left} .stt{text-align:left} .ranking-proname,.ranking-address{font-size:16px} .ranking-info{margin-top:26px!important;font-size:20px} .content .ranking-proname a:hover{text-decoration:underline!important} .relate_property{text-align:left} .relate_property strong{font-weight:600} @media only screen and (max-width: 980px) { .statistic-page .property-info .property-data .pro-name{font-size:20px;text-align:center} .statistic-page .property-info .property-data .information-pro .price-property .property-type{font-size:20px;text-align:center} .statistic-page .property-info .property-data .information-pro .price-property,.statistic-page .property-info .property-data .information-pro .price-property .property-type{font-size:20px;text-align:center} .statistic-page .property-info .property-data .information-pro .border{border-right:none} .statistic-page .property-info .property-data .information-pro .pro-numberbed{font-size:20px;text-align:center} .pro-graphical .background-hit,.pro-graphical .background-view{margin-left:auto;margin-right:auto} } .scrollon{border:1px solid #3C90BE} @media screen and (max-width: 600px) { #propertyList,#compare_table{width:100%} #propertyList td:before,#compare_table td:before{content:attr(data-label);float:left;text-transform:uppercase;font-weight:700} #propertyList thead,#compare_table thead{display:none} #propertyList tr,#compare_table tr{margin-bottom:10px;display:block;border-bottom:2px solid #ddd} #propertyList td,#compare_table td{display:block;text-align:right!important;font-size:13px;border-bottom:1px dotted #ccc;width:100%} #propertyList td:last-child,#compare_table td:last-child{border-bottom:0} } .admin-photo-title{background-color:#00000080;border-radius:3px;color:#fff;font-size:15px;left:5px;line-height:130%;padding:5px 10px;position:absolute;text-shadow:0 1px 0 #000000e6;top:5px;vertical-align:middle;z-index:9} .admin-photo{position:relative} .pricetext{font-size:17px;font-weight:700} .jd_horizontal_social_buttons{padding:10px 0} .jd_float_left{float:left} #addpropertypanel0 .fieldsetpropertydetails{min-height:280px} .adv_geoloc_icon{background:#0000 url(../images/assets/icon_userlocation.png) no-repeat scroll left top;cursor:pointer;display:inline-block;height:20px;margin-right:10px!important;width:18px} #itemImagesWrap{margin:0 0 10px} #itemImages .itemImage{position:relative;float:left;margin:0 2px 2px 0;overflow:hidden} #itemImages .itemImage img{float:none;margin:0;padding:0;height:100px} #itemImages .itemImage .imgMask{position:absolute;top:0;left:0;width:100%;height:100%;background:url(bg.png) repeat;opacity:0;-webkit-transition:opacity .2s ease-out;-moz-transition:opacity .2s ease-out;-ms-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;transition:opacity .2s ease-out;cursor:move} #itemImages .itemImage:hover .imgMask,#itemImages .itemImage.active .imgMask{opacity:1} #itemImages input.itemInput{position:relative;bottom:0!important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:6px 6px 6px 28px;margin:0;border:0;width:100%;background-color:transparent;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:13px;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;border-radius:0;box-shadow:none;height:auto} #itemImages input.itemInput:focus{background-color:#323232;background-color:#ffffff40;box-shadow:none} #itemImages .imgMask input.editTitle{background-image:url(edit.png);background-position:6px center;background-repeat:no-repeat} #itemImages .itemImage .delBtn{position:absolute;top:0;right:0;display:block;width:32px;height:32px;background:url(delete.png) no-repeat;cursor:pointer;opacity:.5;-webkit-transition:opacity .2s ease-out;-moz-transition:opacity .2s ease-out;-ms-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;transition:opacity .2s ease-out} #itemImages .itemImage .delBtn:hover{opacity:1} #ospropertyadvsearch .tab-content{overflow:inherit!important} #curr{display:inline;max-height:40px;width:120px;} #locator_sidebar{left:0;position:absolute;top:5px;width:250px;z-index:100} #locator_sidebar1{border:1px solid #c7e3ef;border-radius:5px;margin:0 auto 20px;padding:4%;text-align:center} #locator_hidebar{background-image:url(../images/fancy_nav_left.png);background-position:center center;background-repeat:no-repeat;cursor:pointer;float:right;height:30px;width:30px;z-index:100} #locator_showbar{background-image:url(../images/fancy_nav_right.png);background-position:center center;background-repeat:no-repeat;cursor:pointer;display:none;height:50px;left:20px;position:absolute;width:50px;z-index:100} .maplabels-a{color:#08298A;background-color:#E0F2F7;font-family:"Lucida Grande","Arial",sans-serif;font-size:10px;font-weight:700;text-align:center;width:80px;border:1px solid #0B173B;white-space:nowrap} .locatorpagevertical label{padding-right:0;padding-left:0;text-align:left} .facebook{background:none repeat scroll 0 0px,#0000 url(../images/icon_fb.svg) no-repeat scroll 50% 50%} .twitter{background:none repeat scroll 0 0px,#0000 url(../images/icon_tw.svg) no-repeat scroll 50% 50%} .social-button{opacity:1;display:inline-block;vertical-align:middle;font-size:1px;height:40px;overflow:hidden;text-indent:-999px;width:40px} .gallerypage{background:#000f none repeat scroll 0 0} .amenitygroup{border-bottom:1px solid #DDD;margin-bottom:10px} a.reportlisting{text-decoration:none!important;cursor:pointer!important} .noattension{color:#CCC!important} .flex-caption{width:100%} .flex-caption .leftcaption{width:85%;position:relation;display:inline-block;padding-left:20px} .flex-caption .rightcaption{width:15%;position:relation;display:inline;text-align:center} .sub-score-item .progress-bar{background:#cfcfcf none repeat scroll 0 0;border-radius:0;box-shadow:none;height:5px;line-height:0;margin-bottom:5px;text-align:left;width:100%} .sub-score-item .progress-bar span{background-color:#0283df;border-radius:0;box-shadow:none;display:inline-block;height:100%;transition:width 1s ease 0} .sub-score-item .item-text{padding-left:0;font-weight:700} .sub-score-item .item-value{color:#0283df;float:right;font-weight:700;right:20px} .sub-score-item{float:left;margin:15px 0 0} .required{color:red;padding-left:5px} .noleftmargin{margin-left:0!important} .noleftpadding{padding-left:0!important} .padding3{padding:3px} .resultheader{padding-bottom:5px;color:gray} .border0{border:0!important} .border1{border:1px solid #CCC!important} .borderbottom1{border-bottom:1px dotted #CCC!important} .bordertop1{border-top:1px dotted #CCC!important} .floatleft{float:left} .floatright{float:right} .alignleft{text-align:left} .alignright{text-align:right} .colorgray{color:gray} .colororange{color:orange} .colorwhite{color:#fff} .colorred{color:red} .marginbottom0{margin-bottom:0!important} .marginright0{margin-right:0!important} .marginleft0{margin-left:0!important} .margintop0{margin-top:0!important} .marginbottom10{margin-bottom:10px!important} .marginbottom20{margin-bottom:20px!important} .marginbottom50{margin-bottom:50px!important} .map1x{width:100%;height:250px} .map2x{position:relative;width:100%;height:300px} .map3x{max-width:100%;width:auto;height:600px} .leftmargin10{margin-left:10px} .padding0{padding:0!important} .paddingleft2{padding-left:2px} .paddingleft3{padding-left:3px} .paddingleft5{padding-left:5px} .paddingleft10{padding-left:10px} .paddingleft15{padding-left:15px} .paddingleft20{padding-left:20px} .paddingtop5{padding-top:5px} .paddingtop10{padding-top:10px} .paddingright2{padding-right:2px} .paddingright3{padding-right:3px} .paddingright5{padding-right:5px} .paddingright10{padding-right:10px} .paddingtopbottom5{padding-top:5px;padding-bottom:5px} .paddingbottom10{padding-bottom:10px} .paddingbottom20{padding-bottom:20px} .padding20{padding:20px} .paddingtop20{padding-top:20px} .padding10{padding:10px} .padding1{padding:1px} .padding5{padding:5px} .searchAgentforaddtocompany{width:300px} .searchAgentforaddtocompany .searchAgentforaddtocompany1{float:left;width:70px} .checkcouponcode1{font-size:15px;font-weight:700;color:#0E8247} .checkcouponcode2{font-size:15px;font-weight:700;color:#C53535} .fontsmall{font-size:11px} .width25{width:25px} .width60{width:60px} .width16{width:16px} .tableshowSearchAgentResults{border:1px solid #F2DAB3} .height60{height:60px} .height100px,.height100{height:100px} .height60px{height:60px} .fontbold{font-weight:700} .fontnormal{font-weight:400} .backgroundlightgray{background-color:#efefef} .backgroundwhite{background-color:#FFF} .backgroundblack{background-color:#000} .displayblock{display:block!important} .defaultpage_listing{margin:5px 10px 0} .width10pc{width:10%} .width20pc{width:20%} .width30pc{width:30%} .width40pc{width:40%} .width50pc{width:50%} .width60pc{width:60%} .width70{width:70%} .width80pc{width:80%} .width90pc{width:90%} .width100pc{width:100%} .width3px{width:3px} .width40px{width:40px} .width90{width:90px} .width90px{width:90px} .width100px{width:100px} .width110px{width:110px} .top0{top:0} .right0{right:0} .left5{left:5px} #iframemlssearch{width:100%!important;height:100%!important;min-height:715px!important} .relative{position:relative} .absolute{position:absolute} .nodisplay{display:none!important} .overflowhidden{overflow:hidden} #ws-walkscore-tile{position:relative;text-align:left} #ws-walkscore-tile *{float:none} #ws-footer a,#ws-footer a:link{font:11px Verdana,Arial,Helvetica,sans-serif;margin-right:6px;white-space:nowrap;padding:0;color:#000;font-weight:700;text-decoration:none} #ws-footer a:hover{color:#777;text-decoration:none} #ws-footer a:active{color:#b14900} #ws-footer{position:absolute;top:268px;left:8px;width:588px} #ws-go{position:absolute;top:0;right:0} fieldset label,fieldset span.faux-label{clear:right} .fontsize14{font-size:14px} .fontsize15{font-size:15px} .fontsize16{font-size:16px} .fontsize18{font-size:18px} textarea{min-height:100px!important} .lineheight{line-height:16px} #request_security_code,#sharing_security_code,#comment_security_code,#security_code{width:50px;margin:0} .margin0{margin:0!important} .marginright5{margin-right:5px} .marginright10{margin-right:10px} .marginright15{margin-right:15px} .margintop10{margin-top:10px} .margintop15{margin-top:15px} .margintop30{margin-top:30px} .gridview1{padding:0 10px 10px} .characters_line{margin:10px 0} .thumbPhotos1{white-space:nowrap;width:100%;height:auto;overflow:auto} .thumbPhotos1 .thumbPhotos1a{border:1px solid #efefef;padding:1px;margin:1px;width:45px;display:inline-block;cursor:pointer;white-space:nowrap} .categorydropdown{min-height:100px} .googleinfordiv{height:25px;border-top:1px dotted #efefef} .height15{height:15px} .height25{height:25px} .height80{height:80px} .inlinedisplay{display:inline!important} .blockdisplay{display:block!important} .inlineblockdisplay{display:inline-block!important} .verticalaligntop{vertical-align:top} .height20{height:20px} .height200{height:200px} .property_history_table .td1{height:30px;background-color:orange;color:#fff;text-align:center;font-weight:700;font-size:16px} .manualuploadpicture{padding:3px;border:1px dotted #efefef} .propertyinformationtable{border:1px solid red!important;background-color:#FAEBDF} .propertyinformationtable .td1{padding:10px;line-height:20px} .nodecoration{text-decoration:none} .minheight0{min-height:0!important} .italic{font-style:italic} #pano{width:500px;height:300px} .stars{color:#E9F0F4} a.editprofilelink,a.editprofilelink:hover,a.editprofilelink:visited,a.reportlink,a.reportlink:hover,a.reportlink:visited{text-decoration:none!important;font-size:12px} .editprofile,.featuredproperty{text-align:center;border:1px solid #b0c052;color:#b0c052;text-decoration:none!important;font-size:12px!important;text-transform:uppercase;display:inline-block;position:relative;padding:4px 10px;height:24px} .justaddedproperty{text-align:center;border:1px solid #5293c0;color:#5293c0;text-decoration:none!important;font-size:12px!important;text-transform:uppercase;display:inline-block;position:relative;padding:2px 10px} .justupdatedproperty{text-align:center;border:1px solid #52c08e;color:#52c08e;text-decoration:none!important;font-size:12px!important;text-transform:uppercase;display:inline-block;position:relative;padding:2px 10px} .reportitem{height:25px;text-align:center;border:1px solid #cc6601;color:#cc6601;text-decoration:none!important;font-size:12px!important;text-transform:uppercase;padding:4px 10px} .featuredpropertydetails{padding-left:10px;padding-right:10px;text-align:center;border:1px solid #b0c052;color:#b0c052;text-decoration:none!important;font-size:12px!important;text-transform:uppercase;display:inline-block;position:relative} .marketstatuspropertydetails{padding-left:10px;padding-right:10px;text-align:center;border:1px solid #9d9d9d;color:#9d9d9d;text-decoration:none!important;font-size:12px!important;text-transform:uppercase;display:inline-block;position:relative} .justaddedpropertydetails{padding-left:10px;padding-right:10px;text-align:center;border:1px solid #5293c0;color:#5293c0;text-decoration:none!important;font-size:12px!important;text-transform:uppercase;display:inline-block;position:relative} .justupdatedpropertydetails{padding-left:10px;padding-right:10px;text-align:center;border:1px solid #52c08e;color:#52c08e;text-decoration:none!important;font-size:12px!important;text-transform:uppercase;display:inline-block;position:relative} .nav-tabs>li{background:none!important;margin-bottom:0!important;padding-left:0!important} .search-query{display:inline!important} @media screen and (max-width: 600px) { #agentlist{width:100%} #agentlist td:before{content:attr(data-label);float:left;text-transform:uppercase;font-weight:700} #agentlist thead{display:none} #agentlist tr{margin-bottom:10px;display:block;border-bottom:2px solid #ddd} #agentlist td{display:block;text-align:right!important;font-size:13px;border-bottom:1px dotted #ccc;width:100%} #agentlist td:last-child{border-bottom:0} #propertyListing{width:100%} #propertyListing td:before{content:attr(data-label);float:left;text-transform:uppercase;font-weight:700} #propertyListing thead{display:none} #propertyListing tr{margin-bottom:10px;display:block;border-bottom:2px solid #ddd} #propertyListing td{display:block;text-align:right!important;font-size:13px;border-bottom:1px dotted #ccc;width:100%} #propertyListing td:last-child{border-bottom:0} #membershiptable{width:100%} #membershiptable td:before{content:attr(data-label);float:left;text-transform:uppercase;font-weight:700} #membershiptable thead{display:none} #membershiptable tr{margin-bottom:10px;display:block;border-bottom:2px solid #ddd} #membershiptable td{display:block;text-align:right!important;font-size:13px;border-bottom:1px dotted #ccc;width:100%} #membershiptable td:last-child{border-bottom:0} } #propertylanguageelementsTabs .nav-item img{display:inline} .pane-sliders{width:100%} .nav-tabs li a{display:block!important} .nav-tabs li a img{display:inline} #commentForm img,#captchasecurityimage,#contactForm img,#requestdetails_form img,#message_counter,#comment_security_code,#security_code,#security_code_image,#request_security_code,#requestmoredetailsform img,#sharing_security_code,#tellfriend_form img{display:inline!important} .rssFeedIcon{display:inline} #listings select,#listings img,#advsearchformdiv select,#advsearchformdiv input{display:inline} .property-attachment img{display:inline} .thumbnail{max-width:100%!important} #gridviewbtn img,#listviewbtn img{display:inline!important} .navbar{padding:0!important} .addproperty-membership-credit-table select,.addproperty-membership-credit-table input,#address_controls input,#coordinates_controls input,#coordinates_controls1 input,#addpropertypanel2 img,#addpropertypanel2 input,#neighborhoodtable input{display:inline!important} .amenityheader{background-color:#efefef} .information-pro p.property-type img{display:inline} .membershiptable thead tr th{background-color:#444!important} .plantable{border:1px solid #efefef!important} .error{color:red;background-color:#ffc0cb;padding:10px} .sortableitem{cursor:move} .margin5{margin:5px} #filter-bar{margin-top:10px} #listPropertiesDiv .property_listing_left #listview img{display:inline} .paddingleft30{padding-left:30px!important} .leaflet-popup-content{min-width:320px} .agentprofilebox{border:1px solid #DDD;border-radius:5px;padding:10px;margin:0 0 10px} @media screen and (max-width: 320px) { #agentprofileTabs li{width:100%} #divmanageproperties .btn-toolbar input,#divmanageproperties .btn-toolbar select{width:240px!important} } #ospropertyadvsearch .keyworddiv input,#ospropertyadvsearch .searchbtn input,#ospropertyadvsearch .searchfields label,#ospropertyadvsearch .searchfields input:not([type="checkbox"]):not([type="radio"]),#ospropertyadvsearch .searchfields .chzn-container,#ospropertyadvsearch .searchfields .chzn-container input,#ospropertyadvsearch .searchfields .chzn-container ul.chzn-choices,#ospropertyadvsearch .searchfields .chzn-container ul.chzn-choices li.search-field,#ospropertyadvsearch .searchfields select{width:100%} #ospropertyadvsearch .searchfields label,#ospropertyadvsearch strong{font-weight:600} #ospropertyadvsearch .squaresearch input,#ospropertyadvsearch .pricegroups input{width:40%!important} #ospropertyadvsearch .posteddatesearch .field-calendar{display:inline-block;width:30%;padding-right:55px} @media screen and (max-width:520px) { #ospropertyadvsearch .posteddatesearch .field-calendar{width:100%;margin-bottom:10px} #ospropertyadvsearch .posteddatesearch .field-calendar #created_from,#ospropertyadvsearch .posteddatesearch .field-calendar #created_to{width:75%} #btnSubmit,#btnSaveSearchList,#btnUpdateSearchList{width:100%} } #ospropertyadvsearch .moreoption{text-align:center;margin-top:30px;font-weight:600;border:1px solid #CCC;background-color:#efefef;padding:5px 0;cursor:pointer;border-radius:3px} #ospropertyadvsearch .moreoption:hover{background-color:#dedede} #ospropertyadvsearch .searchbtns{padding-top:10px} div.ospitem-separator{position:relative;margin-bottom:30px} #agentslisting .agenttitle{margin:0} #agentslisting .agenttitle h3{margin-top:0} #listings .agentaddress,#agentslisting .agentaddress{border-bottom:1px solid #e5e5e5;position:relative;padding-bottom:5px;margin-bottom:8px;font-size:12px} #listings .agentaddress::after,#agentslisting .agentaddress::after{content:'';position:absolute;bottom:-1px;left:0;width:65px;height:1px;background-color:#f26c61} #agentslisting .agentphotobox .agentphotobox1{text-align:center} #agentslisting .agentphotobox .agentphotobox1 img{border:1px solid #DDD;padding:5px;display:inline} #agentslisting .agentphotobox .agentdetailslink{padding:10px 0} #agentslisting .agentphotobox .agentdetailslink .agentdetailsbtn{color:#fff;background-color:#00aeef;border-color:#00aeef;font-size:14px;padding:11px 15px;margin-bottom:0;vertical-align:middle;touch-action:manipulation;cursor:pointer;background-image:none;border-radius:4px;width:100%;display:block;text-align:center;font-weight:600} #agentslisting .agentphotobox .agentdetailslink a.agentdetailsbtn:hover,#agentslisting .agentphotobox .agentdetailslink a.agentdetailsbtn:visited{text-decoration:none!important;color:#FFF!important} #agentslisting .ospitem-leftpad .agent_label,.agentdetails .agent_label{font-weight:600;text-transform:uppercase} #agentslisting ul.social{margin:10px 0} #agentslisting .social li{display:inline-block;margin:0 2px 6px 0;text-align:center} #agentslisting .social li a{min-width:23px;border-radius:3px;color:#FFF;display:inline-block;padding:1px 0;background-color:#DDD;text-decoration:none} #agentslisting .social li.facebook a:hover{background:#3a7ea2;color:#fff!important} #agentslisting .social li.twitter a:hover{background:#55c5ef;color:#fff!important} #agentslisting .social li.linkin a:hover{background:#4875b4;color:#fff!important} #agentslisting .social li.gplus a:hover{background:#c63d2d;color:#fff!important} .agentdetails ul.social{margin:10px 0} .agentdetails .social li{display:inline-block;margin:0 2px 6px 0;text-align:center} .agentdetails .social li a{min-width:23px;border-radius:3px;color:#FFF;display:inline-block;padding:1px 0;background-color:#DDD} .agentdetails .social li.phone a:hover{background:#dd2a59;color:#fff!important} .agentdetails .social li.facebook a:hover{background:#3a7ea2;color:#fff!important} .agentdetails .social li.twitter a:hover{background:#55c5ef;color:#fff!important} .agentdetails .social li.linkin a:hover{background:#4875b4;color:#fff!important} .agentdetails .social li.gplus a:hover{background:#c63d2d;color:#fff!important} .agentdetails .social li.skype a:hover{background:#28b8dc;color:#fff!important} .agentdetails .social li.mobile a:hover{background:#d98445;color:#fff!important} .agentdetails #contactForm .headercontactform{font-weight:500;text-transform:uppercase;margin:0 0 10px;font-weight:600} .agentdetails #contactForm .submitcontactform{width:100%;display:block;border-radius:4px;background-color:#f9ac06;color:#FFF;text-decoration:none;font-weight:500;text-transform:uppercase;text-align:center;padding:5px 20px} .agentdetails #contactForm #comment_author,.agentdetails #contactForm #comment_email,.agentdetails #contactForm #message{width:100%!important} h1.agent_title{font-size:20px;margin-top:0} .agentdetails .agentbio{padding:10px 0} .companydescription{margin:10px 0} .agentdetails .agentbio .agentbioheading,.companydescription .companydescriptionheading{text-transform:uppercase;font-weight:600;display:block} .block_caption{border-bottom:1px solid #e5e5e5;position:relative;padding-bottom:5px;margin-bottom:8px;width:100%;text-transform:uppercase} .block_caption::after{content:'';position:absolute;bottom:-1px;left:0;width:65px;height:1px;background-color:#f26c61} .block_caption strong{font-weight:600} .agentdetails .address{color:#AAA;font-size:13px} .mortgage .add-on,.loancal .add-on{height:auto;width:40px!important} .mortgage #loan,.mortgage #income,.loancal #amt,.loancal #interest,.loancal #term,.loancal #monthly{display:inline!important;width:100%} h3.module_title{font-weight:700;padding:10px 0} .filterformlabel{font-size:13px} table.mostratedtable img,#divmanageproperties img{display:inline} h3.os-heading{font-size:22px;padding:15px 0} .os-heading{border-bottom:1px solid #e5e5e5;position:relative;padding-bottom:8px;margin-bottom:15px} .os-heading::after{content:'';position:absolute;bottom:-1px;left:0;width:100px;height:1px;background-color:#f26c61} #companyprofilefields input,#companyprofilefields select,#agentprofilepage .span6 input,#agentprofilepage .span6 select{width:100%!important} #agentprofilepage .span6 .controls{margin-left:0!important} #categoriesListing .categoryelement{margin:15px 0;width:100%} #categoriesListing .categoryelement .categoryelementdata{text-align:center} #categoriesListing .categoryelement .categoryelementdata .categoryelementpicture{width:auto;box-shadow:10px 0 20px 0 #9492f533;display:inline} #categoriesListing .categoryelement .categoryelementtitle{padding:10px 0} #categoriesListing .categoryelement .categoryelementtitle a{font-size:13px;color:#000;text-transform:uppercase;font-weight:700} #categoriesListing .categoryelement .categoryelementdescription{font-size:13px;text-align:justify;color:gray;padding:0 10px} a.filterResetLink:link,a.filterResetLink:visited,a.filterResetLink:hover{color:#fff!important;text-decoration:none} #propertyinformationContent .form-group .accordion{width:100%} .payment_information{margin-top:20px} #advsearchformdiv .tab-content{margin-left:0} .agentphotobox1{position:relative} .agentphotobox1 .agentType{right:14px;bottom:9px;background:#efefef;padding:0 5px;text-transform:uppercase;position:absolute} .btnSubmit{width:100px} .osp-invisible-to-visitors{display:none!important} .osnavigation-body .osnavigation-osheader-text a{text-decoration:none} .osnavigation-body .osnavigation-direction-text{color:gray;text-transform:uppercase} .osnavigation-right .osnavigation-direction-text{text-align:right} .osnavigation-left .osnavigation-direction-text{text-align:left} .media-thumb{padding-bottom:20px;margin-bottom:0;border-style:solid;border-width:1px 1px 0;border-radius:5px 5px 0 0;border-color:#efefef;padding-top:20px} .media-info{border-style:solid;border-width:0 1px 1px;border-radius:0 0 5px 5px;border-color:#efefef} .btn-download{height:40px;width:100%;border-radius:0 0 5px 5px} .documentElement{text-align:center} .print-page{font-size:14px} .print-main-wrap{background-color:#fff} .print-wrap{max-width:768px;margin:0 auto} .print-header{display:block} .print-logo-wrap{text-align:center;padding:30px 0;border-bottom:1px solid #dce0e0} .print-logo-wrap .logo{margin:0 0 10px} .print-title-wrap{padding:30px 0} .align-items-center{-ms-flex-align:center!important;align-items:center!important} .d-flex{display:-ms-flexbox!important;display:flex!important} .flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important} .print-title-wrap h1{font-size:24px;margin-bottom:3px} .print-title-wrap .item-address{margin-bottom:0} .item-address{margin-bottom:15px;color:#636363;font-size:13px;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} .print-title-wrap .item-price-wrap{position:relative;bottom:auto;left:auto;color:#000;list-style:none} .print-title-wrap .item-price-wrap .item-price{font-size:20px} .item-price-wrap .item-price{font-size:18px;font-weight:600} .print-banner-wrap{position:relative} .mr-3,.mx-3{margin-right:1rem!important} .list-unstyled{list-style:none} .print-content .print-section{border-top:1px solid #dce0e0;margin-top:20px} .detail-wrap{border:1px solid;padding:30px} .block-content-wrap ul:last-of-type{margin-bottom:0} .list-2-cols{-webkit-columns:2;-moz-columns:2;columns:2} .print-content .block-content-wrap .list-2-cols li,.print-content .block-content-wrap .list-1-cols li{padding:0;border-bottom:none;line-height:32px;-webkit-box-pack:initial;-ms-flex-pack:initial;justify-content:initial} .block-content-wrap .detail-wrap li{border-color:#0000000d;border-bottom-color:#0000000d} .block-content-wrap .list-3-cols li,.block-content-wrap .list-2-cols li,.block-content-wrap .list-1-cols li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid;border-color:#dce0e0;padding:10px 0;-webkit-column-break-inside:avoid;page-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid} .print-content .print-section li{justify-content:space-between!important} h2.print-title{padding-top:20px;margin-bottom:20px;font-size:18px} .mb-3,.my-3{margin-bottom:1rem!important} .img-fluid{max-width:100%;height:auto} .print-section .print-gallery-image{text-align:center} #general-page #state,#general-page #city,#general-page #isSold{width:100%!important} .category-list{display:grid;grid-template-columns: repeat(3, 1fr);gap: 20px;max-width:1200px;padding:0 15px} .category-item{background-color:#fff;box-shadow:0 4px 8px #0000001a;margin-bottom:20px;border-radius:8px;overflow:hidden;text-align:center;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out} .category-item img{width:100%;height:auto;border-bottom:1px solid #ddd} .category-item h2{font-size:1.3rem;margin:10px 0;color:#2c3e50} .category-item p{padding:10px;font-size:1rem;color:#7f8c8d} .category-link-img{text-decoration:none} .category-link-title{text-decoration:none;color:inherit} .category-item:hover{transform:translateY(-10px);box-shadow:0 8px 16px #0003} @media screen and (max-width: 768px) { .category-list{grid-template-columns: repeat(2, 1fr) !important;} } @media screen and (max-width: 480px) { h1{font-size:2rem} .category-item h2{font-size:1.2rem} .category-item p{font-size:.9rem} .category-list{grid-template-columns: repeat(1, 1fr) !important; } } #ospropertyadvsearch .dropdown-content,.mainframe_search .dropdown-content{display:none;position:absolute;top:100%;left:0;width:100%;background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 4px 8px #0000001a;padding:5px;z-index:99} #ospropertyadvsearch .dropdown-content label,.mainframe_search .dropdown-content label{display:flex;gap:5px;padding:5px;cursor:pointer} #ospropertyadvsearch .custom-multi-select.open .dropdown-content,.mainframe_search .custom-multi-select.open .dropdown-content{display:block;max-height:150px;overflow-y:scroll} #ospropertyadvsearch .custom-multi-select,.mainframe_search .custom-multi-select{position:relative;display:flex;align-items:center;justify-content:space-between} #ospropertyadvsearch .selected-items,.mainframe_search .selected-items{display:block;padding:10px;border-radius:4px;font-size:14px;color:#555} #ospropertyadvsearch .custom-multi-select,.mainframe_search .custom-multi-select{padding:10px;border:1px solid #ccc;border-radius:4px;font-size:14px;background-color:#fff;cursor:pointer;position:relative} #ospropertyadvsearch .price-range,.mainframe_search .price-range{display:flex;gap:10px;align-items:center} #ospropertyadvsearch .price-range input[type="range"],.mainframe_search .price-range input[type="range"]{width:100%;margin:0} #ospropertyadvsearch .price-values,.mainframe_search .price-values{margin-top:10px;display:flex;justify-content:space-between} #ospropertyadvsearch .price-values span{font-size:14px} .osp-container strong{font-weight:600} .mylocationdiv{padding-top:20px} .mylocationdiv a{text-decoration:none} #agenttab strong,#reviewtab strong{font-weight:600} @media (max-width: 768px) { .hidden-phone { display:none !important; } } #requestdetails_form_top input:not([type="checkbox"]):not([type="radio"]), #requestdetails_form_top select, #requestdetails_form_top textarea { width:100% !important; } #requestdetails_form_top input[type="checkbox"], #requestdetails_form_top input[type="radio"] { width: auto; } /* Modern Style */ .nav-tabs { border-bottom: 3px solid #0066cc; background: linear-gradient(to bottom, #f8f9fa 0%, #e9ecef 100%); padding: 10px 10px 0; border-radius: 5px 5px 0 0; } .nav-tabs li a { padding: 12px 25px; background: transparent; border: none; color: #666; font-weight: 500; position: relative; } .nav-tabs li a:hover { background: rgba(0, 102, 204, 0.1); color: #0066cc; } .nav-tabs li.active a { background: #fff; color: #0066cc; border-radius: 5px 5px 0 0; box-shadow: 0 -2px 5px rgba(0,0,0,0.1); } .nav-tabs li.active a::after { content: ''; position: absolute; bottom: -3px; left: 0; right: 0; height: 3px; background: #0066cc; } /* OpenStreetMap Styles */ .leaflet-container { font-family: Arial, sans-serif; } .property-popup { min-width: 200px; } .property-popup h4 { margin: 0 0 8px 0; font-size: 14px; font-weight: bold; } .property-popup h4 a { color: #0066cc; text-decoration: none; } .property-popup h4 a:hover { text-decoration: underline; } .property-popup p { margin: 4px 0; font-size: 12px; color: #666; } .property-popup .price { color: #e45252; font-weight: bold; font-size: 13px; } .locator_element_property { transition: all 0.3s ease; cursor: pointer; } .locator_element_property.highlighted { background-color: #ffffcc !important; border-left: 4px solid #3388ff !important; transform: translateX(5px); } .locator_element_property.hover-highlight { background-color: #f5f5f5 !important; } #map_canvas { height: 600px; width: 100%; border: 1px solid #ddd; border-radius: 4px; } .leaflet-popup-content-wrapper { border-radius: 8px; } .leaflet-popup-tip { background: white; } /* ============================================ PROPERTY EDIT PAGE - IMPROVED LAYOUT STYLES ============================================ */ /* Main Container */ #propertyModification { background: #f8f9fa; padding: 20px; border-radius: 8px; margin-bottom: 20px; } /* Page Header */ #propertyModification .componentheading { font-size: 24px; font-weight: 600; color: #2c3e50; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 2px solid #3498db; } #propertyModification .componentheading small { font-size: 14px; color: #7f8c8d; font-weight: 400; } /* Toolbar Buttons */ #propertyModification .btn-toolbar { background: #fff; padding: 15px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); margin-bottom: 20px; } #propertyModification .btn-toolbar .btn-group { display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-end; } #propertyModification .btn-toolbar .btn { padding: 10px 20px; border-radius: 6px; font-weight: 500; font-size: 14px; transition: all 0.3s ease; border: none; display: inline-flex; align-items: center; gap: 8px; } #propertyModification .btn-toolbar .btn:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.15); } #propertyModification .btn-toolbar .btn-success { background: linear-gradient(135deg, #27ae60, #2ecc71); color: #fff; } #propertyModification .btn-toolbar .btn-danger { background: linear-gradient(135deg, #c0392b, #e74c3c); color: #fff; } #propertyModification .btn-toolbar .btn-info { background: linear-gradient(135deg, #2980b9, #3498db); color: #fff; } #propertyModification .btn-toolbar .btn-warning { background: linear-gradient(135deg, #d35400, #e67e22); color: #fff; } /* Fieldset Styling */ #propertyModification .fieldsetpropertydetails { background: #fff; border: 1px solid #e0e0e0 !important; border-radius: 10px; padding: 25px; margin-bottom: 25px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); transition: box-shadow 0.3s ease; } #propertyModification .fieldsetpropertydetails:hover { box-shadow: 0 4px 15px rgba(0,0,0,0.1); } #propertyModification .fieldsetpropertydetails legend { background: linear-gradient(135deg, #3498db, #2980b9); color: #fff; padding: 12px 20px; border-radius: 6px; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 20px; display: inline-block; width: auto; } #propertyModification .fieldsetpropertydetails legend i { margin-right: 8px; } /* Form Control Groups */ #propertyModification .control-group { margin-bottom: 20px; padding: 10px 0; } #propertyModification .control-label { font-weight: 500; color: #34495e; margin-bottom: 8px; display: block; font-size: 14px; } #propertyModification .control-label .hasTip { border-bottom: 1px dotted #7f8c8d; cursor: help; } #propertyModification .controls { margin-left: 0; } /* Input Fields */ #propertyModification input[type="text"], #propertyModification input[type="number"], #propertyModification input[type="email"], #propertyModification select, #propertyModification textarea { width: 100%; padding: 12px 15px; border: 1px solid #ddd; border-radius: 6px; font-size: 14px; color: #333; background: #fff; transition: all 0.3s ease; box-sizing: border-box; } #propertyModification input[type="text"]:focus, #propertyModification input[type="number"]:focus, #propertyModification input[type="email"]:focus, #propertyModification select:focus, #propertyModification textarea:focus { border-color: #3498db; box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.15); outline: none; } #propertyModification textarea { min-height: 120px; resize: vertical; } /* Select Dropdowns */ #propertyModification select { appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 8L1 3h10z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 15px center; padding-right: 40px; } /* Tab Navigation */ #propertyModification .nav-tabs { background: linear-gradient(to bottom, #fff 0%, #f8f9fa 100%); border-bottom: 3px solid #3498db; padding: 15px 15px 0; border-radius: 10px 10px 0 0; margin-bottom: 0; display: flex; flex-wrap: wrap; gap: 5px; } #propertyModification .nav-tabs li { margin-bottom: 0; } #propertyModification .nav-tabs li a { padding: 14px 25px; background: transparent; border: none; color: #7f8c8d; font-weight: 500; font-size: 14px; border-radius: 8px 8px 0 0; transition: all 0.3s ease; position: relative; text-decoration: none !important; } #propertyModification .nav-tabs li a:hover { background: rgba(52, 152, 219, 0.1); color: #3498db; } #propertyModification .nav-tabs li.active a, #propertyModification .nav-tabs li a.active { background: #fff; color: #3498db; font-weight: 600; box-shadow: 0 -2px 8px rgba(0,0,0,0.08); } #propertyModification .nav-tabs li.active a::after, #propertyModification .nav-tabs li a.active::after { content: ''; position: absolute; bottom: -3px; left: 0; right: 0; height: 3px; background: #3498db; } /* Tab Content */ #propertyModification .tab-content { background: #fff; border: 1px solid #e0e0e0; border-top: none; border-radius: 0 0 10px 10px; padding: 25px; } #propertyModification .tab-pane { padding: 0; } /* Row Layout */ #propertyModification .row-fluid, #propertyModification .row { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } #propertyModification .span6, #propertyModification .col-md-6 { flex: 0 0 50%; max-width: 50%; padding-left: 15px; padding-right: 15px; box-sizing: border-box; } #propertyModification .span12, #propertyModification .col-md-12 { flex: 0 0 100%; max-width: 100%; padding-left: 15px; padding-right: 15px; box-sizing: border-box; } #propertyModification .span4, #propertyModification .col-md-4 { flex: 0 0 33.333%; max-width: 33.333%; padding-left: 15px; padding-right: 15px; box-sizing: border-box; } #propertyModification .span3, #propertyModification .col-md-3 { flex: 0 0 25%; max-width: 25%; padding-left: 15px; padding-right: 15px; box-sizing: border-box; } /* Map Container */ #propertyModification #mapDiv, #propertyModification #map { border-radius: 8px; overflow: hidden; box-shadow: 0 2px 10px rgba(0,0,0,0.1); } /* Photo Upload Section */ #propertyModification #itemImagesWrap { background: #f8f9fa; padding: 20px; border-radius: 8px; margin-bottom: 20px; } #propertyModification #itemImages { display: flex; flex-wrap: wrap; gap: 15px; } #propertyModification #itemImages .itemImage { width: 150px; height: 150px; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.1); transition: transform 0.3s ease; } #propertyModification #itemImages .itemImage:hover { transform: scale(1.05); } #propertyModification #itemImages .itemImage img { width: 100%; height: 100%; object-fit: cover; } /* Photo Grid for Manual Upload */ #propertyModification .photoobjects { display: flex; flex-wrap: wrap; gap: 20px; } #propertyModification .sortableitem { background: #fff; border-radius: 10px; padding: 15px; box-shadow: 0 2px 10px rgba(0,0,0,0.08); transition: all 0.3s ease; } #propertyModification .sortableitem:hover { box-shadow: 0 4px 15px rgba(0,0,0,0.15); } #propertyModification .admin-photo { border-radius: 8px; overflow: hidden; margin-bottom: 15px; } #propertyModification .admin-photo-title { background: linear-gradient(135deg, rgba(0,0,0,0.7), rgba(0,0,0,0.5)); border-radius: 5px; padding: 8px 12px; font-size: 13px; } /* Checkbox and Radio Styling */ #propertyModification input[type="checkbox"], #propertyModification input[type="radio"] { width: auto; margin-right: 8px; cursor: pointer; } #propertyModification label { cursor: pointer; display: inline-flex; align-items: center; } /* Amenities Section */ #propertyModification .paddingleft10 .span3 { padding: 10px; background: #f8f9fa; border-radius: 6px; margin-bottom: 10px; transition: background 0.3s ease; } #propertyModification .paddingleft10 .span3:hover { background: #e8f4f8; } /* Accordion/Slider Panels */ #propertyModification .pane-sliders .panel { margin-bottom: 10px; border-radius: 8px; overflow: hidden; border: 1px solid #e0e0e0; } #propertyModification .pane-sliders .panel h3 { background: linear-gradient(to bottom, #f8f9fa, #e9ecef); padding: 15px 20px; font-size: 15px; margin: 0; cursor: pointer; transition: background 0.3s ease; } #propertyModification .pane-sliders .panel h3:hover { background: linear-gradient(to bottom, #e9ecef, #dde1e6); } /* Accordion Styles */ #propertyModification .accordion { border-radius: 8px; overflow: hidden; } #propertyModification .accordion-item { border: 1px solid #e0e0e0; margin-bottom: 5px; border-radius: 6px; } #propertyModification .accordion-header { background: #f8f9fa; } #propertyModification .accordion-button { padding: 15px 20px; font-weight: 500; color: #2c3e50; } /* Table Styling */ #propertyModification table.admintable { width: 100%; border-collapse: separate; border-spacing: 0; } #propertyModification table.admintable td { padding: 12px 15px; border-bottom: 1px solid #eee; } #propertyModification table.admintable td.key { background: #f8f9fa; font-weight: 500; width: 200px; color: #34495e; } /* Tags and Keywords Table */ #propertyModification #property_tag_table, #propertyModification #property_history_table, #propertyModification #property_tax_table { border-radius: 8px; overflow: hidden; border: 1px solid #ddd; } #propertyModification #property_tag_table th, #propertyModification #property_history_table th, #propertyModification #property_tax_table th { background: linear-gradient(135deg, #34495e, #2c3e50); color: #fff; padding: 12px 15px; font-weight: 500; } #propertyModification #property_tag_table td, #propertyModification #property_history_table td, #propertyModification #property_tax_table td { padding: 12px 15px; } #propertyModification #property_tag_table .btn, #propertyModification #property_history_table .btn, #propertyModification #property_tax_table .btn { padding: 8px 15px; border-radius: 5px; font-size: 13px; } /* Price Input Section */ #propertyModification .currency-input { display: inline-block; position: relative; } #propertyModification .input-append, #propertyModification .input-prepend { display: flex; align-items: center; gap: 10px; } /* Required Field Indicator - indicated by asterisk in the label text */ #propertyModification .required { color: #e74c3c; } /* Editor Container */ #propertyModification .wf-editor-container, #propertyModification .tox-tinymce { border-radius: 8px; overflow: hidden; } /* File Input Styling */ #propertyModification input[type="file"] { padding: 10px; background: #f8f9fa; border: 2px dashed #ddd; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; } #propertyModification input[type="file"]:hover { border-color: #3498db; background: #e8f4f8; } /* Add Photo Button */ #propertyModification .button2-left a.btn-success { padding: 12px 25px; border-radius: 8px; font-weight: 500; background: linear-gradient(135deg, #27ae60, #2ecc71); border: none; display: inline-flex; align-items: center; gap: 8px; } /* Manual Upload Section */ #propertyModification .manualuploadpicture { background: #fff; border: 1px solid #e0e0e0; border-radius: 8px; padding: 20px; margin-bottom: 15px; } /* Responsive Styles */ @media screen and (max-width: 992px) { #propertyModification .span6, #propertyModification .col-md-6 { flex: 0 0 100%; max-width: 100%; margin-bottom: 20px; } #propertyModification .span4, #propertyModification .col-md-4 { flex: 0 0 50%; max-width: 50%; } #propertyModification .span3, #propertyModification .col-md-3 { flex: 0 0 50%; max-width: 50%; } } @media screen and (max-width: 768px) { #propertyModification { padding: 15px; } #propertyModification .componentheading { font-size: 20px; } #propertyModification .btn-toolbar .btn-group { flex-direction: column; width: 100%; } #propertyModification .btn-toolbar .btn { width: 100%; justify-content: center; } #propertyModification .nav-tabs { flex-direction: column; padding: 10px; } #propertyModification .nav-tabs li { width: 100%; } #propertyModification .nav-tabs li a { width: 100%; text-align: center; border-radius: 6px; margin-bottom: 5px; } #propertyModification .nav-tabs li.active a::after, #propertyModification .nav-tabs li a.active::after { display: none; } #propertyModification .fieldsetpropertydetails { padding: 15px; } #propertyModification .fieldsetpropertydetails legend { padding: 10px 15px; font-size: 13px; } #propertyModification .span4, #propertyModification .col-md-4, #propertyModification .span3, #propertyModification .col-md-3 { flex: 0 0 100%; max-width: 100%; } #propertyModification table.admintable td.key { width: 100%; display: block; } #propertyModification table.admintable td { display: block; width: 100%; } #propertyModification #itemImages .itemImage { width: 120px; height: 120px; } #propertyModification .sortableitem { flex: 0 0 100%; max-width: 100%; } } @media screen and (max-width: 480px) { #propertyModification { padding: 10px; margin: 0 -10px; border-radius: 0; } #propertyModification .componentheading { font-size: 18px; padding-bottom: 10px; } #propertyModification .tab-content { padding: 15px; } #propertyModification input[type="text"], #propertyModification input[type="number"], #propertyModification input[type="email"], #propertyModification select, #propertyModification textarea { padding: 10px 12px; font-size: 13px; } #propertyModification .control-group { margin-bottom: 15px; padding: 8px 0; } #propertyModification #itemImages .itemImage { width: 100px; height: 100px; } #propertyModification #property_tag_table, #propertyModification #property_history_table, #propertyModification #property_tax_table { display: block; overflow-x: auto; } } /* Print Styles */ @media print { #propertyModification .btn-toolbar { display: none; } #propertyModification { background: #fff; box-shadow: none; } } /* ============================================ ADVANCED SEARCH - MORE OPTIONS LAYOUT ============================================ */ /* More Options Container */ #ospropertyadvsearch .more-options-container { background: #fff; border-radius: 8px; padding: 20px; margin-top: 20px; } /* Field Group Styling */ #ospropertyadvsearch .field-group { margin-bottom: 25px; border-bottom: 1px solid #e5e5e5; padding-bottom: 20px; } #ospropertyadvsearch .field-group:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } #ospropertyadvsearch .field-group .block_caption { font-size: 16px; font-weight: 600; color: #2c3e50; margin-bottom: 15px; padding-bottom: 8px; border-bottom: 2px solid #3498db; display: inline-block; } /* Field Row Layout */ #ospropertyadvsearch .field-row { display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 15px; } #ospropertyadvsearch .field-item { flex: 0 0 calc(33.333% - 14px); min-width: 280px; display: flex; flex-direction: column; } #ospropertyadvsearch .field-item.full-width { flex: 0 0 100%; } #ospropertyadvsearch .field-item.half-width { flex: 0 0 calc(50% - 10px); } /* Field Label */ #ospropertyadvsearch .field-label { font-weight: 500; color: #34495e; margin-bottom: 8px; font-size: 14px; display: block; } /* Field Input Container */ #ospropertyadvsearch .field-input { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; } /* Input Fields Styling */ #ospropertyadvsearch .field-input input[type="text"], #ospropertyadvsearch .field-input input[type="number"], #ospropertyadvsearch .field-input select { flex: 1; min-width: 150px; padding: 10px 12px; border: 1px solid #ddd; border-radius: 6px; font-size: 14px; transition: all 0.3s ease; } #ospropertyadvsearch .field-input input[type="text"]:focus, #ospropertyadvsearch .field-input input[type="number"]:focus, #ospropertyadvsearch .field-input select:focus { border-color: #3498db; box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.15); outline: none; } /* Search Type Dropdown */ #ospropertyadvsearch .field-input select.search-type { flex: 0 0 auto; min-width: 100px; max-width: 120px; } /* Checkbox Group Layout */ #ospropertyadvsearch .checkbox-group { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px; margin-top: 10px; } #ospropertyadvsearch .checkbox-item { display: flex; align-items: center; padding: 8px 12px; background: #f8f9fa; border-radius: 6px; transition: background 0.3s ease; } #ospropertyadvsearch .checkbox-item:hover { background: #e8f4f8; } #ospropertyadvsearch .checkbox-item input[type="checkbox"] { width: auto; margin-right: 8px; cursor: pointer; } #ospropertyadvsearch .checkbox-item label { margin: 0; cursor: pointer; font-size: 14px; color: #2c3e50; } /* Radio Group Layout */ #ospropertyadvsearch .radio-group { display: flex; flex-wrap: wrap; gap: 15px; margin-top: 10px; } #ospropertyadvsearch .radio-item { display: flex; align-items: center; padding: 8px 15px; background: #f8f9fa; border-radius: 6px; transition: background 0.3s ease; } #ospropertyadvsearch .radio-item:hover { background: #e8f4f8; } #ospropertyadvsearch .radio-item input[type="radio"] { width: auto; margin-right: 8px; cursor: pointer; } #ospropertyadvsearch .radio-item label { margin: 0; cursor: pointer; font-size: 14px; color: #2c3e50; } /* Multiple Select Styling */ #ospropertyadvsearch .field-input select[multiple] { min-height: 120px; padding: 8px; } #ospropertyadvsearch .field-input select[multiple] option { padding: 6px 10px; border-radius: 4px; margin-bottom: 2px; } /* Date Field Styling */ #ospropertyadvsearch .field-input .field-calendar { display: flex; align-items: center; gap: 10px; flex: 1; } #ospropertyadvsearch .field-input .field-calendar input { flex: 1; } /* Responsive Design */ @media screen and (max-width: 1200px) { #ospropertyadvsearch .field-item { flex: 0 0 calc(50% - 10px); min-width: 250px; } } @media screen and (max-width: 768px) { #ospropertyadvsearch .field-item { flex: 0 0 100%; min-width: auto; } #ospropertyadvsearch .field-input { flex-direction: column; align-items: stretch; } #ospropertyadvsearch .field-input select.search-type { max-width: 100%; } #ospropertyadvsearch .checkbox-group { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); } #ospropertyadvsearch .radio-group { flex-direction: column; } } @media screen and (max-width: 480px) { #ospropertyadvsearch .more-options-container { padding: 15px; } #ospropertyadvsearch .field-group { margin-bottom: 20px; padding-bottom: 15px; } #ospropertyadvsearch .field-group .block_caption { font-size: 14px; } #ospropertyadvsearch .field-row { gap: 15px; } #ospropertyadvsearch .checkbox-group { grid-template-columns: 1fr; gap: 10px; } } /* Clean up old styles */ #ospropertyadvsearch .noleftmargin { margin-left: 0 !important; } #ospropertyadvsearch .clearfix { clear: both; } /* ============================================ MODERN BUTTONS FOR ADVANCED SEARCH ============================================ */ .searchbtns { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; padding: 20px 0; } .searchbtns .modern-btn { display: inline-flex; align-items: center; justify-content: center; padding: 12px 24px; font-size: 14px; font-weight: 600; text-decoration: none; border: none; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 2px 4px rgba(0,0,0,0.1); text-transform: uppercase; letter-spacing: 0.5px; line-height: 1.5; } .searchbtns .modern-btn:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.2); } .searchbtns .modern-btn:active { transform: translateY(0); box-shadow: 0 2px 4px rgba(0,0,0,0.1); } .searchbtns .modern-btn i { margin-right: 8px; font-size: 16px; } /* Button Colors */ .searchbtns .modern-btn.btn-search { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: #fff; } .searchbtns .modern-btn.btn-search:hover { background: linear-gradient(135deg, #5568d3 0%, #6a3f8f 100%); } .searchbtns .modern-btn.btn-reset { background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); color: #fff; } .searchbtns .modern-btn.btn-reset:hover { background: linear-gradient(135deg, #e082ea 0%, #e4465b 100%); } .searchbtns .modern-btn.btn-save { background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); color: #fff; } .searchbtns .modern-btn.btn-save:hover { background: linear-gradient(135deg, #3e9bed 0%, #00e1ed 100%); } .searchbtns .modern-btn.btn-update { background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%); color: #fff; } .searchbtns .modern-btn.btn-update:hover { background: linear-gradient(135deg, #32d86a 0%, #27e8c6 100%); } /* Alternative: Flat Design */ .searchbtns .flat-btn { display: inline-flex; align-items: center; justify-content: center; padding: 12px 28px; font-size: 14px; font-weight: 600; text-decoration: none; border: 2px solid; border-radius: 50px; cursor: pointer; transition: all 0.3s ease; text-transform: uppercase; letter-spacing: 0.5px; background: transparent; } .searchbtns .flat-btn i { margin-right: 8px; font-size: 16px; } .searchbtns .flat-btn.btn-search { color: #667eea; border-color: #667eea; } .searchbtns .flat-btn.btn-search:hover { background: #667eea; color: #fff; } .searchbtns .flat-btn.btn-reset { color: #f5576c; border-color: #f5576c; } .searchbtns .flat-btn.btn-reset:hover { background: #f5576c; color: #fff; } .searchbtns .flat-btn.btn-save { color: #4facfe; border-color: #4facfe; } .searchbtns .flat-btn.btn-save:hover { background: #4facfe; color: #fff; } .searchbtns .flat-btn.btn-update { color: #43e97b; border-color: #43e97b; } .searchbtns .flat-btn.btn-update:hover { background: #43e97b; color: #fff; } /* Responsive */ @media screen and (max-width: 768px) { .searchbtns { justify-content: center; } .searchbtns .modern-btn, .searchbtns .flat-btn { flex: 1 1 calc(50% - 6px); min-width: 140px; } } @media screen and (max-width: 480px) { .searchbtns { flex-direction: column; } .searchbtns .modern-btn, .searchbtns .flat-btn { width: 100%; flex: 1 1 100%; } } /* ============================================ LOGIN MODAL FOR ADVANCED SEARCH ============================================ */ .osp-modal-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 9998; animation: fadeIn 0.3s ease; } .osp-modal-overlay.active { display: flex; align-items: center; justify-content: center; } .osp-modal { background: #fff; border-radius: 12px; width: 90%; max-width: 450px; max-height: 90vh; overflow-y: auto; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3); animation: slideUp 0.3s ease; position: relative; } .osp-modal-header { padding: 25px 30px 20px; border-bottom: 1px solid #e5e5e5; position: relative; } .osp-modal-header h3 { margin: 0; font-size: 24px; font-weight: 600; color: #2c3e50; } .osp-modal-close { position: absolute; top: 20px; right: 20px; background: transparent; border: none; font-size: 28px; color: #95a5a6; cursor: pointer; padding: 0; width: 30px; height: 30px; line-height: 30px; text-align: center; transition: all 0.3s ease; } .osp-modal-close:hover { color: #e74c3c; transform: rotate(90deg); } .osp-modal-body { padding: 30px; } .osp-modal-tabs { display: flex; gap: 10px; margin-bottom: 25px; border-bottom: 2px solid #e5e5e5; } .osp-modal-tab { flex: 1; padding: 12px 20px; background: transparent; border: none; border-bottom: 3px solid transparent; cursor: pointer; font-size: 16px; font-weight: 500; color: #7f8c8d; transition: all 0.3s ease; } .osp-modal-tab.active { color: #667eea; border-bottom-color: #667eea; } .osp-modal-tab:hover { color: #667eea; } .osp-tab-content { display: none; } .osp-tab-content.active { display: block; animation: fadeIn 0.3s ease; } .osp-form-group { margin-bottom: 20px; } .osp-form-group label { display: block; margin-bottom: 8px; font-weight: 500; color: #34495e; font-size: 14px; } .osp-form-group input[type="text"], .osp-form-group input[type="email"], .osp-form-group input[type="password"] { width: 100%; padding: 12px 15px; border: 2px solid #e5e5e5; border-radius: 8px; font-size: 14px; transition: all 0.3s ease; box-sizing: border-box; } .osp-form-group input:focus { border-color: #667eea; outline: none; box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1); } .osp-form-group .error-message { color: #e74c3c; font-size: 13px; margin-top: 5px; display: none; } .osp-form-group.has-error input { border-color: #e74c3c; } .osp-form-group.has-error .error-message { display: block; } .osp-remember-forgot { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; font-size: 14px; } .osp-remember-forgot label { display: flex; align-items: center; cursor: pointer; margin: 0; } .osp-remember-forgot input[type="checkbox"] { margin-right: 8px; cursor: pointer; } .osp-remember-forgot a { color: #667eea; text-decoration: none; } .osp-remember-forgot a:hover { text-decoration: underline; } .osp-submit-btn { width: 100%; padding: 14px 20px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: #fff; border: none; border-radius: 8px; font-size: 16px; font-weight: 600; cursor: pointer; transition: all 0.3s ease; text-transform: uppercase; letter-spacing: 0.5px; } .osp-submit-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4); } .osp-submit-btn:disabled { opacity: 0.6; cursor: not-allowed; transform: none; } .osp-loading { display: none; text-align: center; padding: 20px; } .osp-loading.active { display: block; } .osp-spinner { border: 3px solid #f3f3f3; border-top: 3px solid #667eea; border-radius: 50%; width: 40px; height: 40px; animation: spin 1s linear infinite; margin: 0 auto; } .osp-alert { padding: 12px 15px; border-radius: 8px; margin-bottom: 20px; display: none; } .osp-alert.active { display: block; } .osp-alert.success { background: #d4edda; color: #155724; border: 1px solid #c3e6cb; } .osp-alert.error { background: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; } .osp-divider { text-align: center; margin: 25px 0; position: relative; } .osp-divider::before { content: ''; position: absolute; top: 50%; left: 0; right: 0; height: 1px; background: #e5e5e5; } .osp-divider span { background: #fff; padding: 0 15px; position: relative; color: #95a5a6; font-size: 14px; } .osp-social-login { display: flex; gap: 10px; } .osp-social-btn { flex: 1; padding: 12px; border: 2px solid #e5e5e5; border-radius: 8px; background: #fff; cursor: pointer; transition: all 0.3s ease; font-size: 14px; font-weight: 500; } .osp-social-btn:hover { border-color: #667eea; background: #f8f9fa; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes slideUp { from { transform: translateY(50px); opacity: 0; } to { transform: translateY(0); opacity: 1; } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Responsive */ @media screen and (max-width: 480px) { .osp-modal { width: 95%; max-width: none; } .osp-modal-header, .osp-modal-body { padding: 20px; } .osp-modal-tabs { flex-direction: column; gap: 5px; } .osp-social-login { flex-direction: column; } } /* ============================================ SAVED SEARCH LIST - MODERN DESIGN ============================================ */ .saved-search-container { padding: 20px 0; } .saved-search-header { margin-bottom: 30px; padding-bottom: 20px; border-bottom: 2px solid #e5e5e5; } .saved-search-header h1 { font-size: 28px; font-weight: 600; color: #2c3e50; margin: 0 0 15px 0; display: flex; align-items: center; gap: 12px; } .saved-search-header h1:before { content: "\e023"; /* bookmark icon */ font-family: 'IcoMoon'; color: #667eea; font-size: 32px; } .saved-search-toolbar { display: flex; justify-content: space-between; align-items: center; margin-top: 15px; flex-wrap: wrap; gap: 10px; } .saved-search-actions { display: flex; gap: 10px; } .saved-search-btn { display: inline-flex; align-items: center; gap: 8px; padding: 10px 20px; border: 2px solid #e5e5e5; border-radius: 8px; background: #fff; color: #34495e; font-size: 14px; font-weight: 500; cursor: pointer; transition: all 0.3s ease; text-decoration: none; } .saved-search-btn:hover { border-color: #667eea; background: #f8f9fa; color: #667eea; transform: translateY(-2px); } .saved-search-btn.btn-delete { border-color: #e74c3c; color: #e74c3c; } .saved-search-btn.btn-delete:hover { background: #e74c3c; color: #fff; } .saved-search-btn i { font-size: 16px; } .saved-search-info { color: #7f8c8d; font-size: 14px; } /* Search List Table */ .saved-search-table { width: 100%; background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.08); } .saved-search-table thead { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); } .saved-search-table thead th { padding: 16px 20px; color: #fff; font-weight: 600; font-size: 14px; text-align: left; text-transform: uppercase; letter-spacing: 0.5px; border: none; } .saved-search-table thead th:first-child { border-radius: 12px 0 0 0; width: 50px; text-align: center; } .saved-search-table thead th:last-child { border-radius: 0 12px 0 0; } .saved-search-table tbody tr { border-bottom: 1px solid #f0f0f0; transition: all 0.3s ease; } .saved-search-table tbody tr:hover { background: #f8f9fa; transform: scale(1.01); box-shadow: 0 4px 12px rgba(0,0,0,0.05); } .saved-search-table tbody tr:last-child { border-bottom: none; } .saved-search-table tbody td { padding: 16px 20px; vertical-align: middle; border: none; } .saved-search-table tbody td:first-child { text-align: center; font-weight: 600; color: #95a5a6; } /* Checkbox styling */ .saved-search-checkbox { position: relative; width: 20px; height: 20px; cursor: pointer; appearance: none; border: 2px solid #ddd; border-radius: 4px; transition: all 0.3s ease; margin: 0; } .saved-search-checkbox:checked { background: #667eea; border-color: #667eea; } .saved-search-checkbox:checked:after { content: '\2713'; position: absolute; top: -2px; left: 3px; color: #fff; font-size: 14px; font-weight: bold; } /* List name cell */ .saved-search-name { display: flex; align-items: center; gap: 12px; } .saved-search-link { font-size: 15px; font-weight: 600; color: #2c3e50; text-decoration: none; transition: all 0.3s ease; flex: 1; } .saved-search-link:hover { color: #667eea; } .saved-search-edit-btn { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border: 1px solid #e5e5e5; border-radius: 6px; background: #fff; cursor: pointer; transition: all 0.3s ease; color: #7f8c8d; } .saved-search-edit-btn:hover { background: #667eea; border-color: #667eea; color: #fff; } .saved-search-edit-btn i { font-size: 14px; } /* Edit input */ .saved-search-edit-form { display: none; align-items: center; gap: 8px; } .saved-search-edit-form.active { display: flex; } .saved-search-edit-input { flex: 1; padding: 8px 12px; border: 2px solid #667eea; border-radius: 6px; font-size: 14px; outline: none; } .saved-search-save-btn { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; background: #27ae60; border: none; border-radius: 6px; cursor: pointer; transition: all 0.3s ease; color: #fff; } .saved-search-save-btn:hover { background: #229954; transform: scale(1.1); } /* Email alert toggle */ .email-alert-toggle { display: inline-flex; align-items: center; justify-content: center; width: 50px; height: 28px; background: #e74c3c; border-radius: 14px; cursor: pointer; transition: all 0.3s ease; position: relative; } .email-alert-toggle.active { background: #27ae60; } .email-alert-toggle:before { content: ''; position: absolute; left: 3px; width: 22px; height: 22px; background: #fff; border-radius: 50%; transition: all 0.3s ease; } .email-alert-toggle.active:before { left: 25px; } .email-alert-toggle i { position: relative; z-index: 1; color: #fff; font-size: 12px; } /* Date cell */ .saved-search-date { color: #7f8c8d; font-size: 14px; display: flex; align-items: center; gap: 8px; } .saved-search-date:before { content: '\43'; /* calendar icon */ font-family: 'IcoMoon'; color: #95a5a6; } /* Empty state */ .saved-search-empty { text-align: center; padding: 60px 20px; } .saved-search-empty-icon { font-size: 64px; color: #e5e5e5; margin-bottom: 20px; } .saved-search-empty h3 { font-size: 20px; color: #7f8c8d; margin: 0 0 10px 0; } .saved-search-empty p { color: #95a5a6; margin: 0; } /* Responsive */ @media screen and (max-width: 768px) { .saved-search-header h1 { font-size: 22px; } .saved-search-toolbar { flex-direction: column; align-items: stretch; } .saved-search-actions { flex-direction: column; } .saved-search-btn { width: 100%; justify-content: center; } /* Stack table on mobile */ .saved-search-table { border-radius: 8px; } .saved-search-table thead { display: none; } .saved-search-table tbody tr { display: block; margin-bottom: 15px; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.1); } .saved-search-table tbody td { display: flex; justify-content: space-between; align-items: center; padding: 12px 15px; border-bottom: 1px solid #f0f0f0; } .saved-search-table tbody td:before { content: attr(data-label); font-weight: 600; color: #7f8c8d; font-size: 13px; text-transform: uppercase; letter-spacing: 0.5px; } .saved-search-table tbody td:first-child { display: none; } .saved-search-table tbody td:last-child { border-bottom: none; } .saved-search-name { flex-direction: column; align-items: flex-start; width: 100%; } } @media screen and (max-width: 480px) { .saved-search-container { padding: 15px 0; } .saved-search-header { margin-bottom: 20px; padding-bottom: 15px; } .saved-search-table tbody td { flex-direction: column; align-items: flex-start; gap: 8px; } .saved-search-table tbody td:before { margin-bottom: 5px; } } /* Loading state */ .saved-search-loading { text-align: center; padding: 40px; } .saved-search-spinner { border: 3px solid #f3f3f3; border-top: 3px solid #667eea; border-radius: 50%; width: 40px; height: 40px; animation: spin 1s linear infinite; margin: 0 auto 15px; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Success message */ .saved-search-message { padding: 12px 20px; border-radius: 8px; margin-bottom: 20px; display: none; align-items: center; gap: 10px; } .saved-search-message.active { display: flex; } .saved-search-message.success { background: #d4edda; color: #155724; border: 1px solid #c3e6cb; } .saved-search-message.error { background: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; } .switch-container { display: flex; align-items: center; gap: 10px; } .switch-input { /* Ẩn hoàn toàn checkbox gốc */ position: absolute; opacity: 0; width: 0; height: 0; } .switch-label { position: relative; display: inline-block; width: 46px; height: 24px; background: #ccc; border-radius: 24px; cursor: pointer; transition: background 0.3s; } .switch-label::after { content: ""; position: absolute; left: 2px; top: 2px; width: 20px; height: 20px; background: #fff; border-radius: 50%; transition: transform 0.3s; box-shadow: 0 2px 4px rgba(0,0,0,0.12); } .switch-input:checked + .switch-label { background: #4caf50; } .switch-input:checked + .switch-label::after { transform: translateX(22px); }