#profile .head { overflow: hidden; border-bottom: 1px solid #e5e5e5; margin-bottom: 15px; } #profile .head h1 { float: left; font-weight: 600; font-size: 18px; line-height: 60px; color: #000; margin:0px; margin-left: 22px; } #profile .head .addr { float: left; font-weight: 300; font-size: 18px; line-height: 60px; color: #000; margin-left: 20px; } #profile .head .stars { float: right; margin-right: 20px; } #profile .head .stars i { font-size: 22px !important; line-height: 60px; } #profile .hero { margin: 0 0 15px; overflow: hidden; } #profile .hero .map { width: 716px; height: 335px; margin: 0 auto; } #profile .hero > img { position: absolute; margin: 160px 0 0 35px; padding: 10px; background: #fff; z-index: 1; } #profile .hero > img:hover { cursor: pointer; } .noMap {width: 716px; height: 335px; margin: 0 auto;background: rgb(244,244,244)} .noMap p {text-align: center;padding-top: 158px;font-family: 'Titillium Web', Arial, sans-serif;font-style: normal;font-weight: 600;color: #909090;} #profile .tabs { overflow: hidden; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } #profile .tabs > li { float: left; border-right: 1px solid #e5e5e5; } #profile .tabs > li:last-child { border-right: 0 } #profile .tabs > li span { position: absolute; width: 0; height: 0; border-style: solid; border-width: 5px 5.5px 0 5.5px; border-color: #dbdbdb transparent transparent transparent; margin: 52px 0 0 90px; } #profile .tabs > li > a { display: block; width: 180px; height: 63px; line-height: 65px; font-weight: 300; font-size: 20px; text-decoration: none; color: #000; text-align: center; border-bottom: 3px solid #fff; } #profile .tabs > li > a:hover { cursor: pointer; } #profile .tabs > li > a i { margin-right: 10px; font-size: 32px !important; line-height: 62px; color: #91c000; vertical-align: middle; } #profile .tabs > li.active > a { background: #f6f6f6; border-color: #005ae2; } #profile .tabs > li.active > a i { color: #005ae2; } #profile .tabs .sub { display: none; position: absolute; width: 154px; padding: 0 17px; background: #424242; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } #profile .tabs .sub li { border-bottom: 1px solid #515151; } #profile .tabs .sub li a { height: 44px; line-height: 44px; padding: 0 8px; font-weight: 400; font-size: 15px; color: #9b9b9b; text-decoration: none; white-space: nowrap; } #profile .main { padding: 30px; } #profile h2 { font-weight: 300; font-size: 26px; line-height: 52px; color: #000; margin-bottom: 20px; } #profile h2 em { font-size: 36px; color: #d9d9d9; } #profile h2 em:after { content: '\f0da'; font-family: FontAwesome; line-height: 52px; font-size: 18px; color: #d9d9d9; vertical-align: middle; margin: 0 8px 0 10px; } #profile h3 { overflow: hidden; } #profile h3 em { float: left; font-weight: 300; font-size: 26px; color: #000; margin-bottom: 20px; } #profile h3 .edit { float: right; height: 29px; line-height: 29px; padding: 0 12px; font-weight: 600; font-size: 14px; text-decoration: none; color: #858585; background: #fff; border: 1px solid #e5e5e5; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #profile h3 .edit i { color: #d7d7d7; font-size: 18px !important; margin-left: 4px; vertical-align: middle; } #profile h3 .v { float: right; font-weight: 300; font-size: 12px; line-height: 30px; color: #858585; padding: 0 12px; background: #f6f6f6; } #profile h3 .v strong { font-weight: 600; } #profile .action { float: right; height: 49px; line-height: 49px; padding: 0 14px; font-weight: 300; color: #000; text-decoration: none; border: 1px solid #e5e5e5; margin-left: 32px; } #profile .action:last-child { margin-left: 0; } #profile .action i { color: #d6d6d6; font-size: 25px !important; margin-right: 6px; vertical-align: middle; } #profile .fields { overflow: hidden; margin-bottom: 40px; } #profile .fields ul { float: left; } #profile .fields ul:nth-child(odd) { width: 50%; } #profile .fields ul:nth-child(even) { width: 50%; } #profile .fields ul li { overflow: hidden; line-height: 22px; margin: 2px 0; } #profile .fields ul li em { float: left; width: 140px; font-weight: 300; font-size: 16px; color: #858585; } #profile .fields ul:nth-child(even) em { width: 100px; } #profile .fields ul li span { float: left; font-weight: 400; font-size: 16px; color: #000; } #profile .company_teams { width: 100% !important;padding-bottom: 20px; border-bottom: 1px solid #d7d7d7; position: relative; } #profile .company_teams .name, #profile .company_teams .admins { width: 45%; display: inline-block; } #profile .company_teams .name { margin-left: 25px; top: 5px; } #profile .company_teams .admins { float: right } #profile .company_teams li em { width: 140px !important; } #profile .vehicles { overflow: hidden; } #profile .vehicles > li { float: left; overflow: hidden; margin: 0 38px 20px 0; } #profile .vehicles > li:nth-child(even) { margin-right: 0; } #profile .vehicles > li img { float: left; } #profile .vehicles ul { float: left; margin-left: 25px; } #profile .vehicles ul li { overflow: hidden; } #profile .vehicles ul li em { float: left; width: 60px; font-weight: 300; line-height: 25px; font-size: 16px; color: #858585; } #profile .vehicles ul li span { font-weight: 400; line-height: 25px; font-size: 16px; color: #000; } #profile .full { float: none !important; width: 100% !important; } #profile .full span { max-height: 200px; overflow: scroll; max-width: 555px} #work-type + span { left: 130px; top: 0; } #insuracne-type + span { top: 0; } #insuracne-type-button { width:180px !important;} #insuracne-type-menu {max-height: 200px;} #insurance-status + span { top: 0; float: left; margin-right: 31px;} #insurance-status-button { width:180px !important;} #insurance-status-menu {max-height: 200px;} #permit-type + span { top: 0; } #permit-type-button { width:225px !important;} #permit-type-menu {max-height: 200px;} #permit-state + span { top: 0; float: left; margin-right: 31px;} #permit-state-button { width: 180px !important;} #permit-state-menu {max-height: 200px;} #permit-status + span { top: 0; float: left; margin-right: 31px;} #permit-status-button { width: 180px !important;} #permit-status-menu {max-height: 200px;} #circles + span { top: 0; } #circles-button { width:377px !important; margin-left: 27px;} #circles-menu {max-height: 200px;} #profile table { width: 100%; } #profile table th { font-weight: 300; color: #858585; } #profile table th, #profile table td { font-size: 16px; line-height: 24px; text-align: left; } #profile table a { color: #005ae2; text-decoration: none; font-size: 14px;} #profile table a:hover { text-decoration: underline; } #profile .overall { position: absolute; padding: 0 14px; font-size: 14px; line-height: 29px; font-weight: 300; color: #858585; border: 1px solid #e5e5e5; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin-left: 160px; } #profile .overall strong { font-weight: 600; margin-right: 20px; } #profile .overall i { position: relative; top: -2px; color: #91c000; font-size: 18px !important; line-height: 14px; vertical-align: middle; padding-right: 3px;} #profile .since { float: right; font-weight: 300; font-size: 14px; line-height: 29px; color: #000; } #profile .since strong { font-weight: 600; } #profile .quality { float: left; width: 440px; margin-bottom: 20px; } #profile .quality th { width: 146.567px; } #profile .quality td:nth-child(2) { width: 25px; } #profile .quality td:nth-child(3) { width: 120px; } #profile .quality td:nth-child(4) { color: #858585; } #profile .quality i { color: #91c000; font-size: 18px !important; padding-right: 3px} #profile .rank { float: left; width: 127px; border: 1px solid #e5e5e5; } #profile .rank div { line-height: 30px; font-weight: 400; font-size: 16px; color: #858585; text-align: center; border-bottom: 1px solid #e5e5e5; } #profile .rank span { display: block; line-height: 50px; font-weight: 400; font-size: 16px; color: #858585; text-align: center; } #profile .rank span strong { font-weight: 600; font-size: 36px; color: #d0d0d0; vertical-align: middle; } #profile .timelines th { width: 146.567px; } #profile .timelines td { width: 246.867px; } #profile .timelines i { position: relative; top: -2px; color: #91c000; font-size: 18px !important; line-height: 14px; vertical-align: middle; padding-right: 3px} #profile h3 .add { float: right; height: 29px; line-height: 29px; padding: 0 12px; font-weight: 300; font-size: 14px; text-decoration: none; color: #fff; background: #005ae2; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #profile h3 .add i { position: relative; top: -2px; color: #fff; font-size: 16px !important; margin-right: 4px; vertical-align: middle; } #profile .reviews { } #profile .reviews li { padding: 32px 0; border-bottom: 1px solid #e5e5e5; } #profile .reviews li:first-child { padding-top: 10px; } #profile .reviews li p { font-size: 16px; line-height: 20px; font-weight: 400; color: #000; margin-top: 20px; } #profile .reviews i { position: relative; top: -2px; color: #91c000; font-size: 18px !important; line-height: 14px; vertical-align: middle; } #profile .security th { width: 160px; } #profile .security td:nth-child(2) { width: 200px; } #profile .perm td:first-child { width: 360px; } #profile .checks { width: 100% !important; } #profile .checks li { height: 31px !important; line-height: 31px !important; } #profile .checks input[type=checkbox] { display: none; } #profile .checks label:before { content: ''; display: inline-block; width: 13px; height: 13px; line-height: 12px; font-family: FontAwesome; font-size: 9px; color: #91c000; text-align: center; border: 1px solid #cfcfcf; vertical-align: middle; margin-right: 8px; } #profile .checks input[type=checkbox]:checked + label:before { content: '\f00c'; } #profile .checks input[type=text] { width: 100px; height: 17px; line-height: 17px; padding: 6px; font-weight: 700; color: #000; font-size: 16px; border: 1px solid #e5e5e5; } #profile .checks a {float: right; margin-right: 6px; color: rgb(0, 90, 226); text-decoration: none; font-size: 14px; } #profile .checks a:hover { text-decoration: underline; } #profile .btn { clear: left; display: block; width: 130px; font-weight: 300; font-size: 18px; height: 44px; line-height: 44px; color: #fff; text-align: center; text-decoration: none; background: #91c000; margin-top: 20px; } #profile .nearby { background: #f6f6f6; } #profile .nearby .s-wrap { padding: 27px 0 0; margin: 0 28px; } #profile .nearby .s-wrap, #profile .nearby .s-wrap ul { position: relative; overflow: hidden; } #profile .nearby .s-wrap ul li { float: left; width: 116px; padding-right: 12px; } #profile .nearby .s-wrap ul a { display: block; text-decoration: none; } #profile .nearby .s-wrap ul a img { display: block; max-width: 90px; } #profile .nearby .s-wrap ul a em { font-weight: 400; font-size: 13px; line-height: 28px; color: #005ae2; } #profile .nearby .s-wrap ul a p { font-weight: 400; font-size: 11px; line-height: 16px; color: #000; } #profile .nearby .s-wrap ul a p span { color:#858585} #profile .bullets { text-align: center; padding: 16px 0; } #profile .bullets li { display: inline-block; width: 16px; height: 16px; margin: 0 3px; background: #e4e4e4; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } #profile .bullets li:hover { cursor: pointer; } #profile .addfield { margin-bottom: 20px;} #profile .ellipsis { width:200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #profile .services {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} #profile .startRating { padding-left: 21px; } #profile .qualityRating { padding-left: 8px; } #profile a.accordion { float: right; height: 29px; line-height: 29px; padding: 0 12px; font-weight: 600; font-size: 14px; text-decoration: none; color: #858585; background: #fff; border: 1px solid #e5e5e5; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; cursor: pointer; } #profile div.panel { background-color: white; max-height: 0; overflow: hidden; transition: 0.5s ease-in-out; opacity: 0; } #profile div.panel ul li em{ float: left; width: 140px; font-weight: 300; font-size: 16px; color: #858585; } #profile div.panel ul li { overflow: hidden; line-height: 22px; } #profile div.panel.show { opacity: 1; margin-bottom: 20px; max-height: 600px; } #profile div.panel ul li input{ border-width: medium medium 1px; border-style: none none solid; border-color: rgb(145, 192, 0); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; } #profile div.panel ul li input:hover{ border: medium none; border-width: medium medium 2px; border-style: none none solid; border-color: rgb(145, 192, 0); } #profile .customButton{cursor: pointer;float: right; height: 29px;line-height: 29px;padding: 0px 12px;font-weight: 600;font-size: 14px;text-decoration: none;color: rgb(133, 133, 133);background: rgb(255, 255, 255) none repeat scroll 0% 0%;border: 1px solid rgb(229, 229, 229);border-radius: 4px;} #allUsers, #groupUsers { width: 720px; } #allUsers > a, #groupUsers > a { margin: 15px 0 0 685px; } #allUsers table, #groupUsers table { width: 660px;margin-right: 30px;margin-left: 30px;} #allUsers table tr th, #groupUsers table tr th { width:30%;float: left;font-weight: 300;font-size: 20px;color: #858585;margin-bottom: 20px; margin-left: 4px;text-align: left;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} #allUsers table tr td #groupUsers table tr td { width:30%;float: left;font: inherit;text-align: left;margin-left: 4px;margin-bottom: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 24px;} #allUsers table a, #groupUsers table a { color: #005ae2; text-decoration: none; } #allUsers table a:hover, #groupUsers table a:hover { text-decoration: underline; } #viewGroups html { background: #fff; } #groupUsers h3 { font-size: 20px; height: 50px; line-height: 50px; background: #000; } #groupUsers table tbody .heading th { color: #000; font-weight: 600;} #groupUsers table tr td, #groupUsers table tr th {width: 48%; float: none; padding: 10px 5px;font-size: 14px;} #groupUsers table tr .deleteUser { cursor: pointer; transition: 0.5s ease; } #groupUsers table tr .deleteUser:hover { color: grey; } #groupUsers #closeBtn { left: 15px; top: 15px; } #groupUsers #addUser, #groupUsers #addUserSubmit, #groupUsers #createGroupBtn { margin: 20px 0 0 0; font: inherit; font-size: 14px; cursor: pointer; border-radius: 5px; padding: 10px; letter-spacing: 1px;outline: none; transition: 0.5s ease; border: 1px solid #000; background: #000; color: white; } #groupUsers #addUsersToGroup { padding: 0; } #groupUsers #groupName { display: inline-block;border: 1px solid black;padding: 9px 10px;letter-spacing:1px;border-radius: 5px;width: 100%;} #groupUsers #addUserSubmit { margin-left: 7px; width: auto; background: #000 !important; padding: 8px 10px 7px; letter-spacing: 1px; } #groupUsers #createGroupBtn { letter-spacing: 1px; display: inline-block; background: #000; width: 100%; font-size: 17px; border: 1px solid #000; padding: 12px 10px;} #groupUsers #addUser:hover, #groupUsers #addUserSubmit:hover, #groupUsers #createGroupBtn:hover { background: white !important; color: #000 !important; } #groupUsers .adminStatus { border: 1px solid; border-radius: 3px; padding: 0 5px; } #groupUsers .error { margin: 10px 0 0 30px; color: red; } #groupUsers .success { margin: 20px 30px; font-size: 20px; color: #000; font-weight: 600; } #groupUsers #addUser { position: absolute; left: 50%; transform: translateX(-50%); } #groupUsers #adminStatus { border: 1px solid black;border-radius: 3px;padding: 2px 5px; } #groupUsers #deleteUser { cursor: pointer; transition: 0.5s ease; } #groupUsers #deleteUser:hover { background: red; } #groupUsers .heading { margin: 10px 0; } #groupUsers #deleteGroup { outline: none; transition: 0.5s ease; cursor: pointer; margin: 20px 0 0 30px;background: red;border: none;padding: 5px 10px;border-radius: 3px;color: white;letter-spacing: 0.5px; } #groupUsers #deleteGroup:hover { background: grey; } #groupUsers .addUserSelect { width: 200px; border: 1px solid; border-radius: 3px; padding: 5px;color: #000;border: 1px solid #000; } #groupUsers .select2-container--default .select2-selection--multiple .select2-selection__rendered { max-height: 40px; overflow: scroll; } #groupUsers .visneta-search-select2 { display: inline-block; margin: 20px 0 20px 33px; } #groupUsers .select2-container span.visneta-select2 { width: 560px; height: 45px; border: 1px solid #000 !important; } #groupUsers .visneta-search-select2 .select2-container span.visneta-select2 li.select2-selection__choice { padding: 5px; margin: 8px 10px 8px 2px; background: #000; border: 1px solid #000; color: white; font-weight: 300; letter-spacing: 0.5px; } #groupUsers .select2-container span.visneta-select2 li.select2-selection__choice > span.select2-selection__choice__remove { color: #fff; font-weight: 300; margin-right: 5px; } .textarea { -moz-appearance: textfield-multiline; -webkit-appearance: textarea; border: 1px solid gray; font: medium -moz-fixed; font: -webkit-small-control; height: 28px; overflow: auto; padding: 2px; resize: both; width: 400px; } .textarea { display: block; width: 97%; padding: 0px; height: 106px; font: 300 16px/26px "Titillium Web",Arial,sans-serif; color: #929292; outline: medium none; background: transparent none repeat scroll 0% 0%; word-wrap: break-word; } .textarea:focus{ color: black; } .textarea{ border: 1px solid #D7D7D7; padding: 6px 6px; border-radius: 3px; background-color: #fff; margin: 19px 0px; } #permissions .ui-state-default { display: none; vertical-align: middle; } #add_circle-menu { max-height: 200px; width:291px; } #add_type-menu { max-height: 200px; } #permissions .borderHover:hover{border: medium none; border-width: medium medium 2px; border-style: none none solid; border-color: rgb(145, 192, 0);}; #add_service_circle-button { width:265px !important; } #add_service_circle-menu { width:265px !important; max-height: 200px; } #add_service-button { width:265px !important; } #add_service-menu { width:265px !important; max-height: 200px; } img { vertical-align: middle; } #addCoverage { width: 720px; } #addCoverage > a { margin: 15px 0 0 685px; } #addCoverage table { margin-top: 20px; width: 660px; margin-right: 30px; margin-left: 30px; margin-top: 20px; } #addCoverage table tr th { width:30%;float: left; font-weight: 300; font-size: 20px; color: #858585; margin-bottom: 20px; margin-left: 4px; text-align: left;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} #addCoverage table tr td { width:28%;float: left; font: inherit; text-align: left; margin-left: 4px; margin-bottom: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 24px;} #addCoverage table a { color: #005ae2; text-decoration: none; } #addCoverage table a:hover { text-decoration: underline; } #addCoverage .select2-container--open {z-index:40000} #addCoverage .select2-container span {width: 246px;min-height: 40px;border: 1px solid #e8e8e8 !important;border-radius: 0px;} #addCoverage .select2-container span li.select2-selection__choice {border: 1px solid #005ae2;color: #005ae2;background: rgb(255, 255, 255) none repeat scroll 0% 0%;font-size: 13px;} #addCoverage .select2-container span li.select2-selection__choice > span.select2-selection__choice__remove {color: #005ae2;} #addCoverage span-dropdown {border: 1px solid #e8e8e8;} #addCoverage span-dropdown .select2-results__option[aria-selected="true"] {background-color: #f3f3f3;} #addCoverage span-dropdown .select2-results__option--highlighted[aria-selected] {background-color: #5897fb;} #addCoverage span-dropdown {color: #8c8c8c;} #addCoverage span-dropdown .select2-results__option {border-bottom: 1px solid #e6e6e6;font-size: 12px;} .edit-upload { background-color: #005ae1; color: white; font-weight: 100; transition: all 400ms ease; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; } .edit-upload:hover { background-color: #004bbb; } .icon-upload { background: transparent url(/images/upload.gif) no-repeat center; width: 17px; height: 19px; display: block; float: left; margin-top: 5px; margin-right: 5px; margin-left: 0; } .editInsurancePanel .ui-selectmenu-button {width:225px !important;} .editInsurancePanel .permit-state-edit .ui-selectmenu-button span {width:180px !important;} #add-type-1-button { width: 105px !important;vertical-align: middle; border-color: #e8e8e8;font-weight: 400;font-size: 14px;height: 35px;text-align: center;} #add-type-1-menu {max-height: 200px;font-size: 14px;text-align: center;} #add-circle-1-button { width: 300px !important;vertical-align: middle;border-color: #e8e8e8;font-size: 14px;height: 35px;text-align: center;} #add-circle-1-menu {max-height: 200px;font-size: 14px;text-align: center;} #add-state-button {width:105px !important; vertical-align: middle;border-color: #e8e8e8;font-size: 14px;height: 35px;text-align: center;} #add-country-button {width:105px !important;vertical-align: middle;border-color: #e8e8e8;font-size: 14px;height: 35px;text-align: center;} #add-state-menu {max-height: 200px;font-size: 14px;text-align: center;} #add-status-button {width: 130px !important;vertical-align: middle;border-color: #e8e8e8;font-size: 14px;height: 35px;text-align: center;} #add-status-menu {width:130px !important;font-size: 14px;text-align: center;} #dial_to_verified_msg { margin-left: 10px; color: #91c000; position: absolute; } .inlineTriggerBtn { position: absolute; height: 22px; line-height: 20px; padding: 0 12px; font-weight: 600; font-size: 14px; text-decoration: none; color: #858585; background: #fff; border: 1px solid #e5e5e5; border-radius: 4px; margin-left: 10px; font-family: "Titillium Web",Arial,sans-serif; } #user_profile_chat_trigger, #user_profile_call_trigger { display: block; color: white; background-color: #005ae2; height: 40px; width: 80px; float: right; margin-top: 10px; margin-right: 15px; border-radius: 4px; border: 0; font-size: 1em; cursor: pointer; font-family: "Titillium Web",Arial,sans-serif; } #user_profile_chat_trigger:hover, #user_profile_call_trigger:hover { background-color: #377be2; } .extFix140Field { width: 140px !important; } #profile .impression-title {color: #91c000;} #profile .impression-pricing-wrapper tr {border: solid #e5e5e5 1px;}