/* CONTACT CSS */

.window-contact-computer { height: 685px; width: 822px; }
.window-contact-mobile { width: 100%; height: 685px; }
.window-contact { background-color: #268AAC; font-family: 'GudeaRegular';}
.window-contact .contentContact { }
.window-contact .contentContact .headerData .total-return { float: left; padding: 10px; text-transform: uppercase; font-size: 11px; color: #666666; }
.window-contact .contentContact .headerData .total-return spam { color: #3c515b; }
.window-contact .contentContact .headerData .search { width: 180px; }
.window-contact .contentContact .headerData .filter-contact { cursor: pointer; }
.window-contact .contentContact .headerData .filter-contact .select-filter { color: #FF9800; }
.window-contact .contentContact .headerData .btw { font-size: 19px; line-height: 31px; text-align: center; width: 30px; height: 30px; margin: 4px; cursor: pointer; float: right;; color: #FFF; background-color: #9E9E9E; border-radius: 50%; }
.window-contact .contentContact .headerData .btw:hover { background-color: #607D8B; }
.window-contact .contentContact .headerData .more-contact { font-size: 19px; }
.window-contact .contentContact .headerData .search-contact-system { font-size: 19px; }
.window-contact .contentContact .headerData .send-invite { font-size: 15px; line-height: 30px; }
.window-contact .contentContact .bookSimpleReturn { background: url('../../public/image/theme/bookSimple.gif') repeat-y top center #FFF; border: 1px solid #B9BABE; height: 566px; margin-top: 12px; width: 800px; }
.window-contact .contentContact .bookSimpleReturn .bookLeft { width: 395px; padding: 15px 20px 15px 15px; float: left; height: 100%; }
.window-contact .contentContact .bookSimpleReturn .bookRight { width: 393px; padding: 15px 15px 15px 20px; float: right; height: 100%; }

.window-contact .contentContact #listAllContacts { overflow: hidden; height: 534px; border: 1px solid #CCC; }
.window-contact .contentContact #listAllContacts ul { list-style: none; }
.window-contact .contentContact #listAllContacts ul li { font-size: 11px; list-style: none; }
.window-contact .contentContact #listAllContacts .contacListLine { height: 50px; width: 100%; cursor: pointer; }
.window-contact .contentContact #listAllContacts .contacListLine .box-txt { float: left; width: 310px;  }
.window-contact .contentContact #listAllContacts .contacListLine .name { float: left; padding: 7px; width: 212px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.window-contact .contentContact #listAllContacts .contacListLine .name.color_gray { text-indent: 25px; background: url('../../public/image/theme/flags.png') no-repeat scroll 98% 50% transparent; background-position: -29px -162px; }
.window-contact .contentContact #listAllContacts .contacListLine .name.color_red { text-indent: 25px; background: url('../../public/image/theme/flags.png') no-repeat scroll 98% 50% transparent; background-position: -29px -2px; }
.window-contact .contentContact #listAllContacts .contacListLine .name.color_orange { text-indent: 25px; background: url('../../public/image/theme/flags.png') no-repeat scroll 98% 50% transparent; background-position: -29px -28px; }
.window-contact .contentContact #listAllContacts .contacListLine .name.color_yellow { text-indent: 25px; background: url('../../public/image/theme/flags.png') no-repeat scroll 98% 50% transparent; background-position: -29px -55px; }
.window-contact .contentContact #listAllContacts .contacListLine .name.color_green { text-indent: 25px; background: url('../../public/image/theme/flags.png') no-repeat scroll 98% 50% transparent; background-position: -29px -81px; }
.window-contact .contentContact #listAllContacts .contacListLine .name.color_blue { text-indent: 25px; background: url('../../public/image/theme/flags.png') no-repeat scroll 98% 50% transparent; background-position: -29px -108px; }
.window-contact .contentContact #listAllContacts .contacListLine .name.color_purple { text-indent: 25px; background: url('../../public/image/theme/flags.png') no-repeat scroll 98% 50% transparent; background-position: -29px -135px; }
.window-contact .contentContact #listAllContacts .contacListLine .filter { color: #999; float: left; margin-left: 6px; width: 192px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.window-contact .contentContact #listAllContacts .contacListLine .filter::before { color: #fbb75a; }
.window-contact .contentContact #listAllContacts .contacListLine .contact-type { float: left; color: #999; padding: 7px; text-align: right; width: 75px; }
.window-contact .contentContact #listAllContacts .contacListLine .contact-type span { display: table-cell;}
.window-contact .contentContact #listAllContacts .contacListLine .contact-type .official::before { color: #fbb75a; }
.window-contact .contentContact #listAllContacts .contacListLine .contact-type .approved::before { color: #8BC34A; }
.window-contact .contentContact #listAllContacts .contacListLine .contact-type .blocked::before { color: #ef3e3f; }

.window-contact .contentContact #listAllContacts .contacListLine .ranking-system { float: left; width: 80px; margin-left: 5px; }
.window-contact .contentContact #listAllContacts .contacListLine .info { float: left; }
.window-contact .contentContact #listAllContacts .contacListLine .actions { float: left; margin-top: 11px; border-left: 1px solid #CCC; }
.window-contact .contentContact #listAllContacts .contacListLine .actions .actions-btn { cursor: pointer; color: #666666; font-size: 17px; height: 29px; width: 29px; float: left; margin-left: 5px; }
.window-contact .contentContact #listAllContacts .contacListLine .actions .actContactSend { }
.window-contact .contentContact #listAllContacts .contacListLine .actions .actContactSend:hover { color: #8BC34A !important; }


.select-flags .dropdown-menu { max-height: 150px !important; }
.select-flags .flags { color: #909193; }
.select-flags .color_gray,
.select-flag-color.color_gray { color: #909193; }
.select-flags .color_red,
.select-flag-color.color_red { color: #ef3e3f; }
.select-flags .color_orange,
.select-flag-color.color_orange { color: #f79027; }
.select-flags .color_yellow,
.select-flag-color.color_yellow { color: #f1c128; }
.select-flags .color_green,
.select-flag-color.color_green { color: #4db849; }
.select-flags .color_blue,
.select-flag-color.color_blue { color: #35a6dd; }
.select-flags .color_purple,
.select-flag-color.color_purple { color: #ae74b2; }
.select-flags .flags:hover { color: #6b4141; }
.select-flags .flags .text { color: #333; margin-left: 10px; }


.modalInviteSystem .btn-act { width: 150px; }

.gridContact div {  float: left; padding: 2px; }
.imgMore { margin-bottom: 5px; margin-left: 10px; cursor: pointer; margin-top: 3px; }
.moreInformation { height: 335px; overflow-x: hidden; overflow-y: scroll; }


.formContactData { }
.formContactData .contact-empty { color: #666666; }
.formContactData .contact-empty .contact-empty-title { text-align: center; text-transform: uppercase; font-size: 18px; margin-bottom: 20px; }
.formContactData .contact-empty .icon-btw { text-align: center; font-size: 19px; }
.formContactData .contact-empty .txt-info { text-align: left; }
.formContactData .officialImg { border: 1px solid #fbb75a; color: #fbb75a; margin-left: 155px; margin-top: -13px; height: 50px; width: 50px; position: absolute; text-align: center; background: #fff; font-size: 30px; border-radius: 50%; line-height: 46px; }
.formContactData .img-logo {  overflow: hidden; border: 1px solid #fbb75a; color: #fbb75a; margin-left: 155px; margin-top: -13px; height: 50px; width: 50px; position: absolute; text-align: center; background: #fff; font-size: 22px; border-radius: 50%; line-height: 35px; }
.formContactData .img-logo img { width: 50px; text-align: center; }
.formContactData .changeLogo { cursor: pointer; }
.formContactData .bt-upload { background: #fbb75a; width: 48px; height: 48px; cursor: pointer; }
.formContactData .bt-upload:hover { opacity: 0.4; }
.formContactData .bt-upload input { width: 48px; height: 48px; cursor: pointer; }
.formContactData .bt-upload .icon-system-ok::before { color: #8bc34a; margin-top: 7px; font-size: 35px; }
.formContactData .bt-upload .loading { color: #333; margin-top: 5px; }
.formContactData .fileBTUpload { position: absolute; }
.formContactData .official { color: #f9b75a; }
.formContactData label { color: #868990; }
.formContactData span.btn-mr { color: #868990; }
.formContactData span.btn-mr:hover { color: #0b2235; font-size: 12px; }
.formContactData .inputSim {  width: 131px; font-size: 11px; height: 14px; background-color: #FFF; padding: 7px; }
.formContactData .inputDob {  width: 342px; font-size: 11px; height: 14px; background-color: #FFF; padding: 7px; }
.formContactData .changePJPF { height: 18px; margin-bottom: 10px; border-bottom: 2px dotted #B9BABE; }
.formContactData .changePJPF .btn-h { font-size: 14px; text-transform: uppercase; color: #909191; cursor: pointer; }
.formContactData .changePJPF .btnPJ { float: left; }
.formContactData .changePJPF .btnPF { float: right; }
.formContactData .changePJPF .on { color: #4DC5DB; }
.formContactData .headerDataContact { height: 100%; }
.formContactData .cursor-pointer { cursor: pointer; }
.formContactData .selectDataTab { width: 100%; float: left; height: 22px; margin-top: 10px; }
.formContactData .selectDataTab .btn-h { margin-right: 6px; font-size: 14px; text-transform: uppercase; color: #909191; cursor: pointer; padding: 1px 4px; display: inline-block; }
.formContactData .selectDataTab .on { background: #4DC5DB; color: #FFF; }
.formContactData .no-presentation { text-align: center; display: block; padding: 20px; color: #8e8989; font-size: 15px; }
.formContactData .action { margin-top: 20px; width: 100%; margin-bottom: 20px; display: flex; }
.formContactData .action input { font-size: 14px; height: 32px; }
.formContactData .action .btn-submit { }
.formContactData .action .btn-delete { }
.formContactData .seePresentation { padding: 10px; text-align: center; text-transform: uppercase; color: #4DC5DB; cursor: pointer; }
.formContactData .contact-info { width: 100%; height: 100%; overflow: hidden; background: #FFF !important; }

.formContactData .returnDataContact { width: 100%; height: 290px; border: 2px solid #4DC5DB; overflow: hidden; }
.formContactData .returnDataContact .item-input { position: inherit; }
.formContactData .returnDataContact .type-taxation .bootstrap-select { position: inherit; }
.formContactData .returnDataContact .type-taxation .dropdown-menu.open { position: inherit; }
.formContactData .returnDataContact .type-taxation .dropdown-menu.open li { position: inherit; }
.formContactData .returnDataContact #listUsersContact { }
.formContactData .returnDataContact #listUsersContact ul.users-contact { }
.formContactData .returnDataContact #listUsersContact ul li { list-style: none; }
.formContactData .returnDataContact #listUsersContact .contactsUsers { display: inline-block; }
.formContactData .returnDataContact #listUsersContact .contactsUsers .contact-area { color: #777; width: 100%; height: 20px; float: left; }
.formContactData .returnDataContact #listUsersContact .contactsUsers .contact-data { }
.formContactData .returnDataContact #listUsersContact .contactsUsers .headerUser { display: flow-root; height: 100%; padding: 4px; width: 350px; background-color: #FCDDD3; border-bottom: 1px solid #CCC; }
.formContactData .returnDataContact #listUsersContact .contactsUsers .headerUser .item-input { margin-bottom: 0px !important; }
.formContactData .returnDataContact #listUsersContact .contactsUsers .headerUser .name { float: left; }
.formContactData .returnDataContact #listUsersContact .contactsUsers .headerUser .surname { float: left; margin-left: 5px; }
.formContactData .returnDataContact #listUsersContact .contactsUsers .headerUser .actionUser { float: right; margin-top: 30px; }
.formContactData .returnDataContact #listUsersContact .contactsUsers .headerUser .actionUser .bt { float: left; cursor: pointer; color: #666666; font-size: 20px; line-height: 18px; width: 20px; }
.formContactData .returnDataContact #listUsersContact .contactsUsers .headerUser .actionUser .bt:hover { color: #9a5d4a; }
.formContactData .returnDataContact #listUsersContact .contactsUsers .headerUser input { width: 130px; }
.formContactData .returnDataContact #listUsersContact .newUserInContact { text-align: center; padding: 10px; text-transform: uppercase; cursor: pointer; color: #4DC5DB; }

.formContactData .returnDataContact #listUsersContact .listContacts {  }
.formContactData .returnDataContact #listUsersContact .listContacts .userConData { height: 42px; padding: 4px; display: inline-block; width: 345px; }
.formContactData .returnDataContact #listUsersContact .listContacts .userConData .typeContact { width: 100px; float: left; }
.formContactData .returnDataContact #listUsersContact .listContacts .userConData .dataContact { float: left; margin-left: 7px; }
.formContactData .returnDataContact #listUsersContact .listContacts .userConData .dataContact input { width: 175px; }
.formContactData .returnDataContact #listUsersContact .listContacts .userConData .dataContact .disabled { background-color: #eae9e9 !important; }
.formContactData .returnDataContact #listUsersContact .listContacts .userConData .typeIcon { float: left; width: 26px; height: 23px; margin-top: 4px; margin-left: 7px; }
.formContactData .returnDataContact #listUsersContact .listContacts .userConData .btDeleteUser { margin-top: 4px; float: left; background: url('../../public/image/theme/delete.png') no-repeat scroll center center; height: 24px; width: 19px; cursor: pointer; padding: 3px; }

.formContactData .change-tab { text-align: center; background: #44c5dd; }
.formContactData .change-tab div { margin: 5px; font-size: 11px; text-transform: uppercase; color: #909191; cursor: pointer; padding: 1px 4px; display: inline-block; }
.formContactData .change-tab .on { background: #4DC5DB; color: #FFF; }

.formContactData .return-tab-data { width: 356px; height: 260px; }
.formContactData .return-tab-data .nav-btn { margin-top: 0; }
.formContactData .data-more-list { width: 100%; height: 100%; overflow: hidden; background: #FFF !important; }
.formContactData .data-more-list .data-more-info { display: flow-root; background: #FFF; }
.formContactData .data-more-list .box-line { float: left; width: 100%;}
/* .formContactData .returnDataContact .showTab_company { height: 100%; overflow: hidden; background: #fff !important; } */
.formContactData .search { margin-bottom: 0px; }
.formContactData .result-data-list { height: 225px; }
.formContactData .result-data-list ul { margin: 0px; }
.formContactData .result-data-list ul li { list-style: none; cursor: pointer; height: 30px; }
.formContactData .result-data-list ul div { padding: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.formContactData .result-data-list ul .name { float: left; width: 230px; }
.formContactData .result-data-list ul .taxation { float: left; }
.formContactData .result-data-list ul .on { color: red; }

.formContactData .result-data-list ul .name-event { float: left; width: 140px; height: 100%; }
.formContactData .result-data-list ul .service-description { float: left; width: 177px; }
.formContactData .result-data-list ul .taxation { float: right; }
.formContactData .result-data-list ul .on { color: red; }
.formContactData .result-data-list ul .edit { float: right; cursor: pointer; width: 30px; color: #fbb75a; font-size: 15px; }
.formContactData .result-data-list ul .edit:hover { color: #966a2d; }
.formContactData .result-data-list ul .editDisabled { float: right; width: 30px; color: #CCC; font-size: 15px; }

/* .formContactData .box-bank-accounts { height: 259px; }
.formContactData .box-bank-accounts .content-bank-accounts { display: inline-block; } */

.formContactData .info-log .headerLog { font-size: 11px; width: 100%; text-transform: uppercase; background: #89bac3; padding: 5px; color: #FFF; }
.formContactData .info-log .headerLog .date {  }
.formContactData .info-log .log {  }
.formContactData .info-log .log .search { width: 100%; background: #9E9E9E; margin-bottom: 0; }
.formContactData .info-log .log .search .search-filter { cursor: pointer; }
.formContactData .info-log .log .search .select-filter { color: #FF9800; }
.formContactData .info-log .log .listLog { font-size: 11px; width: 352px; height: 211px; overflow: hidden; background: #F7F7F7; }
.formContactData .info-log .log .listLog li { cursor: pointer; list-style: none; height: 25px; width: 358px; }
.formContactData .info-log .log .listLog .date { width: 105px; padding: 4px; float: left; }
.formContactData .info-log .log .listLog .actionlog { width: 210px; padding: 4px; float: left; }
.formContactData .info-log .log .listLog .loadingData { height: 16px; text-align: center; width: 100%; padding: 4px; }
.formContactData .info-log .log .listLog .fa { width: 22px; float: left; margin-top: 2px; }
.formContactData .info-log .log .listLog .fa span { margin: 2px; width: 16px; height: 16px; border-radius: 50%; display: block; }
.formContactData .info-log .log .listLog .fa .status_open { background: #91b535; }
.formContactData .info-log .log .listLog .fa .status_approved { background: #91b535; }
.formContactData .info-log .log .listLog .fa .status_refused { background: #a35847; }
.formContactData .info-log .log .listLog .fa .status_conducted { background: #7db7c7; }
.formContactData .info-log .log .listLog .fa .status_finalized { background: #1e81c1; }
.formContactData .info-log .log .listLog .fa .status_canceled { background: #c11225; }
.formContactData .info-log .log .listLog .fa .status_deleted { background: #a35847; }
.formContactData .info-log .log .listLog .fa .status_email { background: #8BC34A; }
.formContactData .mapGoogleContact { float: left; width: 100%; height: 203px; border: 4px solid #EEEFE8; background: #E8E8E8; }
.formContactData .experience-result { position: relative; min-height: 1px; padding-right: 15px; }
.formContactData .open-default { background: #FFF; }
.formContactData .open-default:hover { background: #acc;}
.formContactData .open-default .open-default-contact-areas { color: #2f8cab; }
.formContactData .showTab_files #listAtt { height: 200px !important; }
.formContactData .showTab_files #listAtt .name {
    /* width: 180px !important;  */
    width: 57% !important;
}

.search-in-system .select-type { text-align: center; }
.search-in-system .select-type .btn { width: 150px; }
.search-in-system .btn-act { width: 200px; }
.search-in-system .returnContact { margin-top: 30px; }
.search-in-system .returnContact .dataOfficial { }
.search-in-system .returnContact .dataOfficial .navTabOfficial { height: 25px; }
.search-in-system .returnContact .dataOfficial .navTabOfficial div { cursor: pointer; color: #909191; float: left; width: 120px; text-transform: uppercase; padding: 5px; text-align: center; }
.search-in-system .returnContact .dataOfficial .navTabOfficial div.on { color: #FFF; background: #4DC5DB; }
.search-in-system .returnContact .dataOfficial .returnOfficial { overflow: hidden; width: 100%; height: 500px; border: 2px solid #4DC5DB; background: #fff; }
.search-in-system .returnContact .dataOfficial .tab_presentation { color: #333; padding: 30px; }
.search-in-system .returnContact .dataOfficial .tab_presentation strong { font-family: 'GudeaBold'; }
.search-in-system .returnContact .dataOfficial .tab_presentation .header { margin-bottom: 20px; float: left; width: 100%; height: 120px; }
.search-in-system .returnContact .dataOfficial .tab_presentation .header .photo { float: left; }
.search-in-system .returnContact .dataOfficial .tab_presentation .header .photo img { width: 120px; }
.search-in-system .returnContact .dataOfficial .tab_presentation .header .data { margin-left: 20px; float: left; }
.search-in-system .returnContact .dataOfficial .tab_presentation .header .name { font-size: 20px; color: #FFBA4F; }
.search-in-system .returnContact .dataOfficial .tab_presentation .header .email { font-size: 12px; color: #C7BFBF; }
.search-in-system .returnContact .dataOfficial .tab_presentation .header .tel { font-size: 12px; color: #C7BFBF; }
.search-in-system .returnContact .dataOfficial .tab_presentation .header .website { font-size: 12px; color: #C7BFBF; }
.search-in-system .returnContact .dataOfficial .tab_presentation .servicesList { }
.search-in-system .returnContact .dataOfficial .tab_presentation .info { margin-top: 20px; }
.search-in-system .returnContact .dataOfficial .tab_projects { width: 370px; color: #333; padding: 30px; }

.search-in-system-filter .filter .services { height: 100%; width: 100%; }
.search-in-system-filter .filter .services .nav { margin-top: 10px; background: #fff; height: 94px; border: 1px solid rgba(100, 100, 100, .4); }
.search-in-system-filter .filter .services .nav div { cursor: pointer; text-transform: uppercase; float: left; padding: 5px; }
.search-in-system-filter .filter .services .nav .on { color: #4DC5DB; }
.search-in-system-filter .filter .services .additional_services { }
.search-in-system-filter .filter .services .servicesPJ { border: 1px solid rgba(100, 100, 100, .4); background: #F7ECC1; width: 100%; text-transform: uppercase; padding: 9px; color: #C6C8CA; font-size: 12px; }
.search-in-system-filter .filter .servicesPF { border: 1px solid rgba(100, 100, 100, .4); background: #F7ECC1; width: 100%; text-transform: uppercase; padding: 9px; color: #C6C8CA; font-size: 12px; }

.share-my-contacts .share-title { color: #666666; text-align: center; text-transform: uppercase; font-size: 18px; margin-bottom: 20px; }
.share-my-contacts .add-company { margin-top: 20px; }

.addContactSearch { padding: 20px; height: 110px; width: 260px; }
.addContactSearch .search { float: left; margin-bottom: 15px; }
.addContactSearch .search input { width: 254px; text-transform: uppercase; }
.addContactSearch .addContact { margin-left: 19px; margin-top: 10px; float: left; }
.addContactSearch .addContact input { width: 215px; font-size: 14px; height: 32px; }

.shareContactSearch { padding: 20px; height: 110px; width: 260px; }
.shareContactSearch .search { float: left; margin-bottom: 15px; }
.shareContactSearch .search input { width: 254px; }
.shareContactSearch .addContact { margin-left: 19px; margin-top: 10px; float: left; }
.shareContactSearch .addContact input { width: 215px; font-size: 14px; height: 32px; }

.userModalConfig .addressGMap { height: 149px; width: 100%; border: 4px solid #EEEFE8; }
.userModalConfig .btn-act { width: 150px; }

.sendEmailModal .headerEmail { height: 60px; }
.sendEmailModal .headerEmail .subject { margin-left: 12px; width: 350px; float: left; }
.sendEmailModal .headerEmail .select { float: left; width: 305px; }
.sendEmailModal .textEmail { height: 100%; margin-top: 15px; }
.sendEmailModal .btn-act { width: 150px; }

.modalPresentation .changeTabOfficial { height: 25px; }
.modalPresentation .changeTabOfficial div { cursor: pointer; color: #909191; float: left; width: 120px; text-transform: uppercase; padding: 5px; text-align: center; }
.modalPresentation .changeTabOfficial div.on { color: #FFF; background: #4DC5DB; }
.modalPresentation .dataReturnOfficial { overflow: hidden; width: 100%; height: 350px; border: 2px solid #4DC5DB; background: #fff; }
.modalPresentation .dataReturnOfficial strong { font-family: 'GudeaBold'; }
.modalPresentation .dataReturnOfficial .returnData { width: 100%; color: #333; padding: 30px; }
.modalPresentation .dataReturnOfficial .tab_presentation .header { margin-bottom: 20px; float: left; width: 100%; height: 120px; }
.modalPresentation .dataReturnOfficial .tab_presentation .header .photo { float: left; }
.modalPresentation .dataReturnOfficial .tab_presentation .header .photo img { width: 120px; }
.modalPresentation .dataReturnOfficial .tab_presentation .header .data { margin-left: 20px; float: left; }
.modalPresentation .dataReturnOfficial .tab_presentation .header .name { font-size: 20px; color: #FFBA4F; }
.modalPresentation .dataReturnOfficial .tab_presentation .header .email { font-size: 12px; color: #C7BFBF; }
.modalPresentation .dataReturnOfficial .tab_presentation .header .tel { font-size: 12px; color: #C7BFBF; }
.modalPresentation .dataReturnOfficial .tab_presentation .header .website { font-size: 12px; color: #C7BFBF; }
.modalPresentation .dataReturnOfficial .tab_presentation .servicesList {  margin-bottom: 20px; border: 1px solid rgba(100, 100, 100, .4); background: #F7ECC1; width: 100%; text-transform: uppercase; float: left; padding: 9px; color: #C6C8CA; font-size: 12px; }
.modalPresentation .dataReturnOfficial .tab_presentation .servicesList span { float: left; margin: 2px; color: #fff; background: #4DC5DB; padding: 4px; }
.modalPresentation .dataReturnOfficial .tab_presentation .info { margin-top: 20px; }

.contentMailSent .photo { text-align: center; }
.contentMailSent .photo img { height: 90px; border-radius: 50%; }
.contentMailSent .name { float: left; margin-bottom: 10px; }
.contentMailSent .name div { color: #333; font-size: 13px; }
.contentMailSent .date { float: right; margin-bottom: 10px; }
.contentMailSent .date div { color: #333; font-size: 13px; }
.contentMailSent .topEmail { height: 135px; margin-bottom: 15px; border-bottom: 2px dotted #B9BABE; }
.contentMailSent .textareaEmail { background: #fff; padding: 15px; overflow: hidden; height: 345px; color: #333; }
.contentMailSent .textareaEmail .budget-content { zoom: 0.85; }
.contentMailSent .textareaEmail .budget .theme { width: 612px !important; }
.contentMailSent .textareaEmail .budget .corporateName { width: 445px !important; }
.contentMailSent .textareaEmail .budget .contact { height: auto !important; }
.contentMailSent .textareaEmail .budget .contacts { width: 690px !important; }
.contentMailSent .textareaEmail .txt_Obs_Project { zoom: 0.62; }
.contentMailSent .textareaEmail .footer { zoom: 0.62; }
.contentMailSent .textareaEmail ul { display: block; list-style-type: disc; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 40px; }
.contentMailSent .textareaEmail ul li { display: list-item; text-align: -webkit-match-parent; }
.contentMailSent .textareaEmail strong { font-family: 'GudeaBold'; }

.settingsContactSystem { }
.settingsContactSystem .result-search { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
.settingsContactSystem .result-search .result-list { height: 250px; background: #fff; overflow: hidden; width: 100%; border: 1px solid #CCC; margin-top: 10px; }
.settingsContactSystem .result-search .result-list li { list-style: none; height: 28px; width: 100%; }
.settingsContactSystem .result-search .result-list li div { color: #666666; float: left; padding: 4px; border-right: 1px solid #CCC; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.settingsContactSystem .result-search .result-list li .name { cursor: pointer; width: 201px; }
.settingsContactSystem .result-data { height: 295px; background: #fff; border: 1px solid #CCC; padding-top: 20px; }
.settingsContactSystem .result-data .action-fixed-bottom { width: 88%; position: absolute; bottom: 10px; }
.settingsContactSystem .result-data .action input { margin: 5px; }


.contactModal { background: #fff; }
.contactModal .select-tab { width: 100%; float: left; height: 19px; margin-top: 10px; }
.contactModal .select-tab .btn-h { margin-right: 6px; font-size: 14px; text-transform: uppercase; color: #909191; cursor: pointer; padding: 1px 4px; }
.contactModal .select-tab .on { background: #4DC5DB; color: #FFF; }
.contactModal .return-tabs { background: #4cc6db; padding: 15px; height: 280px; }
.contactModal .return-tabs ul { }
.contactModal .return-tabs li { list-style: none; }
.contactModal .return-tabs li div { padding: 5px; }
.contactModal .return-tabs .bx { display: inline-block; width: 100%; }

.ContactAreaModal { }
.ContactAreaModal .header { width: 100%; background-color: #fab941; padding: 5px; height: 44px; }
.ContactAreaModal .header .search { float: left; }
.ContactAreaModal .header .search input {  width: 250px; }
.ContactAreaModal .header .moreData { margin-top: -4px; cursor: pointer; height: 36px; width: 36px; float: right; }
.ContactAreaModal .header .moreData:hover { background-position: 0 -35px; }
.ContactAreaModal .header .btw { line-height: 31px; text-align: center; width: 30px; height: 30px; margin: 4px; cursor: pointer; float: right;; color: #FFF; background-color: #9E9E9E; border-radius: 50%; }
.ContactAreaModal .header .btw:hover { background-color: #607D8B; }
.ContactAreaModal .header .count { float: left; padding: 8px; color: #fff; }
.ContactAreaModal .returnDataList { width: 100%; border: 1px solid #CCC; height: 200px; overflow: hidden; }
.ContactAreaModal .header-title { float: left; cursor: pointer; list-style: none; height: 28px; width: 100%; font-size: 12px; }
.ContactAreaModal .returnDataList ul li { cursor: pointer; list-style: none; height: 28px; width: 100%; font-size: 12px; }
.ContactAreaModal .returnDataList ul li div,
.ContactAreaModal .header-title div { float: left; height: 28px; padding: 4px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.ContactAreaModal .service-code { width: 70px; }
.ContactAreaModal .service-description { width: 265px; }
.ContactAreaModal .tax-charges { width: 100px; }
.ContactAreaModal .on { color: red; }
.ContactAreaModal .mapGoogleContact { float: left; width: 100%; height: 203px; border: 4px solid #EEEFE8; background: #E8E8E8; }