*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; font: normal 14px 'Lato', HelveticaNeue, Helvetica, Arial; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } input, select, textarea { background:#fff; }@font-face { font-family: 'FontAwesome'; src: url("../fonts/fontawesome-webfont.eot?v=3.0.1"); src: url("../fonts/fontawesome-webfont.eot?#iefix&v=3.0.1") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff?v=3.0.1") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=3.0.1") format("truetype"); font-weight: normal; font-style: normal; text-rendering: optimizeLegibility; } i.icon { display:inline-block; width:50px; height:50px; line-height:50px; font-size:24px; font-family: FontAwesome; /*background:url('../img/icons-property.png') no-repeat;*/ vertical-align: top; text-align:center; } .iCode1:before { content:"\f000"; } .iCode2:before { content:"\f001"; } .iCode3:before { content:"\f002"; } .iCode4:before { content:"\f003"; } .iCode5:before { content:"\f004"; } .iCode6:before { content:"\f005"; } .iCode7:before { content:"\f006"; } .iCode8:before { content:"\f007"; } .iCode9:before { content:"\f008"; } .iCode10:before { content:"\f009"; } .iCode11:before { content:"\f00a"; } .iCode12:before { content:"\f00b"; } .iCode13:before { content:"\f00c"; } .iCode14:before { content:"\f00d"; } .iCode15:before { content:"\f00e"; } .iCode16:before { content:"\f010"; } .iCode17:before { content:"\f011"; } .iCode18:before { content:"\f012"; } .iCode19:before { content:"\f013"; } .iCode20:before { content:"\f014"; } .iCode21:before { content:"\f015"; } .iCode22:before { content:"\f016"; } .iCode23:before { content:"\f017"; } .iCode24:before { content:"\f018"; } .iCode25:before { content:"\f019"; } .iCode26:before { content:"\f01a"; } .iCode27:before { content:"\f01b"; } .iCode28:before { content:"\f01c"; } .iCode29:before { content:"\f01d"; } .iCode30:before { content:"\f01e"; } .iCode31:before { content:"\f021"; } .iCode32:before { content:"\f022"; } .iCode33:before { content:"\f023"; } .iCode34:before { content:"\f024"; } .iCode35:before { content:"\f025"; } .iCode36:before { content:"\f026"; } .iCode37:before { content:"\f027"; } .iCode38:before { content:"\f028"; } .iCode39:before { content:"\f029"; } .iCode40:before { content:"\f02a"; } .iCode41:before { content:"\f02b"; } .iCode42:before { content:"\f02c"; } .iCode43:before { content:"\f02d"; } .iCode44:before { content:"\f02e"; } .iCode45:before { content:"\f02f"; } .iCode46:before { content:"\f030"; } .iCode47:before { content:"\f031"; } .iCode48:before { content:"\f032"; } .iCode49:before { content:"\f033"; } .iCode50:before { content:"\f034"; } .iCode51:before { content:"\f035"; } .iCode52:before { content:"\f036"; } .iCode53:before { content:"\f037"; } .iCode54:before { content:"\f038"; } .iCode55:before { content:"\f039"; } .iCode56:before { content:"\f03a"; } .iCode57:before { content:"\f03b"; } .iCode58:before { content:"\f03c"; } .iCode59:before { content:"\f03d"; } .iCode60:before { content:"\f03e"; } .iCode61:before { content:"\f040"; } .iCode62:before { content:"\f041"; } .iCode63:before { content:"\f042"; } .iCode64:before { content:"\f043"; } .iCode65:before { content:"\f044"; } .iCode66:before { content:"\f045"; } .iCode67:before { content:"\f046"; } .iCode68:before { content:"\f047"; } .iCode69:before { content:"\f048"; } .iCode70:before { content:"\f049"; } .iCode71:before { content:"\f04a"; } .iCode72:before { content:"\f04b"; } .iCode73:before { content:"\f04c"; } .iCode74:before { content:"\f04d"; } .iCode75:before { content:"\f04e"; } .iCode76:before { content:"\f050"; } .iCode77:before { content:"\f051"; } .iCode78:before { content:"\f052"; } .iCode79:before { content:"\f053"; } .iCode80:before { content:"\f054"; } .iCode81:before { content:"\f055"; } .iCode82:before { content:"\f056"; } .iCode83:before { content:"\f057"; } .iCode84:before { content:"\f058"; } .iCode85:before { content:"\f059"; } .iCode86:before { content:"\f05a"; } .iCode87:before { content:"\f05b"; } .iCode88:before { content:"\f05c"; } .iCode89:before { content:"\f05d"; } .iCode90:before { content:"\f05e"; } .iCode91:before { content:"\f060"; } .iCode92:before { content:"\f061"; } .iCode93:before { content:"\f062"; } .iCode94:before { content:"\f063"; } .iCode95:before { content:"\f064"; } .iCode96:before { content:"\f065"; } .iCode97:before { content:"\f066"; } .iCode98:before { content:"\f067"; } .iCode99:before { content:"\f068"; } .iCode100:before { content:"\f069"; } .iCode101:before { content:"\f06a"; } .iCode102:before { content:"\f06b"; } .iCode103:before { content:"\f06c"; } .iCode104:before { content:"\f06d"; } .iCode105:before { content:"\f06e"; } .iCode106:before { content:"\f070"; } .iCode107:before { content:"\f071"; } .iCode108:before { content:"\f072"; } .iCode109:before { content:"\f073"; } .iCode110:before { content:"\f074"; } .iCode111:before { content:"\f075"; } .iCode112:before { content:"\f076"; } .iCode113:before { content:"\f077"; } .iCode114:before { content:"\f078"; } .iCode115:before { content:"\f079"; } .iCode116:before { content:"\f07a"; } .iCode117:before { content:"\f07b"; } .iCode118:before { content:"\f07c"; } .iCode119:before { content:"\f07d"; } .iCode120:before { content:"\f07e"; } .iCode121:before { content:"\f080"; } .iCode122:before { content:"\f081"; } .iCode123:before { content:"\f082"; } .iCode124:before { content:"\f083"; } .iCode125:before { content:"\f084"; } .iCode126:before { content:"\f085"; } .iCode127:before { content:"\f086"; } .iCode128:before { content:"\f087"; } .iCode129:before { content:"\f088"; } .iCode130:before { content:"\f089"; } .iCode131:before { content:"\f08a"; } .iCode132:before { content:"\f08b"; } .iCode133:before { content:"\f08c"; } .iCode134:before { content:"\f08d"; } .iCode135:before { content:"\f08e"; } .iCode136:before { content:"\f090"; } .iCode137:before { content:"\f091"; } .iCode138:before { content:"\f092"; } .iCode139:before { content:"\f093"; } .iCode140:before { content:"\f094"; } .iCode141:before { content:"\f095"; } .iCode142:before { content:"\f096"; } .iCode143:before { content:"\f097"; } .iCode144:before { content:"\f098"; } .iCode145:before { content:"\f099"; } .iCode146:before { content:"\f09a"; } .iCode147:before { content:"\f09b"; } .iCode148:before { content:"\f09c"; } .iCode149:before { content:"\f09d"; } .iCode150:before { content:"\f09e"; } .iCode151:before { content:"\f0a0"; } .iCode152:before { content:"\f0a1"; } .iCode153:before { content:"\f0a2"; } .iCode154:before { content:"\f0a3"; } .iCode155:before { content:"\f0a4"; } .iCode156:before { content:"\f0a5"; } .iCode157:before { content:"\f0a6"; } .iCode158:before { content:"\f0a7"; } .iCode159:before { content:"\f0a8"; } .iCode160:before { content:"\f0a9"; } .iCode161:before { content:"\f0aa"; } .iCode162:before { content:"\f0ab"; } .iCode163:before { content:"\f0ac"; } .iCode164:before { content:"\f0ad"; } .iCode165:before { content:"\f0ae"; } .iCode166:before { content:"\f0b0"; } .iCode167:before { content:"\f0b1"; } .iCode168:before { content:"\f0b2"; } .iCode169:before { content:"\f0c0"; } .iCode170:before { content:"\f0c1"; } .iCode171:before { content:"\f0c2"; } .iCode172:before { content:"\f0c3"; } .iCode173:before { content:"\f0c4"; } .iCode174:before { content:"\f0c5"; } .iCode175:before { content:"\f0c6"; } .iCode176:before { content:"\f0c7"; } .iCode177:before { content:"\f0c8"; } .iCode178:before { content:"\f0c9"; } .iCode179:before { content:"\f0ca"; } .iCode180:before { content:"\f0cb"; } .iCode181:before { content:"\f0cc"; } .iCode182:before { content:"\f0cd"; } .iCode183:before { content:"\f0ce"; } .iCode184:before { content:"\f0d0"; } .iCode185:before { content:"\f0d1"; } .iCode186:before { content:"\f0d2"; } .iCode187:before { content:"\f0d3"; } .iCode188:before { content:"\f0d4"; } .iCode189:before { content:"\f0d5"; } .iCode190:before { content:"\f0d6"; } .iCode191:before { content:"\f0d7"; } .iCode192:before { content:"\f0d8"; } .iCode193:before { content:"\f0d9"; } .iCode194:before { content:"\f0da"; } .iCode195:before { content:"\f0db"; } .iCode196:before { content:"\f0dc"; } .iCode197:before { content:"\f0dd"; } .iCode198:before { content:"\f0de"; } .iCode199:before { content:"\f0e0"; } .iCode200:before { content:"\f0e1"; } .iCode201:before { content:"\f0e2"; } .iCode202:before { content:"\f0e3"; } .iCode203:before { content:"\f0e4"; } .iCode204:before { content:"\f0e5"; } .iCode205:before { content:"\f0e6"; } .iCode206:before { content:"\f0e7"; } .iCode207:before { content:"\f0e8"; } .iCode208:before { content:"\f0e9"; } .iCode209:before { content:"\f0ea"; } .iCode210:before { content:"\f0eb"; } .iCode211:before { content:"\f0ec"; } .iCode212:before { content:"\f0ed"; } .iCode213:before { content:"\f0ee"; } .iCode214:before { content:"\f0f0"; } .iCode215:before { content:"\f0f1"; } .iCode216:before { content:"\f0f2"; } .iCode217:before { content:"\f0f3"; } .iCode218:before { content:"\f0f4"; } .iCode219:before { content:"\f0f5"; } .iCode220:before { content:"\f0f6"; } .iCode221:before { content:"\f0f7"; } .iCode222:before { content:"\f0f8"; } .iCode223:before { content:"\f0f9"; } .iCode224:before { content:"\f0fa"; } .iCode225:before { content:"\f0fb"; } .iCode226:before { content:"\f0fc"; } .iCode227:before { content:"\f0fd"; } .iCode228:before { content:"\f0fe"; } .iCode229:before { content:"\f100"; } .iCode230:before { content:"\f101"; } .iCode231:before { content:"\f102"; } .iCode232:before { content:"\f103"; } .iCode233:before { content:"\f104"; } .iCode234:before { content:"\f105"; } .iCode235:before { content:"\f106"; } .iCode236:before { content:"\f107"; } .iCode237:before { content:"\f108"; } .iCode238:before { content:"\f109"; } .iCode239:before { content:"\f10a"; } .iCode240:before { content:"\f10b"; } .iCode241:before { content:"\f10c"; } .iCode242:before { content:"\f10d"; } .iCode243:before { content:"\f10e"; } .iCode244:before { content:"\f110"; } .iCode245:before { content:"\f111"; } .iCode246:before { content:"\f112"; } .iCode247:before { content:"\f113"; } .iCode248:before { content:"\f114"; } .iCode249:before { content:"\f115"; } i.icon.icon-1x { font-size:12px; } i.icon.icon-2x { font-size:24px; } i.icon.icon-4x { font-size:48px; } .checkboxBox { display:inline-block; width:12.5%; margin:3px 0; vertical-align:top; text-align:center; } .checkboxBox .ibutton-container { margin-top:10px; } .checkboxBox .border { min-height:70px; margin:5px; padding:10px; border:1px solid #ccc; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .checkboxBox label { margin-top:5px; } .checkboxBox .iconEdit label { float:left; clear:both; } .checkboxBox .inputBox { width:100%; } .checkboxBox .inputBox input { height:30px; line-height:30px; border:1px solid #6b6b6b; } .checkboxBox .iconImage { color:#8fb4cb; } .checkboxBox .iconImage:hover { color:#436980;} .checkboxBox .field { width:100%; } .checkboxBox .trashCan { float:right; margin-right:10px; } .checkboxBox .iconBut { } .checkboxBox .iconLabel { margin-left:100px; text-align:left; } .checkboxBox .iconEdit { display:none; margin:10px 5px; clear:both; } .checkboxBox .btn { width:100%; } @media (max-width: 1200px) { .checkboxBox { width:16.6%; } } @media (max-width: 991px) { .checkboxBox { width:25%; } } @media (max-width: 769px) { .checkboxBox { width:50%; } } @media (max-width: 479px) { .checkboxBox { width:100%; } }.header { position:relative; background: #fff; min-height:50px; border-bottom:1px solid #000; } .banner { position:relative; z-index:1; } #menuBut { display:none; } #menuBut2 { } #brand { float:left; margin-top:1px; height:58px; width:100px; text-align:center; } #brand img { height:100%; margin:0 auto; } .navbar { margin:0 20px 0 0; text-align:right; } .navbar#masterbar { display:none; margin:0; padding:0 20px 0 0; border-bottom: 2px solid #1d414f; } .navbar ul { } .navbar ul li { position:relative; display:inline-block; color:#fff; font-size:14px; } .navbar ul li a { display:inline-block; padding:10px 15px 2px 15px; color:#6b6b6b; font-size:12px; /* line-height:60px; */ line-height:20px; text-align:center; } .navbar ul li a span { } .navbar ul li a i { display:block; width:30px; /* height:60px; line-height:60px; */ height:30px; line-height:30px; margin:0 auto; color:#476aaf !important; } .navbar ul li a:hover { color:#fff !important; background:#476aaf; } .navbar ul li a:hover i { color:#fff !important; } .navbar ul li ul { position:absolute; display:none; top:60px; left:0; padding:0; background:#1d414f; z-index:99; border: 2px solid #1d414f; -webkit-border-radius:0 10px 0 10px; -moz-border-radius: 0 10px 0 10px; -ms-border-radius: 0 10px 0 10px; -o-border-radius: 0 10px 0 10px; border-radius: 0 10px 0 10px; } .navbar ul li ul::before { position:absolute; display:block; width:13px; height:20px; top:-15px; left:-2px; border-left:15px solid #1d414f; border-top:17px solid transparent; content:""; } .navbar ul li ul li { margin:0; padding:0; width:inherit; text-align:left; line-height:34px; background:none; } .navbar ul li ul li a { display:block; min-width:200px; font-weight:bold; margin:0; padding:0 10px 0 15px; text-align:left; line-height:34px; border-top:1px solid #1d414f; color:#476aaf; background:#fff; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .navbar ul li ul li:first-child a::after { position:absolute; display:block; width:11px; height:10px; top:-10px; left:0; border-left:9px solid #fff; border-top:10px solid transparent; z-index:101; content:""; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .navbar ul li ul li:first-child a { -webkit-border-radius: 0 8px 0 0; -moz-border-radius: 0 8px 0 0; -ms-border-radius: 0 8px 0 0; -o-border-radius: 0 8px 0 0; border-radius: 0 8px 0 0; border-top:none; } .navbar ul li ul li:last-child a { -webkit-border-radius: 0 0 0 8px; -moz-border-radius: 0 0 0 8px; -ms-border-radius: 0 0 0 8px; -o-border-radius: 0 0 0 8px; border-radius: 0 0 0 8px; } .navbar ul li ul li a:hover { background:none; color:#eee; } .navbar ul li ul li:first-child a:hover::after { border-left-color:#1d414f; } .navbar ul li:nth-last-of-type(-n+2) ul { left:unset; right:0; -webkit-border-radius:10px 0 10px 0; -moz-border-radius: 10px 0 10px 0; -ms-border-radius: 10px 0 10px 0; -o-border-radius: 10px 0 10px 0; border-radius: 10px 0 10px 0; } .navbar ul li:nth-last-of-type(-n+2) ul::before { left:unset; right:-2px; border-right:15px solid #1d414f; border-left:0; } .navbar ul li:nth-last-of-type(-n+2) ul li:first-child a::after { right:0; left:unset; border-right:9px solid #fff; border-left:0; } .navbar ul li:nth-last-of-type(-n+2) ul li:first-child a { -webkit-border-radius: 8px 0 0 0; -moz-border-radius:8px 0 0 0; -ms-border-radius:8px 0 0 0; -o-border-radius:8px 0 0 0; border-radius:8px 0 0 0; border-top:none; } .navbar ul li:nth-last-of-type(-n+2) ul li:last-child a { -webkit-border-radius: 0 0 8px 0; -moz-border-radius: 0 0 8px 0; -ms-border-radius: 0 0 8px 0; -o-border-radius: 0 0 8px 0; border-radius: 0 0 8px 0; } .navbar ul li:nth-last-of-type(-n+2) ul li:first-child a:hover::after { border-right-color:#1d414f; } .navbar ul li ul li#profileImage { width:100%; text-align:center; line-height:1px; background:#6b6b6b; } .navbar ul li ul li#profileImage #profileImg { width:100px; height:100px; margin:10px auto 0; text-align:center; -webkit-border-radius:50px; -moz-border-radius:50px; -ms-border-radius:50px; -o-border-radius:50px; border-radius:50px; border:1px solid #333; overflow:hidden; background:#ccc; } .navbar ul li ul li#profileImage img { height:100%; margin-left:-16px; } .navbar ul li ul li#profileImage div { line-height:30px; } /*.navbar ul li:nth-last-of-type(2) ul { left:unset; right:0; -webkit-border-radius:10px 0 10px 0; -moz-border-radius: 10px 0 10px 0; -ms-border-radius: 10px 0 10px 0; -o-border-radius: 10px 0 10px 0; border-radius: 10px 0 10px 0; } .navbar ul li:nth-last-of-type(2) ul::before { left:unset; right:-2px; border-right:15px solid #1d414f; border-left:0; } .navbar ul li:nth-last-of-type(2) ul li:first-child a::after { right:0; left:unset; border-right:9px solid #fff; border-left:0; } .navbar ul li:nth-last-of-type(2) ul li:first-child a { -webkit-border-radius: 8px 0 0 0; -moz-border-radius:8px 0 0 0; -ms-border-radius:8px 0 0 0; -o-border-radius:8px 0 0 0; border-radius:8px 0 0 0; border-top:none; } .navbar ul li:nth-last-of-type(2) ul li:last-child a { -webkit-border-radius: 0 0 8px 0; -moz-border-radius: 0 0 8px 0; -ms-border-radius: 0 0 8px 0; -o-border-radius: 0 0 8px 0; border-radius: 0 0 8px 0; } .navbar ul li:nth-last-of-type(2) ul li:first-child a:hover::after { border-right-color:#1d414f; }*/ #sideMenu { float:left; width:199px; margin:0; background: #fff; padding-bottom:50px; clear:both; } #sideMenu ul { margin-top:25px; } #sideMenu ul li { position:relative; color:#476aaf; margin:2px 0 0 0; font-size:16px; } #sideMenu ul li label { float:left; width:60px; } #sideMenu ul li a { display:block; width:100%; line-height:50px; color:#476aaf; font-size: 12px; vertical-align: top; } #sideMenu ul li a i.arrow { width:auto; font-size:14px; margin-left:5px; } #sideMenu ul li a:hover { background:#476aaf; color:#fff; } #sideMenu ul li ul { display:none; height:auto; padding:0; margin:0; } #sideMenu ul li ul#sub4 { /*left:unset; right:0;*/ } #sideMenu ul li ul li { margin:0; width:inherit; text-align:left; } #sideMenu ul li ul li a { display:block; width:100%; line-height:40px; padding: 0 0 0 20px; border-bottom: 1px solid #fff; background:#999; color:#fff; } #sideMenu ul li ul li a:hover { background:#1d414f; } #sideMenu ul li ul li a::before { top:0; } @media (max-width: 991px) { .header:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } #brand { position:relative; height:80px; margin-left:10px; text-align:left; } .navbar { margin-right:20px; font-size:17px; } #loginbar { margin-right:20px; } #loggedMenu { margin-right:20px; } #sideBarBackground { display:none; } #menuBut { position:absolute; top:20px; right:20px; display:block; width:40px; height:40px; line-height:40px; color:#476aaf; cursor:pointer; } #menuBut i { font-size:32px; } .navbar { display:none; margin:0; text-align:left; clear:both; } .navbar#masterbar { display:none; padding:0; } .navbar ul { border-bottom:0; } .navbar ul li { display:block; width:100%; color:#fff; line-height:40px; border:0; clear:both;} .navbar ul li.divider { display:none; } .navbar ul li a { display:block; padding:5px; line-height:40px; width:100%; border:0; border-top:1px solid #476aaf; text-align:left; } .navbar ul li a span { display:inline-block; line-height:50px; margin-left:10px;} .navbar ul li a i { display:inline-block; height:50px; width:50px; line-height:50px; } .navbar ul li ul { position:relative; top:0; border:0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .navbar ul li ul::before { display:none; } .navbar ul li ul li:first-child a::after { display:none; } .navbar ul li ul li { line-height:50px; border-top:0; } .navbar ul li ul li a { padding:0 0 0 30px; height:50px; line-height:50px; border-top:1px solid #fff; background:#999; color:#fff; } .navbar ul li ul li:first-child { } .navbar ul li ul li:first-child a { border-top:1px solid #476aaf; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .navbar ul li ul li:last-child a { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .navbar ul li ul li a:hover { border:0; border-top:1px solid #476aaf; background:#1d414f; } #sideMenu { display:none; width:100%; padding:0; float:none; margin:0; text-align:left; } #sideMenu ul { margin-top:0; clear:both; } #sideMenu ul li { position:inherit; display:block; margin:0; width:100%; color:#fff; height:auto; line-height:40px; } #sideMenu ul li a { display:block; line-height:40px; width:100%; height:auto; border-bottom:1px solid #fff; } #sideMenu ul li a:hover { background:#ccc; } #sideMenu i.icon { } #sideMenu ul li ul { position:relative; height:auto; padding:0; background: #24313b; } #sideMenu ul li ul li { width:inherit; text-align:left; padding:0 0 0 10px; border-bottom:1px solid #fff; } #sideMenu ul li ul li a { display:block; width:auto; border-bottom:0; margin:0; } } @media (max-width: 479px) { #brand { margin:10px 0; height:60px; } #loginbar { height:auto; } #loginbar .loginInput { height:30px; float:none; display:block; width:100%; } #loginbar .loginSubmit { height:30px; float:none; display:block; width:100%; } } @media (min-width: 992px) { #navbar { display:block !important; } #sideMenu { display:block !important; } } .loginBackground { background: url("../img/bg_login.jpg") no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; text-align:center; } #homeBrand { margin:0 auto; max-width:250px; min-height:100px; } #homeBrand img { width:100%; } .box .title.loginTitle { text-align:center; } .box .title.loginTitle:before { display:none; } .box .title.loginTitle span { background:none; } #loginContainer { position:absolute; top:0; left:0; width:100%; height:100%; z-index:99999; background:rgba(0,0,0,0.8); text-align:center; } .box.login { display:inline-block; width:350px; float:none; margin:20px auto 20px; padding:15px; background: rgba(256,256,256,0.9); } .box.login .btn { width: 100%; } .inputLine { width: 100%; margin:0 0 15px 0; position: relative; border: 1px solid #d7d7d7; } .inputLine i { float:left; width:36px; height:36px; line-height: 36px; font-size:14px; color: #5a6573; border-right: 1px solid #d7d7d7; background: #eaeaea; } .inputLine div { margin-left:36px; } .inputLine input { width:100%; height: 36px; line-height: 36px; border:0; padding:0 10px; } @media (max-width: 991px) { .box.login { float:none; margin:20px auto 100px; } } @media (max-width: 479px) { .loginBackground { background:#fff; } .box.login { width:auto; max-width:100%; float:none; padding:0 20px 50px; margin:0; } }i.iRemove { width:20px; line-height:26px; height:26px; font-size:14px; font-weight:normal; color:#fff; } i.iRemove:before { content:"\f00d"; } i.iOk { width:20px; line-height:26px; height:26px; font-size:14px; font-weight:normal; color:#fff; } i.iOk:before { content:"\f00c"; } .ibutton-container { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; height: 24px; cursor: pointer; overflow: hidden; max-width: 400px; -khtml-user-select: none; -o-user-select: none; -moz-user-select: none; -moz-user-focus: ignore; -moz-user-input: disabled; width: 80px; } .ibutton-container * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ibutton-container input { position: absolute; top: 0; left: 0; filter: alpha(opacity=0); -moz-opacity: 0.0; opacity: 0.0; -moz-user-input: enabled !important; } .ibutton-container i { position: relative; } .ibutton-handle { display: block; height: 24px; cursor: inherit; position: absolute; top: 0; left: 0; width: 0; background: red; z-index: 3; width: 30px; } .ibutton-handle-right { display: none; height: 100%; width: 100%; padding-right: 3px; background: blue; z-index: 3; } .ibutton-handle-middle { height: 100%; width: 100%; background: green; z-index: 3; } .ibutton-label-on, .ibutton-label-off { white-space: nowrap; font-size: 17px; line-height: 17px; font-weight: 600; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; text-transform: uppercase; cursor: inherit; display: block; height: 22px; position: absolute; width: auto; top: 0; overflow: hidden; height: 24px; } .ibutton-label-on span, .ibutton-label-off span { display: inline-block; text-align: center; position: absolute; } .ibutton-label-on label, .ibutton-label-off label { padding: 0; margin: 0; height: 24px; line-height: 26px; } .ibutton-label-on { background: blue; color: #fff; left: 0; z-index: 1; } .ibutton-label-on span { left: 0px; right: 4px; } .ibutton-label-off { background: yellow; color: #7c7c7c; background-position: 100% 0; text-align: right; width: 100%; } .ibutton-label-off span { right: 0; padding-right: 6px; } .ibutton-container label { cursor: inherit; padding: 0px 3px; font-size: 1em !important; outline:none; } .ibutton-focus label { border: 1px dotted #666 !important; padding: 0 2px; } .ibutton-focus div.ibutton-label-on span label { border-color: #fff !important; } .ibutton-padding-left, .ibutton-padding-right { display: none; position: absolute; top: 4px; z-index: 2; width: 3px; height: 20px; } .ibutton-padding-left { left: 0; } .ibutton-padding-right { right: 0; background-position: 100% -4px; } .ibutton-disabled { cursor: not-allowed !important; } .ibutton-disabled .ibutton-handle { background-position: 0 -81px; } .ibutton-disabled .ibutton-handle-right { background-position: 100% -81px; } .ibutton-disabled .ibutton-handle-middle { background-position: 50% -81px; } .ibutton-disabled div.ibutton-label-on { background-position: 0 -27px; } .ibutton-disabled div.ibutton-label-off { background-position: 100% -27px; } .ibutton-disabled .ibutton-padding-left { background-position: 0 -27px; } .ibutton-disabled .ibutton-padding-right { background-position: 100% -27px; } .ibutton-disabled div.ibutton-label-on { color: #fff; } .ibutton-disabled div.ibutton-label-off { color: #cbcbcb; } .ibutton-label-off, .ibutton-label-on { } .ibutton-label-off label, .ibutton-label-on label { color: white; } .ibutton-label-on { background:#68b164; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; } .ibutton-label-off { -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; background: #dc7f70; } .ibutton-handle { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; border: 1px solid #8F8F8F; background: #ebebeb; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfd), color-stop(100%, #ebebeb)); background-image: -webkit-linear-gradient(top, #fdfdfd, #ebebeb); background-image: -moz-linear-gradient(top, #fdfdfd, #ebebeb); background-image: -o-linear-gradient(top, #fdfdfd, #ebebeb); background-image: linear-gradient(top, #fdfdfd, #ebebeb); } .ibutton-container { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .box .searchBox { border:0px; background:#e1ecf5; position:relative; margin:60px 0 50px 0; -webkit-border-radius: 10px; -webkit-border-top-left-radius: 0; -moz-border-radius: 10px; -moz-border-radius-topleft: 0; border-radius: 10px; border-top-left-radius: 0; } .box .searchBox.noMarginTop { margin-top:0; } .box .searchBox .box-content { padding:0; } .box .searchBox .infoText { display:block; padding:15px; } .search { margin-top:1 0px; padding-bottom:5px; } .search li { display:inline-block; width:20%; padding:0 10px; vertical-align:top; } .search.biggerFields li { width:50%; } .search li .inputValue { margin-left:105px; } .search .input { position:relative; padding:5px; margin: 0 !important; } .search .input .searchInput { /*background:#e1ecf5;*/ padding:5px 10px; } .search .input .searchInput input { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .search .input .searchInput select { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .search .input:before { border-top: 2px solid #fff; content:""; position: absolute; top: 0; left: 5px; right: 5px; } .search .input:after { border-left: 2px solid #fff; content:""; position: absolute; top: 5px; left: 0; bottom: 5px; } .search .input .searchInput > label { display:block; width:100px; } .search .input .searchInput > label:nth-child(1) { display:block; width:100%; padding-bottom:5px; font-weight:bold; } .search .input .searchInput .hideLine { width:100%; } /*.search .input .searchInput.searchInputRef input { background:#d0eac3; }*/ .search .input input { background:#fff; color:#333; } .search .input select { background:#fff; color:#333; } .search .input textarea { background:#fff; color:#333; } .search li.priceBars { width:100%; } .search li.lineFull { width:100%; } .search .priceBarBox { padding:20px 15px 0; } .box .searchBox .title { position:absolute; height:40px; top:-40px; left:0; background:#e1ecf5; -webkit-border-radius: 0; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius: 0; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-radius: 0; border-top-left-radius: 10px; border-top-right-radius: 10px; } .box .searchBox .title span { padding:0 15px; background:none; color:#6b6b6b; } .box .searchBox .title:before { border: 0; content:""; margin: 0; display:none; } .box .searchBox .btnBox { position:absolute; width:100%; text-align:right; padding:0 10px; } .box .searchBox .btnBox .btn { margin:0 10px; padding:5px 20px; -webkit-border-radius: 10px; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius: 10px; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; border-radius: 10px; border-top-left-radius: 0; border-top-right-radius: 0; } p#searchText { padding:10px; } @media (min-width: 1200px) { .search .input:nth-child(-n+5):before { display:none; } .search .input:nth-child(1):after { display:none; } .search .input:nth-child(6):after { display:none; } .search .input:nth-child(11):after { display:none; } .search .input:nth-child(16):after { display:none; } .search .input:nth-child(21):after { display:none; } .search .input:nth-child(26):after { display:none; } } @media (min-width: 992px) and (max-width: 1200px) { .search li { width:25%; } .search.biggerFields li { width:50%; } .search .input:nth-child(-n+4):before { display:none; } .search .input:nth-child(1):after { display:none; } .search .input:nth-child(5):after { display:none; } .search .input:nth-child(9):after { display:none; } .search .input:nth-child(13):after { display:none; } .search .input:nth-child(17):after { display:none; } .search .input:nth-child(21):after { display:none; } .search .input:nth-child(25):after { display:none; } .search .input:nth-child(29):after { display:none; } } @media (min-width: 770px) and (max-width: 991px) { .search li { width:33%; } .search.biggerFields li { width:50%; } .search .input:nth-child(-n+3):before { display:none; } .search .input:nth-child(1):after { display:none; } .search .input:nth-child(4):after { display:none; } .search .input:nth-child(7):after { display:none; } .search .input:nth-child(10):after { display:none; } .search .input:nth-child(13):after { display:none; } .search .input:nth-child(16):after { display:none; } .search .input:nth-child(19):after { display:none; } .search .input:nth-child(22):after { display:none; } .search .input:nth-child(25):after { display:none; } .search .input:nth-child(28):after { display:none; } } @media (min-width: 480px) and (max-width: 769px) { .search li { width:50%; } .search.biggerFields li { width:50%; } .search .input:nth-child(-n+2):before { display:none; } .search .input:nth-child(odd):after { display:none; } } @media (max-width: 479px) { .search { padding-bottom:10px; } .search li { float:none; width:100%; } .search.biggerFields li { float:none; width:100%; } .search .input { margin:2px 0 !important; } .search .input .searchInput { padding:5px; } .search .input .searchInput > label { display:inline-block; width:100px; padding-bottom:5px; font-weight:bold; } .search .input .searchInput select { display:inline-block; width:150px; } .search .priceBarBox { padding:30px 15px 10px; } }::selection { background: #000; color: #fff; } ::-moz-selection { background: #000; color: #fff; } ::-webkit-selection { background: #000; color: #fff; } html, body { height:100%; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } body a { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; outline:none; text-decoration:none; } body input { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } body button { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } h1 { padding:0 0 0 15px; margin:0; color:#6b6b6b; font-size:20px; line-height:30px; font-weight:normal; vertical-align:bottom; } h1 i { width:30px !important; height:30px !important; line-height:30px !important; text-align:left !important; } h2 { padding:0 0 0 15px; margin:0; font-size:14px; font-weight:normal; text-shadow: 0 1px #fff; color: #aaa; height: 20px; line-height: 20px; font-family: Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif; } a { color:#78808a; } a:hover { color:#344046; } b { font-weight:bold; } i.blue { color:#476aaf; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } #wrapper { position:relative; min-height:100%; } .title { position:relative; padding:10px 0; border-bottom:1px solid #ccc; color:#6b6b6b; background:#f1f1f1; } .title .titleInfo { display:block; position:absolute; top:10px; right:10px; color:#ccc; } .title .titleInfo:hover { color:#6b6b6b; } .title .titleInfo i { width:30px; height:30px; line-height:32px; font-size:32px; } .container { position:relative; max-width:940px; margin:0 auto; } .content { /* padding:20px; */ } .padded { padding:15px; } .sidePadded { padding:0 15px; } .leftPadded { padding:0 0 0 15px; } .rightPadded { padding:0 15px 0 0; } .alignCenter { text-align:center; } .send { background:#213b50; color:#fff; font-weight:bold; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor:pointer; } .but { display:block; margin:40px 0 20px 0; width:150px; height:37px; line-height:35px; font-size:24px; text-align:center; color:#fff; } .buttons { text-align:right; } .button { display:inline-block; margin-left:10px; padding:0 10px; line-height:20px; color:#fff; } .button.blue { background:#363636; } .button.gray { background:#24556c; } .btn { display: inline-block; padding:0 15px; line-height: 26px; color: #fff; border:1px solid #476aaf; font-size: 12px; background: #476aaf; cursor:pointer; text-transform:uppercase; font-weight:bold; } .btn:hover { color: #476aaf; background: #fff; } .btnBox { text-align:right; } .btnBox .btn { margin:0 20px 0 0; } .btnGray { float:right; margin-left:3px; background:#999; border:1px solid #999; } .btnGray .icon { width:22px; height:22px; line-height:22px; margin-top:4px; font-size:20px; } .btnGray:hover { background:#666; border:1px solid #666; color:#fff; } .btnGray:hover .icon { color:#fff; } .btn.active { background: #68b164; border:1px solid #68b164; color:#fff; } .btn.active:hover { background: #469042; } .btn.inactive { background: #ab5454; border:1px solid #ab5454; color:#fff; } .btn.inactive:hover { background: #893232; } .btn.remove { position:absolute; top:0; right:-30px; height:26px; width:26px; padding:0; background: #ab5454; border:1px solid #ab5454; color:#fff; -webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px; } .btn.remove:hover { background: #893232; } /* ============================ / SelectBox ============================ */ .startHiden { display:none; } .optionBox { border:1px solid #ccc; display:none; } .optionBoxHeader { background:#909fb3; height:35px; line-height:35px; margin-bottom:10px; color:#fff; padding-left:15px; } .optionBoxHeader a { float:right; color:#fff; } .optionBoxHeader i { width:40px; height:35px; line-height:35px; } .optionBox .borderOption { display:inline-block; vertical-align:middle; width:20%; padding-left:10px; line-height:35px; text-align:center; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .choosenOptionBox.smallSpace .optionBox .borderOption { width:50%; } .optionBox .borderOption i { margin:0 auto; text-align:center; height:auto; } .optionBox .optionNew { position:relative; padding-left:0; height:35px; overflow:hidden; } .optionBox .optionNew input { position:absolute; top:0; left:0; width:100%; height:100%; line-height:35px; padding:0 35px 0 5px; margin:0px; } .optionBox .optionNew .sendData { width:30px; position:absolute; top:0; right:0; background:#3a3f46; color:#fff; text-align:center; cursor:pointer; } .optionBoxInner { max-height:150px; overflow:auto; } .borderOption:hover { background:#909fb3; color:#fff; } .borderOption i { vertical-align:middle; vertical-align:middle; line-height:35px; } a.selectedOption { background:#3a3f46; color:#fff; } /* ============================ / SelectBox ============================ */ /* ============================ / SelectMulti ============================ */ .optionMulti { margin:0; position:relative; width:100%; } .optionMultiHeader { display:block; width:100%; height:35px; line-height:35px; margin-bottom:10px; color:#000; padding-left:15px; background:#9dbfdb; } .optionMultiHeader a { float:right; color:#3d697d; } .optionMultiHeader i.icon-2x { width:40px; height:40px; line-height:40px; font-weight:bold; text-align:center; color:#3d697d; } .optionMulti .borderOption { display:inline-block; padding:10px 0; vertical-align:middle; width:20%; text-align:center; } .optionMulti .borderOption.fullSize { width:100%; color:#6b6b6b; } .optionMulti .borderOption.fullSize:before { display:block; width:90%; content:""; height:2px; margin:15px auto 0; background:#ccc; } .optionMulti .borderOption.fullSize span { display:block; width:20%; margin:-10px auto 0; /*background:#e1ecf5;*/ background:#fff; } .optionMulti .borderOption.fullSize:hover { background:#fff; color:#333; } .optionMulti .borderOption.fullSize:hover:before { background:#333; } .optionMulti .opts { padding:5px 0; /*max-height:200px; */ } .optionMulti .newBut { text-align:right; padding-top:15px; } .optionMulti .newBut .borderOption { padding:0; background:#3d697d; color:#fff; } .optionMulti .borderOption i { margin:0 auto; text-align:center; height:auto; } .optionMulti .optionNew { position:relative; padding-left:0; height:37px; overflow:hidden; } .optionMulti .optionNew input { position:absolute; top:0; left:0; width:100%; line-height:35px; padding:0 35px 0 5px; margin:0px; } .optionMulti .optionNew .sendData { width:30px; position:absolute; top:0; right:0; line-height:37px; background:#3a3f46; color:#fff; text-align:center; cursor:pointer; } .borderOption:hover { background:#476aaf; color:#fff; } .borderOption.fullSize:hover { background:#e1ecf5; color:#555; } .borderOption i { vertical-align:middle; vertical-align:middle; line-height:35px; } .choosenOptionMulti { position:absolute; top:0; left:0; width:100%; height:100%; text-align:left; display:none; background:#e1ecf5; overflow:auto; } .choosenOptionMulti .choosenOption { display:inline; } .choosenOptionMulti .choosenOption a { display:inline-block; width:100%; padding:5px; } .choosenOptionMulti a { color:#000; } .choosenOptionMulti .add { display:inline-block; margin-left:10px !important; width:20px; height:20px; margin:3px; border:1px solid #fff; text-align:center; cursor:pointer; font-size:14px; } a.selectedOption { background:#3a3f46; color:#fff; } .optionSelected { display:inline-block; margin:0 !important; padding:0; line-height:25px; color:#000; text-align:center; cursor:pointer; } .optionSelected:hover { color:#f00; } .optionSelected span { display:inline-block; margin-left:0px !important; width:20px; height:20px; margin:3px; border:1px solid #000; text-align:center; cursor:pointer; font-size:14px; } .optionSelected i.icon-2x { width:30px; height:30px; line-height:30px; font-size:22px; color:#3d697d; } .optionSelected i.icon-2x:hover { color:#1c3a47; } .optionSelected:hover span { color:#008bff; } /* ============================ / SelectMulti ============================ */ /* ============================ Footer ============================ */ .footer { position:absolute; display:block; width:100%; bottom:0; padding:0 20px; background: #fff; color:#6b6b6b; border-top:1px solid #000; text-align:right; } .footer .logoSimo { float:right; display:block; height:50px; padding-top:10px; } .footer .logoSimo img { height:30px; } .footer .menuFooter { width:80%; float:left; text-align:left; } .footer .menuFooter li { display:inline; margin:0; line-height:50px; } .footer .menuFooter li a { display:inline-block; padding:0 10px; height:50px; line-height:50px; color:#6b6b6b; } /* ============================ / Footer ============================ */ #buttonsBar { padding:0px; color: #fff; font-size:16px; border-top:1px solid #6b6b6b; border-bottom:1px solid #6b6b6b; text-align:right; text-transform:uppercase; -webkit-transition: background 0.2s ease; -moz-transition: background 0.2s ease; -ms-transition: background 0.2s ease; -o-transition: background 0.2s ease; transition: background 0.2s ease; } #buttonsBar .statusContainer { float:left; display:inline-block; margin:0 15px 0 10px; } #buttonsBar .statusContainer .ibutton-container { float:left; margin-top:5px; } #buttonsBar .statusContainer > label { line-height:35px; margin-left:10px; display:none; } #buttonsBar .btn { display:inline-block; border:0; line-height:35px; margin:0; padding:0 10px; border-left:1px solid #fff; font-size:16px; font-weight:normal; cursor:pointer; } #buttonsBar .btn i { margin:0; height:35px; line-height:35px; width:30px; } #buttonsBar.new { background:#476aaf; } #buttonsBar.active { background: #68b164; } #buttonsBar.active .statusContainer #labelStatus-1 { display:inline-block; } #buttonsBar.active .statusContainer #labelStatus-2 { display:none; } #buttonsBar.active .statusContainer #labelStatus-3 { display:none; } #buttonsBar.active .statusContainer #labelStatus-5 { display:none; } #buttonsBar.active .btn { background: #68b164; } #buttonsBar.active .btn:hover { background: #fff; } #buttonsBar.inactive { background: #ab5454; } #buttonsBar.inactive .statusContainer #labelStatus-3 { display:inline-block; } #buttonsBar.inactive .statusContainer #labelStatus-1 { display:none; } #buttonsBar.inactive .statusContainer #labelStatus-2 { display:none; } #buttonsBar.inactive .statusContainer #labelStatus-5 { display:none; } #buttonsBar.inactive .btn { background: #ab5454; } #buttonsBar.inactive .btn:hover { background: #fff; } #buttonsBar.waiting { background: #e5b40b; } #buttonsBar.waiting .statusContainer #labelStatus-2 { display:inline-block; } #buttonsBar.waiting .statusContainer #labelStatus-1 { display:none; } #buttonsBar.waiting .statusContainer #labelStatus-3 { display:none; } #buttonsBar.waiting .statusContainer #labelStatus-5 { display:none; } #buttonsBar.waiting .btn { background: #e5b40b; } #buttonsBar.waiting .btn:hover { background: #fff; } #buttonsBar.laudofone { background: #941bbf; } #buttonsBar.laudofone .statusContainer #labelStatus-2 { display:none; } #buttonsBar.laudofone .statusContainer #labelStatus-1 { display:none; } #buttonsBar.laudofone .statusContainer #labelStatus-3 { display:none; } #buttonsBar.laudofone .statusContainer #labelStatus-5 { display:inline-block; } #buttonsBar.laudofone .btn { background: #941bbf; } #buttonsBar.laudofone .btn:hover { background: #fff; } #buttonsBar.propBar.new { background:#476aaf; } #buttonsBar.propBar.active { background: #68b164; } #buttonsBar.propBar.active .statusContainer #labelStatus-1 { display:inline-block; } #buttonsBar.propBar.active .statusContainer #labelStatus-2 { display:none; } #buttonsBar.propBar.active .statusContainer #labelStatus-3 { display:none; } #buttonsBar.propBar.active .statusContainer #labelStatus-4 { display:none; } #buttonsBar.propBar.active .statusContainer #labelStatus-5 { display:none; } #buttonsBar.propBar.active .btn { background: #68b164; } #buttonsBar.propBar.active .btn:hover { background: #fff; } #buttonsBar.propBar.inactive { background: #ab5454; } #buttonsBar.propBar.inactive .statusContainer #labelStatus-2 { display:inline-block; } #buttonsBar.propBar.inactive .statusContainer #labelStatus-1 { display:none; } #buttonsBar.propBar.inactive .statusContainer #labelStatus-3 { display:none; } #buttonsBar.propBar.inactive .statusContainer #labelStatus-4 { display:none; } #buttonsBar.propBar.inactive .statusContainer #labelStatus-5 { display:none; } #buttonsBar.propBar.inactive .btn { background: #ab5454; } #buttonsBar.propBar.inactive .btn:hover { background: #fff; } #buttonsBar.propBar.waiting { background: #e5b40b; } #buttonsBar.propBar.waiting .statusContainer #labelStatus-4 { display:inline-block; } #buttonsBar.propBar.waiting .statusContainer #labelStatus-1 { display:none; } #buttonsBar.propBar.waiting .statusContainer #labelStatus-2 { display:none; } #buttonsBar.propBar.waiting .statusContainer #labelStatus-3 { display:none; } #buttonsBar.propBar.waiting .statusContainer #labelStatus-5 { display:none; } #buttonsBar.propBar.waiting .btn { background: #e5b40b; } #buttonsBar.propBar.waiting .btn:hover { background: #fff; } #buttonsBar.propBar.laudofone { background: #941bbf; } #buttonsBar.propBar.laudofone .statusContainer #labelStatus-4 { display:none; } #buttonsBar.propBar.laudofone .statusContainer #labelStatus-1 { display:none; } #buttonsBar.propBar.laudofone .statusContainer #labelStatus-2 { display:none; } #buttonsBar.propBar.laudofone .statusContainer #labelStatus-3 { display:none; } #buttonsBar.propBar.laudofone .statusContainer #labelStatus-5 { display:inline-block; } #buttonsBar.propBar.laudofone .btn { background: #941bbf; } #buttonsBar.propBar.laudofone .btn:hover { background: #fff; } .main { margin:0 0 0 200px; padding-bottom:50px; } .main.fullWidth { margin:0; } .row { } .box { width:50%; float:left; font-size:12px; color: #5f5f5f; } .box .title { position: relative; z-index: 1; background:none; font: 600 16px Calibri, Arial, sans-serif; color: #476aaf; border:0; padding:10px 0; text-transform:uppercase; } .box .title:before { border-top: 2px solid #8c8c8c; content:""; margin: 0 auto; position: absolute; top: 50%; left: 0; right: 0; bottom: 0; width: 100%; z-index: -1; } .box .title span { display:inline-block; padding:0 10px 0 0; background:#fff; } .box .subtitle { font: 600 14px Calibri, Arial, sans-serif; color: #6699cc; } .box .subtitle:before { border:0; display:none; } .box .box-border { border: 1px solid #151b20; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .box .box-border .title { background:#151b20; font: 600 12px Calibri, Arial, sans-serif; color: #fff; padding:10px; } .box .box-border .title:before { display:none; } .fullBox { width:100%; padding:0 10px; float:none; } .cols-2 { width:50%; float:left; } .cols-2-1 { width:50%; float:left; } .cols-3 { width:33.3%; padding:0 10px; float:left; } .cols-4 { width:25%; padding:0 10px; float:left; } .cols-5 { width:20%; padding:0 10px; float:left; } .message { background:#fffeb2; line-height:50px; } .message i { color:#6b6b6b; height:50px; line-height:50px; } .message span { display:inline; } .message span.lines { display:block; width:100%; line-height:25px; } .message span.lines a { color:#fff; } .message.success { background:#c3ffc7; } .message.error { background:#c88; color:#fff; } .message.error i { color:#fff; } .message#homeAlert { display:none; } .detailList { font-size:0; padding:10px 0;} .detailList li { min-height:15px; } .detailList .inputValue { font-size:12px; } .list-4 { display:inline-block; width:25%; padding:0 10px; font-size:14px; } .list-3 { display:inline-block; width:33.3%; padding:0 10px; font-size:14px; } .list-2 { display:inline-block; width:50%; padding:0 10px; font-size:14px; } .input { margin-bottom: 15px !important; } .input > label { float:left; width:140px; color: #5f5f5f; font: 14px Calibri, Arial, sans-serif; display: inline-block; font-weight: 600; margin-bottom: 5px; } .input > label.lighter { color: #476aaf; } .input .inputValue { margin-left:145px; } .input input { width: 100%; background: #eee; border: 1px solid #ccc; border-radius: 0; box-shadow: none; color: #6b6b6b; display: inline-block; font-size: 12px; height: 26px; line-height: 26px; padding: 0 0 0 5px; } .input input:focus { border: 1px solid #757575; border-left:4px solid #757575; } .input input:disabled { color:#ccc; } .input select { width: 100%; background: #eee; border: 1px solid #ccc; border-radius: 0; box-shadow: none; color: #6b6b6b; display: inline-block; font-size: 12px; height: 26px; line-height: 26px; padding: 0 0 0 5px; } .input select:focus { border: 1px solid #757575; border-left:4px solid #757575; } .input select:disabled { color:#ccc; } .input textarea { width: 100%; background: #eee; border: 1px solid #ccc; border-radius: 0; box-shadow: none; color: #6b6b6b; display: inline-block; font-size: 12px; height: 100px; line-height: 17px; padding: 5px 5px; resize:none; } .input textarea:focus { border: 1px solid #757575; border-left:4px solid #757575; } .input textarea.notes { line-height:18px; } .input textarea:disabled { color:#ccc; } .propertySecInfo li { display:inline-block; width:20%; min-height:40px; } .input .subButs { display:none; float:right; margin-top:2px; } .input .preview { margin-bottom:15px; } .input .btnContainer { display:inline-block; float:right;} .photobox { position:relative; display:inline-block; width:20%; vertical-align:top; text-align:center; } .photobox.subtitle { width:50%; } .photobox .photoBorder { position:relative; margin:3px; border:2px solid #3a566b; line-height:0; overflow:hidden; } .photobox .coverIcon { position:absolute; display:none; width:34px; height:34px; top:5px; left:5px; text-align:center; background:rgba(41,76,145,0.8); } .photobox .coverIcon i { width:34px; height:34px; line-height:34px; font-size:18px; color:#fff; } .photobox .notCopiedIcon { position:absolute; width:34px; height:34px; top:5px; right:5px; text-align:center; background:rgba(100,100,100,0.8); } .photobox .notCopiedIcon i { width:34px; height:34px; line-height:34px; font-size:18px; color:#fff; } .photobox .notCopiedIcon.copied { background:rgba(14,142,14,0.8); } .photobox .notCopiedIcon.denied { background:rgba(160,0,0,0.8); } .photobox.cover .photoBorder { border:2px solid #24556c; } .photobox.cover .coverIcon { display:block; } .photobox .photoBorder .controler { display:none; position:absolute; bottom:0; left:0; width:100%; background:rgba(41,76,145,0.8); } .photobox .photoBorder:hover .controler { display:block; } .photobox .photoBorder a { width:100%; } .photobox .photoBorder a.deleteImage { display:inline-block; width:50%; } .photobox .hiddenEdit { display:none; } .photobox .photoBorder img { width:100%; } .photobox .photoBorder .controler a { display:inline-block; width:34px; height:34px; padding:5px; bottom:0; right:0; text-align:center; } .photobox .photoBorder .controler .txt { display:none; width:100%; height:34px; line-height:34px; padding:0; bottom:0; right:0; text-align:center; font-size:18px; color:#fff; } .photobox .photoBorder i { width:100%; height:34px; line-height:34px; margin-top:-3px; font-size:18px; color:#fff; } .photobox .photoBorder i:hover { color:#37a5d9; } .photobox .photoBorder.sideControler .info { width:50%; display:inline-block; padding:10px; vertical-align:top; line-height:20px; text-align:left; } .photobox .photoBorder.sideControler input { display:block; width:100%; } .photobox .photoBorder.sideControler textarea { display:block; width:100%; border:1px solid #bbb; resize:none; } .photobox .photoBorder.sideControler img { width:50%; display:inline-block; } .photobox .photoBorder.sideControler a { display:inline-block; width:34px; height:34px; padding:5px; bottom:0; right:0; text-align:center; } .photobox .photoBorder.sideControler i { width:100%; height:34px; line-height:34px; margin-top:-3px; font-size:18px; color:#3a566b; } .photobox .photoBorder.sideControler a:hover { background:#0f2b3f; color:#fff; } .photobox .photoBorder.sideControler a:hover i { color:#fff; } .photobox .photoBorder.sideControler .buttons { display:none; position:absolute; width:100%; bottom:0; background:rgba(41,76,145,0.8); text-align:center; } .photobox .photoBorder.inactive.sideControler .buttons { background:rgba(100,100,100,0.8); } .photobox:hover .photoBorder.sideControler .buttons { display:block; } .photobox .photoBorder.sideControler .buttons i { color:#eee; } .photobox:first-child .photoBorder.sideControler .buttons .leftArrow { display:none !important; } .photobox:last-child .photoBorder.sideControler .buttons .rightArrow { display:none !important; } .photobox .photoBorder.sideControler .buttons .inactive { display:none !important; } .photobox .photoBorder.sideControler .buttons .inactive:hover { background:none; color:#999; } .photobox .photoBorder.sideControler .buttons .inactive i { color:#999; } .photobox:first-child .photoBorder.sideControler .buttons .inactiveLeft { display:inline-block !important; } .photobox:last-child .photoBorder.sideControler .buttons .inactiveRight { display:inline-block !important; } .photobox .photoBorder.inactive { border:2px solid #999; } .photobox .photoBorder.inactive .controler { background:#999; } .photobox iframe { width:100%; height:250px; } .photobox.cover .photoBorder .coverImage { background:#2694c8; color:#fff; } .photobox.cover .photoBorder .coverImage i { color:#fff; } .photobox#uploadBtn { display:block; margin:30px 0; width:20%; text-align:center; color:#3a566b; } .photobox#uploadBtn span { display:block; margin:0 auto 5px; width:35px; height:35px; line-height:34px; font-size:42px; font-weight:bold; color:#fff; background:#3a566b; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .photobox#uploadBtn2 { display:block; margin:30px 0; width:20%; text-align:center; color:#3a566b; } .photobox#uploadBtn2 span { display:block; margin:0 auto 5px; width:35px; height:35px; line-height:34px; font-size:42px; font-weight:bold; color:#fff; background:#3a566b; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .photobox.loading { margin-top:70px; text-align:center; color:#3a566b; } .docName { position:relative; width:100%; } .docName .nameContainer { margin:0 30px 0 5px; } .docName .nameContainer input { width:100%; height:26px; border:1px solid #6b6b6b; } #pars .parLabel { float:left; font-weight:normal; line-height:26px; } #pars .parLabel span { font-weight:bold; } #pars .parInput { margin:0 80px 0 110px; } #pars .parInput input { display:inline-block; width:100%; } #pars .parStatus { float:right; vertical-align:top; } .clientInfo { text-align:right; } .respInfo { text-align:right; } .typeInput { display:none; } .simpleList { display:table; width:100%; border-bottom:1px solid #999; border-right:1px solid #ddd; } .simpleList li { display:table-row; line-height:25px; } .simpleList i { float:left; margin-left:20px; width:40px; height:25px; line-height:25px; color:#aaa; font-size:14px; } .simpleList#scaleList a.activate:hover i { color:#0cad00; } .simpleList#scaleList a.cancel:hover i { color:#c50000; } .simpleList#scaleList a.move:hover i { color:#476aaf; } .simpleList#scaleList a i { margin-left:0; width:25px; } #dashboard #multiList { padding-top:25px; } .simpleList li:nth-child(2n) { /*background:#e1ecf5;*/ background:#edf4f9; } .simpleList li:hover { /*background:#eff5fa;*/ background:#cdddea; } /*.simpleList li:nth-child(2n):hover { background:#b5cee3; }*/ .simpleList li.listTopic { background:#dbdbdb; } .simpleList li.listTopic:hover { background:#bbb; } .simpleList li.listTopic.secItem { background:#ccc; } .simpleList li.listTopic.secItem:hover { background:#afaeae; } .simpleList li.listTopic i { margin-left:0px; color:#004e6c; font-size:18px; } .simpleList li.subTopic { background:#fff; } .simpleList li.subTopic:hover { background:#eff5fa; } .simpleList li.subTopic.second { background:#e1ecf5; } .simpleList li.subTopic.second:hover { background:#b5cee3; } .simpleList li.lastStep { background:#747474; } .simpleList li.lastStep:hover { background:#444; } .simpleList li.lastStep a { color:#fff; } .simpleList li.lastStep.second { background:#575757; } .simpleList li.lastStep.second:hover { background:#333; } .simpleList li a .iconClosed { display:block; } .simpleList li a .iconOpened { display:none; } .simpleList li a.closed .iconClosed { display:none; } .simpleList li a.closed .iconOpened { display:block; } .simpleList li.inactive .name { color:#ab5454; } .simpleList li > div { display:table-cell; padding:2px 8px; border:1px solid #ddd; border-bottom:0; border-right:0; border-collapse:collapse; vertical-align: top; } .simpleList li div.status { text-align:center; } .simpleList li.header { font-size:12px; /*text-transform:uppercase;*/ background:#999; color:#fff; } .simpleList li.header div { border-top:0; text-align:center; } .simpleList li div.center { text-align:center; } .simpleList li div.center i { float:none; } .simpleList li div.type { text-align:center; } .simpleList li div.type .hidden { display:none; } .simpleList li.subList { display:none; } .responsiveList li { display:inline-block; width:33.3%; vertical-align:top; } .responsiveList li > a { display:block; margin:3px; padding:10px; color:#000; line-height:16px; background:#e1ecf5; } .responsiveList li .prop { display:block; margin:3px; padding:10px; color:#000; line-height:16px; } .responsiveList li .prop a { color:#000; margin-right:50px; } .propCheck { width:50px; float:right; } .propCheck .propCheckBox { position:relative; margin:15px 0 0 15px; width:20px; height:20px; border:1px solid #6b6b6b; background:#eee; } .propCheck .propCheckBox i { position:absolute; top:-15px; left:-15px; font-size:36px; cursor:pointer; color:#bbb; } .propCheck .propCheckBox.checked { background:#144b16; } .propCheck .propCheckBox.checked i { color:#68b164; } .propCheck .propCheckBox i:hover { color:#476aaf; } .propCheckInt { position:relative; } .propCheckInt i { width:20px; height:18px; line-height:18px; margin:0 5px; font-size:16px; cursor:pointer; color:#bbb; } .propCheckInt i:hover { color:#476aaf; } .propCheckInt i.positive.active { color:#006600; } .propCheckInt i.positive:hover { color:#006600; } .propCheckInt i.negative.active { color:#660000; } .propCheckInt i.negative:hover { color:#660000; } .propCheckInt i.blue { color:#476aaf; } .propCheckInt i.green { color:#006600; } .propCheckInt i.red { color:#660000; } .propCheckInt i.yellow { color:#cfc809; } .propCheckInt i.black { color:#000; } .propCheckInt i.purple { color:#941bbf; } .simpleList .propCheckInt { margin:0; } .simpleList .propCheckInt i { width:30px; height:25px; line-height:25px; margin:0; } .responsiveList li .info { display:block; margin:5px; padding:10px; color:#000; line-height:16px; background:#e1ecf5; } .responsiveList li .info a { color:#393939; } .responsiveList li .link { background:#c7dcb7; margin:3px; padding:10px 5px; } .responsiveList li .link:hover { background:#516e3b; color:#fff; } .responsiveList li .active { background:#c3d9c2;; } .responsiveList li .pending { background:#ecdba1;; } .responsiveList li .inactive { background:#dda7a7; } .responsiveList li .laudofone { background:#c5a0d3; } .responsiveList li label { display:block; margin-bottom:5px; font-size:16px; } .responsiveList.timeTable li .info textarea { width:100%; resize:none; height:80px; } .responsiveList.timeTable li .info button { float:right; margin-top:5px; } .responsiveList.timeTable li .butsEntry { float:right; width:40px; } .responsiveList.timeTable li .butsEntry a i { width:40px; height:40px; } .responsiveList.timeTable li .butsEntry a.comment:hover { color:#476aae; } .responsiveList.timeTable li .butsEntry a.cancel:hover { color:#f00; } .responsiveList li img { float:left; width:150px; margin:0 10px 0 0; } .responsiveList li.fullimage { width:25%; line-height:0; } .responsiveList li.fullimage a { position:relative; padding:0; line-height:0; } .responsiveList li.fullimage img { float:none; width:100%; margin:0; border:1px solid #6b6b6b; } .responsiveList li.fullimage .inner { display:none; position:absolute; width:100%; height:100%; top:0; left:0; line-height:20px; padding:10px; background:#000; background:rgba(0,0,0,0.7); color:#fff; overflow:hidden; } .responsiveList li.fullimage .inner label { margin-bottom:20px; } .responsiveList li.fullimage a:hover .inner { display:block; } /*.responsiveList.dashboard li { width:16.6%; text-align:center; padding:3px; } .responsiveList.dashboard li a { background:none; } .responsiveList.dashboard li div.color { margin:0; padding:0; border-radius: 10px; overflow: hidden; } .responsiveList.dashboard li div div { display:inline-block; margin:0; padding:15px 0; color:#fff; font-size:18px; line-height:16px; vertical-align: top; } .responsiveList.dashboard li div div.c1 { width:40%; padding-left:10px; } .responsiveList.dashboard li div div.c2 { width:60%; padding-right:10px; } .responsiveList.dashboard li div i { } .responsiveList.dashboard li div span { padding:2px 0 2px 0; display:block; font-size:12px; min-height:unset; } .responsiveList.dashboard .color1 .color { background:#966dbf; } .responsiveList.dashboard .color1 .color:hover { background:#613e85; } .responsiveList.dashboard .color2 .color { background:#66a46b; } .responsiveList.dashboard .color2 .color:hover { background:#387e3e; } .responsiveList.dashboard .color3 .color { background:#f18197; } .responsiveList.dashboard .color3 .color:hover { background:#be4b61; } .responsiveList.dashboard .color4 .color { background:#6996b9; } .responsiveList.dashboard .color4 .color:hover { background:#406b8d; } .responsiveList.dashboard .color5 .color { background:#ffb043; } .responsiveList.dashboard .color5 .color:hover { background:#dc922c; } .responsiveList.dashboard .color6 .color { background:#64bba3; } .responsiveList.dashboard .color6 .color:hover { background:#2f836c; }*/ /*.responsiveList.dashboard li { width:16.6%; text-align:center; padding:3px; }*/ /*.responsiveList li { display:inline-block; width:33.3%; vertical-align:top; }*/ .dashboard { -webkit-border-radius: 35px; -moz-border-radius: 35px; -ms-border-radius: 35px; -o-border-radius: 35px; border-radius: 35px; overflow:hidden; /*border:1px solid #3b3b3b;*/ display: grid; /*grid-template-columns: repeat(4, 25%); */ grid: 135px / repeat(4, 25%); } .dashboard li { grid-template-columns: auto; justify-content: stretch; /*width:16.6%;*/ /*width:25%;*/ text-align:center; /*padding:2px;*/ padding-left:1px; } .dashboard li:nth-child(1) { padding-left:0; } .dashboard li:nth-child(5) { padding-top:1px; padding-left:0; } .dashboard li:nth-child(6) { padding-top:1px; } .dashboard li:nth-child(7) { padding-top:1px; } .dashboard li:nth-child(8) { padding-top:1px; } .dashboard li div { height:100%; margin:0; padding:15px 0; color:#fff; font-size:18px; line-height:16px; } .dashboard li div span { padding:2px 0 2px 0; display:block; font-size:12px; min-height:unset; } .dashboard .colorEmpty div { background:#eee; } .dashboard .colorEmpty div:hover { background:#ddd; } .dashboard .color1 div { background:#966dbf; } .dashboard .color1 div:hover { background:#613e85; } .dashboard .color2 div { background:#66a46b; } .dashboard .color2 div:hover { background:#387e3e; } .dashboard .color3 div { background:#f18197; } .dashboard .color3 div:hover { background:#be4b61; } .dashboard .color4 div { background:#6996b9; } .dashboard .color4 div:hover { background:#406b8d; } .dashboard .color5 div { background:#ffb043; } .dashboard .color5 div:hover { background:#dc922c; } .dashboard .color6 div { background:#64bba3; } .dashboard .color6 div:hover { background:#2f836c; } .dashboard li a { margin:0; padding:0; } .editField { position:relative; display:none; width:100%; max-width:300px; } .editField input { padding:0 40px 0 10px; width:100%; height:26px; line-height:26px; border:1px solid #476aaf; } .editBtn { position:absolute; right:0; top:0; height:26px; padding:0; } .editBtn i { width:30px; height:26px; line-height:26px; margin:0; font-size:16px; color:#fff; } .editBtn i:hover { color:#476aaf; } .deleteBtn { position:absolute; right:-30px; top:0; height:26px; padding:0; background:#c50000; border:1px solid #c50000; } .deleteBtn i { width:30px; height:26px; line-height:26px; margin:0; font-size:16px; color:#fff; } .deleteBtn i:hover { color:#c50000; } .pagination-filter { margin:15px 0 20px; } .pagination-filter input { width:150px; line-height:25px; border:1px solid #6b6b6b; } .pagination { line-height:30px; text-align:left; } .pagination.pagTop { border-bottom:2px solid #888; padding-bottom:10px; } .pagination.pagBotton { border-top:2px solid #888; padding-top:10px; } .paginationContainet { float:right; text-align:left; } .paginationContainet .pag { display:inline-block; line-height:20px; padding:3px 5px; margin:0 5px 5px; background:#e1ecf5; color:#000; font-size:12px; } .paginationContainet .current { background:#476aaf; color:#fff; } #graficReport { text-align:left; } .chartContainer { display:inline-block; width:50%; max-width:500px; /*margin:0 auto;*/ margin:10px 0 0; text-align:center; vertical-align: top; } .chartContainer .chartBorder { margin:5px; padding:5px; border:1px solid #ccc; border-radius:10px; } .chartContainer .chartBorder h1 { display:inline-block; padding:0 15px; margin-top:-20px; background:#fff; } .chartContainer.reportChart { max-width:800px; margin:0 auto; } .chartBox { display:inline-block; width:80%; max-width:300px; padding:10px 0 0 0; } .chartSub { display:inline-block; width:50%; vertical-align:top; padding-left:20px; } .chartSub label { display:block; max-width:160px; font-size:12px; font-weight:bold; color:#476aaf; margin:10px 0; text-transform:uppercase; } .chartSub .chartInfo { display:inline-block; width:50%; vertical-align:top; text-align:left; } .chartSub .chartInfo.fullWidth { width:100%; } .chartSub .chartInfo div { display:block; max-width:160px; margin:0; font-size:12px; line-height:26px; vertical-align:middle; text-align:left; } .chartSub .chartInfo div .colorRef { display:inline-block; width:20px; height:20px; margin-right:10px; vertical-align:middle; } .reportChart .chartSub .chartInfo div { line-height:30px; } .reportChart .chartSub .chartInfo div { max-width:unset; } .chartBox { display:block; margin:0 auto; } .chartSub { display:block; width:100%; } .chartSub label { margin:10px 0; } .chartSub .chartInfo { display:inline-block; width:50%; } .chartSub .chartInfo div { max-width:160px; margin:0; } #widgetScale { margin-bottom:10px; } .multiControler { position:absolute; top:-40px; right:0; width:125px; text-align:center; background:#fff; z-index:2; border:1px solid #ccc; border-radius:10px; } .multiControler.cont2 { width:85px; } .multiControler div { display:inline-block; margin:3px 5px; width:30px; height:30px; cursor:pointer; background:#fff; color:#476aaf; text-align:center; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .multiControler div:hover { background:#476aaf; color:#fff; } .multiControler div i { width:30px; height:30px; line-height:35px; } .multi3 { margin-top:10px; } #hideContent-1 { display:block; } .innerMenu { margin:0 100px; } .innerMenu div { position:relative; display:inline-block; width:11.11%; margin:0; /*border-left:1px solid #9a9a9a;*/ vertical-align:top; } .innerMenu div:first-child { border-left:0; } .innerMenu div button { width:100%; padding:0; margin:10px 0; border:0; background:none; cursor:pointer; color:#476aaf; } .innerMenu div button:hover { } .innerMenu div::after { position:absolute; content:""; display:block; top:25px; left:0; width:1px; height:80px; background:#9a9a9a; } .innerMenu div:first-child::after { display:none; } .innerMenu div img { max-width:100%; } .innerMenu div .svg { width:70px; height:70px; margin:4px; fill:#476aaf !important; } .innerMenu div .svg * { stroke:#476aaf !important; } .innerMenu div:hover .svg { fill:#002369 !important; } .innerMenu div:hover .svg * { stroke:#002369 !important; } .innerMenu div span { display:block; width:100%; text-align:center; color:#737373; } #innerMenuProp { margin:0px; } #innerMenuProp div { width:7.6%; } .mapContainer { height:500px; } .statusBall { display:inline-block; width:14px; height:14px; margin:2px 4px 0; vertical-align:middle; background:#aaa; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; } .statusBall.green { background:#68b164; } .statusBall.red { background:#d82000; } .statusBall.yellow { background:#ead627; } .statusBall.purple { background:#941bbf; } .statusBall.blue { background:#476aaf; } .manager { position:relative; } .manager i { float:none; width:20px; height:18px; line-height:18px; margin:0 5px; font-size:16px; color:#6b6b6b; cursor:pointer; } .manager i.magnifier:hover { color:#0854ef; } .manager i.trash:hover { color:#ff0000; } .manager i.globe.active { color:#476aaf; } .manager i.globe:hover { color:#0854ff; } .manager i.green { color:#006600; } .manager i.red { color:#660000; } .manager i.blue { color:#476aaf; } .manager .innerManager { display:none; position:absolute; width:300px; top:20px; right:0px; border:1px solid #6b6b6b; background:#fff; z-index:2; } .manager .innerManager .innerTitle { color:#fff; background:#999; } .manager .innerManager .innerManegerContent { padding:10px; text-align:right; } .manager .innerManager .innerManegerContent .col1 { display:inline-block; width:140px; text-align:left; } .manager .innerManager .innerManegerContent .col2 { display:inline-block; width:135px; text-align:left; } .manager .innerManager .innerManegerContent .col2 select { width:100%; } .manager .innerManager .innerManegerContent textarea { width:100%; } .manager .innerManager .innerManegerContent button { margin-top:10px; } .statusCol { line-height:1px; } .statusCol img { display:inline-block; margin-top:3px; width:18px; } .messageBox { margin:20px; border:2px solid #ccc; } #feedback { width:100%; height:300px; border:1px solid #f00; resize:none; } #sendResult { text-align:right; } .reasons { display:none; } .arrowSub { width:10px; } .themeBox { margin: 10px 0px; border:2px solid #ccc; vertical-align: top; } .themeBox.multipleBoxes { display:inline-block; width:300px; margin: 10px 20px; } .themeBox.inUse { border:2px solid #476aaf; } .themeBox ul li { display:inline-block; width:33.33%; margin:10px 0; } .themeBox .themeTitle { border-bottom:2px solid #ccc; } .themeBox.inUse .themeTitle { border-bottom:2px solid #476aaf; } .themeBox .themeTitle h1 { display:inline-block; width:200px; padding:0 0 0 20px; margin:0; line-height:50px; font-size:18px; color:#476aaf; text-align:left; } .themeBox .themeTitle .themeColors { margin:0; } .themeBox .themeColors div span { cursor:pointer !important; } .themeBox .themeDetais { display:none; } .themeBox label { display:inline-block; line-height:20px; margin:5px 0; padding-left:10px; vertical-align: top; } .themeBox button { width:100%; } .themeBox button.openBtn { background:#6996b9; } .themeBox button.openBtn:hover { background:#3e5e76; color:#fff; } .themeBox.inUse button.selectBtn { background:#ccc; border:1px solid #ccc; color:#6b6b6b; } .themeColors { display:inline-block; width:40px; height:40px; border:3px solid #ccc; margin:5px 3px 0; } /*.themeColors:hover { border:3px solid #666; cursor:pointer; }*/ .themeColors.selected { border:3px solid #000; } .themeBox .minicolors { width:100% !important; height:100% !important; } .minicolors input { border:1px solid #ccc; margin:15px 0 0 50px; padding:0px 5px !important; } .minicolors input[type="hidden"] + .minicolors-swatch { width:unset !important; } .minicolors-theme-default .minicolors-swatch { width: 100% !important; height: 100% !important; } .loadingDash { text-align:center; } .loadingDash .title { background:none; font: 600 16px Calibri, Arial, sans-serif; color: #476aaf; border:0; padding:10px 0; text-transform:uppercase; } .loadingDash .title span { display:inline-block; width:20px; text-align:left; } #dashboard { display:none; } .profileBoxTabs .btn { margin:0 5px 0 0; } .profileBoxTabs .btn.inactive { background:#ccc; border:1px solid #999; color:#6b6b6b; } .profileBoxTabs .btn.inactive:hover { background:#999; border:1px solid #ccc; } .profileBox { position:relative; border:1px solid #6b6b6b; padding:15px 10px 10px 10px; background:#f6f6f6; } .profileButs .btn { margin:0 5px 0 15px; } #newProp { position:relative; } .overlaySearch { position:absolute; top:0; left:0; width:100%; height:100%; padding:30px 40px; background:rgba(0,0,0,0.5); z-index:99; overflow-y:hidden; } .overlaySearch.higherIndex { z-index:105; } .overlaySearch .searchBoxContent { position:relative; height:100%; margin:0; padding:0px 20px 20px; background:#fff; border:0; -webkit-border-radius: 20px;-moz-border-radius: 20px; border-radius: 20px; overflow-y:hidden; } #overlaySearchSmall .searchBoxContent { width:50%; height:50%; margin:0 0 0 25%; } .overlaySearch .searchBoxContent .box { position:relative; width:100%; height:100%; float:none; padding-top:60px; } .overlaySearch .searchBoxContent .box .titleBox { position:absolute; top:10px; left:0; width:100%; height:40px; } .overlaySearch .searchBoxContent .contentInner { max-height:100%; overflow-y:auto; } .overlaySearch .searchBoxContent .contentInnerScroll { padding-bottom:10px; } .overlaySearch .searchBoxContent .infoContent { font-size:16px; } .overlaySearch .searchBoxContent .infoContent ul li { line-height:24px; } .overlaySearch .searchBoxContent .infoContent ul li i { width:24px; height:24px; line-height:24px; font-size:14px; vertical-align:middle; } .overlaySearch .searchBoxContent .infoContent ul li ul { margin:5px 0 10px 20px; } .overlaySearch .searchBoxContent .closeOverlay { position:absolute; top:10px; right:0px; width:40px; height:40px; border:0; background:#fff; z-index:199; } .overlaySearch .searchBoxContent .closeOverlay i.icon { width:40px; height:40px; line-height:44px; color:#ab5454; font-size:28px; } @media (max-width: 1200px) { .cols-2.leftPadded { padding:0; } .cols-2 .leftPadded { padding:0; } .cols-2 { width:100%; float:none; } .cols-4 { width:33.3%; } .box.box2 { width:100%; float:none; } .propertySecInfo li { width:25%; } .photobox { width:25%; } /*.search li { width:25%; }*/ .responsiveList li { width:50%; } .chartBox { display:block; margin:0 auto; } .chartSub { display:block; width:100%; } .chartSub label { margin:10px auto; } .chartSub .chartInfo { display:inline-block; width:50%; } .chartSub .chartInfo div { max-width:160px; margin:0 auto; } .innerMenu { margin:0; } .list-4 { width:33.33%; } #innerMenuProp div { width:14.2%; } .innerMenu#innerMenuProp div:nth-child(8n)::before { position:absolute; content:""; display:block; left:10%; top:0; height:1px; width:80%; background:#9a9a9a; } .innerMenu#innerMenuProp div:nth-child(9n)::before { position:absolute; content:""; display:block; left:10%; top:0; height:1px; width:80%; background:#9a9a9a; } .innerMenu#innerMenuProp div:nth-child(10n)::before { position:absolute; content:""; display:block; left:10%; top:0; height:1px; width:80%; background:#9a9a9a; } .innerMenu#innerMenuProp div:nth-child(11n)::before { position:absolute; content:""; display:block; left:10%; top:0; height:1px; width:80%; background:#9a9a9a; } .innerMenu#innerMenuProp div:nth-child(12n)::before { position:absolute; content:""; display:block; left:10%; top:0; height:1px; width:80%; background:#9a9a9a; } .innerMenu#innerMenuProp div:nth-child(13n)::before { position:absolute; content:""; display:block; left:10%; top:0; height:1px; width:80%; background:#9a9a9a; } } @media (max-width: 991px) { h1 { padding-left:20px; } .container { max-width:100%; } #buttonsBar:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .box { width:100%; float:none; } .main { margin:0; } .propertySecInfo li { width:33.3%; } .cols-3 { width:50%; padding:0 10px; float:left; } .cols-4 { width:50%; padding:0 10px; float:left; } .photobox { width:33.3%; } .photobox .photoBorder.sideControler .info { width:100%; } .photobox .photoBorder.sideControler img { width:100%; } /*.search li { width:33%; }*/ .responsiveList li a img { width:120px; } .responsiveList.resp-2 li { width:33.3%; } .responsiveList li.fullimage { width:33.33%; } .responsiveList li.fullimage .inner label { margin-bottom:0px; } /*.responsiveList.dashboard li div span { min-height:40px; }*/ .chartBox { display:inline-block; } .chartSub { display:inline-block; width:50%; } .chartSub label { display:block; margin:10px 0; } .chartSub .chartInfo { display:block; width:100%; } .innerMenu div { width:20%; } /* .innerMenu div:nth-child(6n)::after { display:none; } */ .innerMenu div::before { display:none; } .innerMenu div img { max-width:50%; } .innerMenu div:nth-child(n+6)::before { position:absolute; content:""; display:block; left:10%; top:0; height:1px; width:80%; background:#9a9a9a; } .innerMenu#innerMenuProp div { width:20%; } .list-3 { width:50%; } .list-4 { width:50%; } .photobox .photoBorder .controler { display:block; position:relative; } .photobox .photoBorder.sideControler .buttons { display:block; position:relative; } } @media (max-width: 769px) { .main { padding-bottom:10px; } #pars .parLabel { float:none; width:100%; } #pars .parInput { margin:0 80px 0 0; } .photobox { width:50%; } #buttonsBar { font-size:14px; } #buttonsBar .statusContainer { float:left; display:inline-block; margin:0 15px 0 10px; } #buttonsBar .statusContainer .ibutton-container { float:none; margin:5px 0 0 10px; } #buttonsBar .btn { float:right; display:block; width:150px; clear:right; } #buttonsBar .btn.btn2 { border-top:1px solid #fff; } .footer { position:relative; height:auto; margin:0; padding:0; text-align:center; } .footer .menuFooter { width:100%; float:none; text-align:center; padding-bottom:10px; } .footer .menuFooter li { display:block; width:100%; margin:0; line-height:40px; } .footer .menuFooter li a { display:block; width:100%; margin:0; line-height:40px; } .footer .menuFooter li.divider { display:none; } .footer .logoSimo { float:none; height:50px; padding-top:10px; margin:0 auto; } .cols-2-1 { width:100%; float:none; } .optionMultiHeader { margin:0; } .optionMulti { margin-bottom:20px; } .optionMulti .opts { margin:0; width:100%; } .optionMulti .borderOption { width:50%; } .input.textInput > label { float:none; width:100%; } .input.textInput .inputValue { margin-left:0; } .propertySecInfo li { width:50%; } .propertySecInfo .input > label { width:120px; } .propertySecInfo .input .inputValue { margin-left:125px; } .cols-3 { width:100%; float:none; } .cols-4 { width:100%; float:none; } .listContainer { width:100%; overflow:auto; } .simpleList { width:unset; min-width:769px; } /*.search li { width:50%; }*/ .responsiveList li { width:100%; } .responsiveList.resp-2 li { width:50%; } .responsiveList li.fullimage { width:50%; } .responsiveList.dashboard li { width:33.33%; } .responsiveList.dashboard li div span { min-height:unset; } .chartBox { display:block; margin:0 auto; } .chartSub { display:block; width:100%; } .chartSub label { margin:10px auto; } .chartSub .chartInfo { display:inline-block; width:50%; } .chartSub .chartInfo div { max-width:140px; margin:0 auto; } .innerMenu div { width:33.33%; } .innerMenu div::after { display:block; } .innerMenu div:nth-child(4n)::after { display:none; } .innerMenu div:nth-child(6n)::after { display:block; } .innerMenu div:nth-child(7n)::after { display:none; } .innerMenu div:nth-child(8n)::after { display:block; } .innerMenu div::before { display:none; } .innerMenu div:nth-child(n+4)::before { position:absolute; content:""; display:block; left:10%; top:0; height:1px; width:80%; background:#9a9a9a; } .innerMenu div::after { height:65px; } .innerMenu div img { max-width:25%; } .innerMenu#innerMenuProp div { width:33.33%; } .themeBox ul li { width:50%; } .list-3 { width:100%; } .list-4 { width:100%; } } @media (min-width: 770px) { } @media (max-width: 479px) { .propertyInfo li { width:100%; } .cadastreImo { padding:20px 0 0 0; } .btnBox .btn { display:block; margin:5px; } #buttonsBar .statusContainer { float:left; display:inline-block; margin:0 15px 0 0px; } #buttonsBar .btn { float:right; display:block; width:140px; clear:right; } .box-content p { padding:0 10px; font-size:14px; } .box.padded { padding:5px 0; } .box .title span { padding:0 5px; } .responsiveList li .info { margin:2px; padding:5px; } .responsiveList li a.link { margin:2px; padding:5px; } .photobox { width:100%; } .photobox#uploadBtn a { margin-top:100px; } .photobox.loading { margin-top:100px; } .photobox.subtitle { width:100%; } #pars .parLabel { display:inline-block; margin-right:10px; } .propertySecInfo .input { } .propertySecInfo .input > label { float:none; } .propertySecInfo .input .inputValue { margin-left:0; } /*.search { padding-bottom:10px; } .search li { float:none; width:100%; } .search .input { margin:2px 0 !important; } .search .input .searchInput { padding:5px; } .search .input .searchInput > label { display:inline-block; width:100px; padding-bottom:5px; font-weight:bold; } .search .input .searchInput select { display:inline-block; width:150px; } .search .priceBarBox { padding:30px 15px 10px; }*/ /*.simpleList { width:100%; overflow:auto; }*/ .simpleList li { /*width:100%;*/ } .responsiveList.resp-2 li { width:100%; } .simpleList li > div { /*display:block;*/ padding:2px 3px; } .simpleList li.header { /*display:none !important;*/ } .simpleList li div.type { text-align:left; } .simpleList li div.type .hidden { display:inline-block; width:200px; } .responsiveList li a { padding:3px; margin:3px 2px;} .responsiveList li a label { text-align:center; } .responsiveList li .prop a label { text-align:left; } .responsiveList li a img { display:block; width:100px; margin:0 5px 0 0; } .responsiveList.dashboard li { width:50%; padding:5px; } /*.responsiveList.dashboard li { width:100%; padding:5px; }*/ .responsiveList.dashboard li div { padding:10px 0; } .input .btnContainer .btn { width:100%; } .chartContainer { display:block; width:100%; } .chartBox { padding:15px 0 0 0; } .chartSub label { font-size:14px; margin:5px 0; } .chartSub div { font-size:14px; line-height:25px; } .chartSub div .colorRef { } .chartSub .chartInfo div { max-width:100%; margin:0; } .responsiveList li.fullimage { width:100%; } .innerMenu div::after { height:50px; } .innerMenu div img { max-width:40%; } .themeBox ul li { width:100%; } .list-4 { width:100%; } .multiControler { position:relative; top:0; float:right; margin:0 10px 15px 0; } } @media (min-width: 992px) { .responsiveList.dashboard li { width:33.33%; } .innerMenu#innerMenuProp div::before { display:none; } /*.innerMenu#innerMenuProp div:nth-child(10n)::before { position:absolute; content:""; display:block; left:10%; top:0; height:1px; width:80%; background:#9a9a9a; } .innerMenu#innerMenuProp div:nth-child(11n)::before { position:absolute; content:""; display:block; left:10%; top:0; height:1px; width:80%; background:#9a9a9a; } .innerMenu#innerMenuProp div:nth-child(12n)::before { position:absolute; content:""; display:block; left:10%; top:0; height:1px; width:80%; background:#9a9a9a; } .innerMenu#innerMenuProp div:nth-child(13n)::before { position:absolute; content:""; display:block; left:10%; top:0; height:1px; width:80%; background:#9a9a9a; }*/ } @media (min-width: 1400px) { .responsiveList li.fullimage { width:16.66%; } .responsiveList.dashboard li { /*width:16.66%;*/ width:25%; } /*.responsiveList.dashboard li div span { min-height:40px; }*/ } .checkButContainer { display:inline-block; width:100%; height:30px; } .checkButContainer .checkBut { display:inline-block; width:30px; height:30px; line-height:30px; border:0; color:#999; cursor:pointer; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .checkButContainer:hover .checkBut { background:#666; } .checkButContainer:hover .checkBut i { color:#fff; } .checkButContainer .checkBut i { float:none; margin:0; width:30px; height:30px; line-height:34px; font-size:24px; } .checkButContainer .checkBut.checked i { color:#0e8507; } .checkButContainer:hover .checkBut.checked { background:#0e8507; } .checkButContainer:hover .checkBut.checked i { color:#fff; } .chat { position:fixed; bottom:0; right:0; height:100%; z-index:999; } .chat.fullChat.opened { width:100%; } .chat .chatContainer { position:relative; height:100%; } .chat .chatButton { position:absolute; width:50px; height:50px; top: calc(50% - 25px); right:0; padding:0; background:#1b9503; border:1px solid #6b6b6b; cursor:pointer; -webkit-border-radius: 25px;-moz-border-radius: 25px; border-radius: 25px; } .chat .chatButton:hover { background:#156805; } .chat .chatButton .newMessages { display:none; position:absolute; bottom:-15px; right:0; width:30px; height:30px; line-height:25px; background:#fff; border:1px solid #6b6b6b; -webkit-border-radius: 15px;-moz-border-radius: 15px; border-radius: 15px; cursor:pointer; } .chat .chatButton i { color:#fff; } .chat .chatList { position:absolute; width:300px; height:100%; bottom:0; right:-500px; border:1px solid #6b6b6b; background:#fff; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .chat.fullChat .chatList { width:100%; height:100%; right:-100%; } .chat .chatList.opened { right:0; } .chat .chatList button { position:relative; width:100%; padding:10px 40px 10px 10px; text-align:left; font-size:14px; background:#fff; border:0; border-bottom:1px solid #ccc; cursor:pointer; } .chat .chatList .chatListContent { height: calc(100% - 60px); overflow-y:auto; overflow-x:hidden; } .chat .chatList button:hover { background:#eee; } .chat .chatList button span { display:block; font-size:12px; color:#6b6b6b; } .chat .chatList button span.status { display:block; position:absolute; top:5px; right:10px; width:20px; height:20px; -webkit-border-radius: 10px;-moz-border-radius: 10px; border-radius: 10px; background:#ccc; } .chat .chatList button span.status-1 { background:#1b9503; } .chat .chatList button .newMessages { position:absolute; bottom:5px; right:10px; width:20px; height:20px; line-height:20px; text-align:center; color:#fff; background:#1b9503; -webkit-border-radius: 15px;-moz-border-radius: 15px; border-radius: 15px; cursor:pointer; } .chat .chatBox { position:absolute; width:300px; height:100%; bottom:0; right:-500px; border:1px solid #6b6b6b; background:#fff; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .chat.fullChat .chatBox { width:100%; height:100%; right:-100%; } .chat .chatBox.opened { right:0; } .chat .chatHeader { position:relative; width:300px; padding:0 10px; line-height: 30px; background:#476aaf; color:#fff; font-weight:bold; text-transform:uppercase; } .chat.fullChat .chatHeader { width:100%; } .chat .chatHeader button { position:absolute; top:12px; width:25px; height:25px; padding:0; text-align:center; text-transform: lowercase; border:0; font-size:14px; font-weight:bold; background:none; color:#fff; cursor:pointer; } .chat .chatHeader button.close { right:10px; } .chat .chatHeader button i { width:25px; height:25px; line-height:25px; } .chat .chatHeader button.back { right:40px; } .chat .chatBox .chatHeader { padding-left:50px; } .chat .chatHeader img { position:absolute; width:40px; height:40px; top:0; left:0; margin:3px; border:1px solid #6b6b6b; -webkit-border-radius: 20px;-moz-border-radius: 20px; border-radius: 20px; } .chat .chatHeader span { line-height:46px; } .chat .chatHeader button:hover { background:rgba(255,255,255,0.2); } .chat .chatText { width:300px; background:#fff; /*min-height:200px;*/ /*max-height:calc(100% - 75px);*/ height:calc(100% - 75px); overflow-y:auto; overflow-x:hidden; } .chat.fullChat .chatText { width:100%; } .chat .chatText .oldMessages { display:block; margin:10px auto; padding:10px 20px; background:none; color:#999; border:1px solid #ccc; text-align:center; -webkit-border-radius: 10px;-moz-border-radius: 10px; border-radius: 10px; cursor:pointer; } .chat .chatText .messageLine { margin:5px 20% 5px 5px; padding:5px; background:#b5dbf9; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; word-wrap:break-word; } .chat .chatText .messageLine.sender { margin:5px 5px 5px 20%; background:#bde7be; } .chat .chatText .date { display:none; margin:0 0 0 10px; font-size:12px; } .chat .chatText .date.sender { margin:0 10px 0 0; text-align:right; } .chat .chatInput { width:300px; height:30px; position:relative; } .chat.fullChat .chatInput { width:100%; } .chat .chatInput textarea { width: calc(100% - 30px); min-width: calc(100% - 30px); max-width: calc(100% - 30px); height:30px; margin:0; min-height:30px; border:1px solid #6b6b6b; } .chat .chatInput button.send { position:absolute; width:30px; height:100%; padding:0; margin:0; background:#30d410; border:0px; border-radius:0; } .chat .chatInput button.send i { color:#fff; width:30px; height:30px; line-height:33px; font-size:16px; }