/* COMPANY CSS */

.window-company-computer { width: 920px; height: 795px; }
.window-company-mobile { width: 100%; height: 795px; }
.window-company { background-color: #ef9b14;  }
.window-company .header-admin-left { padding-left: 15px; float: left; width: 150px; }
.window-company .header-admin-right { padding-right: 15px; float: right; width: 260px; }
.window-company .withoutCompany { text-align: left; font-size: 14px; padding: 20px; text-transform: uppercase; }
.window-company .contentCompany .headerData .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%; }
.window-company .contentCompany .headerData .btw:hover { background-color: #607D8B; }
.window-company .contentCompany .headerData .moreData { font-size: 19px; }
.window-company .contentCompany .bookSpiral { background: url('../../public/image/theme/bookSpiral.png') repeat-y top center #FFF; border: 1px solid #B9BABE; height: 680px; margin-top: 12px; width: 898px; }
.window-company .contentCompany .bookLeft { width: 415px; padding: 15px 0 15px 0; float: left; height: 100%; }
.window-company .contentCompany .bookRight { width: 415px; padding: 0px 15px 15px 15px; float: right; height: 100%; }
.window-company .changeLogo { overflow: hidden; float: left; width: 135px; height: 135px; margin-bottom: 15px; border: 5px solid #ef9b14; }
.window-company .changeLogo img { width: 126px; height: 126px; }
.window-company .changeLogo .fileIFrame { position: absolute; }
.window-company .changeLogo .changePhoto { opacity: 0.01; filter: alpha(opacity=1); width: 24px; height: 24px; }
.window-company .changeLogo .upload { margin-top: 96px; margin-left: 96px; position: absolute; }
.window-company .changeLogo .bt-upload { text-align: center; border-radius: 33px; height: 25px; width: 25px; cursor: pointer; background: rgba(125, 122, 122, 0.79); }
.window-company .changeLogo .bt-upload:hover { background: rgba(51, 51, 51, 0.79); }
.window-company .changeLogo .bt-upload label { cursor: pointer; font-size: 8px; margin-top: 8px; color: #FFF; }
.window-company .changeLogo .bt-upload input { cursor: pointer; opacity: 0; position: absolute; z-index: 5; margin-top: -31px; }
.window-company .changeLogo .bt-rotate-image { margin-top: 96px; margin-left: 5px; color: #FFF; font-size: 15px; line-height: 27px; position: absolute; text-align: center; border-radius: 33px; height: 25px; width: 25px; cursor: pointer; background: rgba(125, 122, 122, 0.79); }
.window-company .changeLogo .bt-rotate-image:hover { background: rgba(51, 51, 51, 0.79); }
.window-company .changeLogo .error { width: 100%; height: 100%; background: red; color: #fff; text-transform: uppercase; text-align: center; font-size: 25px; line-height: 140px; }
.window-company .changeLogo .progressUpload { text-align: center; position: absolute;  width: 98px; margin-top: 53px; margin-left: 11px; border: 1px solid #ddd; padding: 1px; border-radius: 3px; }
.window-company .changeLogo .barUpload { background-color: #E3C046; width: 0%; height: 12px; border-radius: 3px; }
.window-company .changeLogo .percentUpload { color: #333; position: absolute; display: inline-block; top: 1px; left: 48%; font-size: 9px; line-height: 12px; }
.window-company .changeLogo .imgReturn { text-align: center; }
.window-company .changeLogo .loading { margin-top: 39px; font-size: 30px; color: #8e8989; }
.window-company .size-logo-info { position: absolute; margin-top: 133px; font-size: 12px; color: #FFF; text-align: center; width: 135px; background: #ef9b14; height: 20px; }

.window-company .bookLeft .status { width: 100%; padding: 5px; border: 1px solid rgba(100, 100, 100, .4); background: #F7ECC1; color: #8e8989; font-size: 11px; height: 153px; }
.window-company .bookLeft .status label { color: #fbb75a; }
.window-company .bookLeft .status .plan { float: left; padding: 2px; color: #333; font-size: 14px; width: 100%; }
.window-company .bookLeft .status .change { cursor: pointer; color: #333; }
.window-company .bookLeft .status .change:hover { color: #fbb75a; }
.window-company .bookLeft .status .list-server { float: left; }
.window-company .bookLeft .status .list-server ul { margin-bottom: 0px; }
.window-company .bookLeft .status .list-server li { list-style: none; width: 100%; border-bottom: 2px dotted #B9BABE; height: 19px; }
.window-company .bookLeft .status .list-server div { float: left; }
.window-company .bookLeft .status .list-server .name-server { border-right: 1px solid #CCC; width: 93px }
.window-company .bookLeft .status .list-server .total { border-right: 1px solid #CCC; width: 65px; padding-left: 6px; }
.window-company .bookLeft .status .list-server .info-data { width: 130px; padding-left: 6px; }
.window-company .bookLeft .status .list-server .max { width: 65px; padding-left: 6px; }
.window-company .bookLeft .action { width: 100%; float: left; margin-bottom: 10px; margin-top: 12px; }
.window-company .bookLeft .action input { margin: 10px; }

.window-company .navRight { height: 62px; border-bottom: 2px dotted #B9BABE; float: right; padding: 8px 8px 8px 8px; width: 415px; }
.window-company .navRight .btnlist { padding: 0 4px; font-size: 14px; height: 17px; margin: 2px; float: left; text-transform: uppercase; color: #909191; cursor: pointer; text-align: center; }
.window-company .navRight .on { color: #4DC5DB; }
.window-company .bookRight { height: 390px; margin-top: 15px; }
.window-company .bookRight .header { width: 384px; background-color: #fab941; padding: 5px; height: 44px; }
.window-company .bookRight .header .search { float: left;  } /* width: 100%;  */
.window-company .bookRight .header .on { color: #fbb75a; }
.window-company .bookRight .header .moreData { margin-top: -4px; cursor: pointer; height: 36px; width: 36px; float: right; }
.window-company .bookRight .header .moreData:hover { background-position: 0 -35px; }
.window-company .bookRight .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%; }
.window-company .bookRight .header .btw:hover { background-color: #607D8B; }
.window-company .bookRight .header .count { float: left; padding: 8px; color: #fff; }
.window-company .bookRight .returnData { }
.window-company .bookRight .dvcr_address { float: left; }
.window-company .bookRight .dvcr_address .address { float: left; margin-bottom: 10px; }
.window-company .bookRight .dvcr_address .street { float: left; margin-bottom: 10px; }
.window-company .bookRight .dvcr_address .number { float: right; margin-bottom: 10px; }
.window-company .bookRight .dvcr_address .complement { float: left; margin-bottom: 10px; }
.window-company .bookRight .dvcr_address .neighborhood { float: left; margin-bottom: 10px; }
.window-company .bookRight .dvcr_address .zipcode { float: right; margin-bottom: 10px; }
.window-company .bookRight .dvcr_address .city { float: left; margin-bottom: 10px; }
.window-company .bookRight .dvcr_address .country { float: right; margin-bottom: 10px; }
.window-company .bookRight .dvcr_address .addressMapCompany { float: left; }
.window-company .bookRight .dvcr_address .addressMapCompany .addressMap { width: 385px; height: 225px; border: 4px solid #EEEFE8; background: #E8E8E8; }
.window-company .bookRight .selectSubTab { height: 22px; }
.window-company .bookRight .selectSubTab div { cursor: pointer; float: left; padding: 5px; color: #666666; text-transform: uppercase; text-align: center; font-size: 9px; }
.window-company .bookRight .selectSubTab.nav-2 div { width: 192px; }
.window-company .bookRight .selectSubTab.nav-3 div { width: 128px; }
.window-company .bookRight .selectSubTab.nav-4 div { width: 96px; }
.window-company .bookRight .selectSubTab.nav-6 div { width: 64px; }
.window-company .bookRight .selectSubTabBtn .on { color: #fab941; }
.window-company .bookRight .selectSubTabBtn .on:hover { color: #b48224; }
.window-company .bookRight .help-system-content .header { margin-bottom: 0px !important; }
.window-company .data-bankaccount .loading { color: #9e9e9e; text-align: center; position: relative; width: 100%; padding: 25px; }

.window-company .dvcr_presentation .select-tab-presentation { }
.window-company .dvcr_presentation .select-tab-presentation div { cursor: pointer; color: #CCC; font-size: 9px; float: left; width: 192px; text-transform: uppercase; background: #9e9e9e; padding: 5px; text-align: center; }
.window-company .dvcr_presentation .select-tab-presentation div:hover { background: #8e8989; }
.window-company .dvcr_presentation .select-tab-presentation .on { color: #FFF; background: rgb(251, 183, 90); }
.window-company .dvcr_presentation .select-tab-presentation .on:hover { background: rgb(251, 183, 90); }
.window-company .dvcr_presentation .services { float: left; width: 382px; }
.window-company .dvcr_presentation .services .nav { margin-top: 10px; background: #fff; border: 1px solid rgba(100, 100, 100, .4); }
.window-company .dvcr_presentation .services .nav div { font-size: 10px; cursor: pointer; text-transform: uppercase; float: left; padding: 5px; }
.window-company .dvcr_presentation .services .nav .on { color: #4DC5DB; }
.window-company .dvcr_presentation .services .additional_services { }
.window-company .dvcr_presentation .services .servicesPJ { border: 1px solid rgba(100, 100, 100, .4); background: #F7ECC1; width: 382px; text-transform: uppercase; float: left; padding: 9px; color: #C6C8CA; font-size: 12px; }
.window-company .dvcr_presentation .services .btn { font-size: 10px; }


.window-company .dvcr_settings_user .select-tab-settings { }
.window-company .dvcr_settings_user .select-tab-settings div { color: #CCC; font-size: 9px; float: left; width: 384px; text-transform: uppercase; background: #9e9e9e; padding: 5px; text-align: center; }
/* .window-company .dvcr_settings_user .select-tab-settings div:hover { background: #8e8989; } */
.window-company .dvcr_settings_user .select-tab-settings .on { color: #FFF; background: rgb(251, 183, 90); }
.window-company .dvcr_settings_user .select-tab-settings .on:hover { background: rgb(251, 183, 90); }
.window-company .result-list-api { height: 500px; float: left; width: 385px; }
.window-company .result-list-api ul li { border-bottom: 1px solid #CCC; font-size: 12px; list-style: none; height: 30px; width: 382px; }
.window-company .result-list-api ul li div { text-overflow: ellipsis; float: left; height: 30px; padding: 4px; white-space: nowrap; overflow: hidden; }
.window-company .result-list-api ul li .icon { width: 85px; }
.window-company .result-list-api ul li .icon img { height: 20px; }
.window-company .result-list-api ul li .name { width: 237px; }
.window-company .result-list-api ul li .size-205 { width: 205px; }
.window-company .result-list-api ul li .status { width: 30px; font-size: 15px; }
.window-company .result-list-api ul li .status.activated { color: #8bc34a; }
.window-company .result-list-api ul li .status.disabled { color: #a54669; }
.window-company .result-list-api ul li .status.pending { color: #fbb75a; }
.window-company .result-list-api ul li .status.unpaid { color: #ed1101; }
.window-company .result-list-api ul li .status.late_paid { color: #ec9c97; }

.window-company .result-list-api ul li .edit { width: 30px; color: #fbb75a; font-size: 15px; }
.window-company .result-list-api ul li .edit:hover { color: #966a2d; }
.window-company .result-list-api ul li .on { color: red; }
.window-company .result-list-api ul li .pointer { cursor: pointer;  }

.window-company .result-list-prompts { height: 500px; float: left; width: 385px; }
.window-company .result-list-prompts ul li { border-bottom: 1px solid #CCC; font-size: 12px; list-style: none; height: 30px; width: 382px; }
.window-company .result-list-prompts ul li div { text-overflow: ellipsis; float: left; height: 30px; padding: 4px; white-space: nowrap; overflow: hidden; }
.window-company .result-list-prompts ul li .name { width: 135px; }
.window-company .result-list-prompts ul li .type { width: 205px; }
.window-company .result-list-prompts ul li .edit { width: 30px; color: #fbb75a; font-size: 15px; }
.window-company .result-list-prompts ul li .edit:hover { color: #966a2d; }
.window-company .result-list-prompts ul li .pointer { cursor: pointer;  }

.window-company .list-experience { height: 375px; }


.window-company .bookRightNext .dvcr_settings { }
.window-company .bookRightNext .dvcr_settings .selectTabSettings { height: 40px; }
.window-company .bookRightNext .dvcr_settings .selectTabSettings div { margin: 2px 2px 2px 2px; font-size: 11px; float: left; text-transform: uppercase; color: #909191; cursor: pointer; text-align: center; }
.window-company .bookRightNext .dvcr_settings .selectTabSettings .on { color: #4DC5DB; }
.window-company .bookRightNext .dvcr_settings .showTabSettings { }
.window-company .bookRightNext .dvcr_settings .header { float: left; width: 384px; background-color: #fab941; padding: 5px; height: 44px; }
.window-company .bookRightNext .dvcr_settings .header .search { float: left; }
.window-company .bookRightNext .dvcr_settings .header .search input {  width: 250px; }
/* .window-company .bookRightNext .dvcr_settings .header .moreData { margin-top: -4px; cursor: pointer; height: 36px; width: 36px; float: right; } */
.window-company .bookRightNext .dvcr_settings .header .act { text-align: center; }
/* .window-company .bookRightNext .dvcr_settings .header .moreData:hover { background-position: 0 -35px; } */
.window-company .bookRightNext .dvcr_settings .header .count { float: left; padding: 8px; color: #fff; }
.window-company .bookRightNext .dvcr_settings .header .btn-change { padding: 10px 5px 10px 5px; margin: 0; }
.window-company .bookRightNext .dvcr_settings .bx-info { float: left; width: 384px; background-color: #fab941; padding: 2px; height: 21px; font-size: 12px; text-transform: uppercase; color: #fff; }
.window-company .bookRightNext .dvcr_settings .returnSettData { width: 384px; overflow: hidden; }
.window-company .bookRightNext .dvcr_settings .return-list { height: 484px; border: 1px solid #CCC;}
.window-company .bookRightNext .dvcr_settings .return-list-short { height: 190px; border: 1px solid #CCC;}
.window-company .bookRightNext .dvcr_settings .return-list-nav { height: 460px; border: 1px solid #CCC;}
.window-company .bookRightNext .dvcr_settings .return-block { height: 495px; }
.window-company .bookRightNext .dvcr_settings .returnSettData ul { }
.window-company .bookRightNext .dvcr_settings .returnSettData ul .group { }
.window-company .bookRightNext .dvcr_settings .returnSettData ul .group-name { padding: 3px; background: #9e9e9e; color: #FFF; text-transform: uppercase; text-align: center; }
.window-company .bookRightNext .dvcr_settings .returnSettData ul li { font-size: 12px; list-style: none; height: 28px; width: 382px; }
.window-company .bookRightNext .dvcr_settings .returnSettData ul li div { text-overflow: ellipsis; float: left; cursor: pointer; height: 28px; padding: 4px; white-space: nowrap; overflow: hidden; }
.window-company .bookRightNext .dvcr_settings .returnSettData ul li .namePosition { width: 379px; }
.window-company .bookRightNext .dvcr_settings .returnSettData ul li .status { width: 30px; }
.window-company .bookRightNext .dvcr_settings .returnSettData ul li .status span { margin: 2px; width: 16px; height: 16px; border-radius: 50%; display: block; }
.window-company .bookRightNext .dvcr_settings .returnSettData ul li .status .account_activated { background: #8BC34A; }
.window-company .bookRightNext .dvcr_settings .returnSettData ul li .status .account_disabled { background: #7e949f; }
.window-company .bookRightNext .dvcr_settings .returnSettData ul li .status .account_canceled { background: #F44336; }
.window-company .bookRightNext .dvcr_settings .returnSettData ul li .status .account_deleted { background: #a5039d; }
.window-company .bookRightNext .dvcr_settings .returnSettData ul li .status .account_not_payment { background: #FF5722; }
.window-company .bookRightNext .dvcr_settings .returnSettData ul li .status .user_activated { background: #8BC34A; }
.window-company .bookRightNext .dvcr_settings .returnSettData ul li .status .user_inactive { background: #F44336; }
.window-company .bookRightNext .dvcr_settings .returnSettData ul li .status .user_pending { background: #FF9800; }
.window-company .bookRightNext .dvcr_settings .returnSettData ul li .status .subscription_activated { background: #8BC34A; }
.window-company .bookRightNext .dvcr_settings .returnSettData ul li .status .subscription_inactive { background: #F44336; }
.window-company .bookRightNext .dvcr_settings .returnSettData ul li .status .activated { background: #8BC34A; }
.window-company .bookRightNext .dvcr_settings .returnSettData ul li .status .disabled { background: #F44336; }
.window-company .bookRightNext .dvcr_settings .returnSettData ul li .fa-h { }
.window-company .bookRightNext .dvcr_settings .returnSettData ul li .fa-h.on { color: #f44336; cursor: default; }
.window-company .bookRightNext .dvcr_settings .returnSettData ul li .people { width: 65px; }
.window-company .bookRightNext .dvcr_settings .returnSettData ul li .nameSubscription { width: 120px; }
.window-company .bookRightNext .dvcr_settings .returnSettData ul li .numberUsers { width: 45px; }
.window-company .bookRightNext .dvcr_settings .returnSettData ul li .valueSubscription { width: 88px; }
.window-company .bookRightNext .dvcr_settings .returnSettData ul li .nameModule { width: 150px; }
.window-company .bookRightNext .dvcr_settings .returnSettData ul li .valueTitle { width: 214px; }
.window-company .bookRightNext .dvcr_settings .returnSettData ul li .nameUser { width: 119px; }
.window-company .bookRightNext .dvcr_settings .returnSettData ul li .valueUser { width: 217px; }
.window-company .bookRightNext .dvcr_settings .returnSettData ul li .size-150 { width: 150px; }
.window-company .bookRightNext .dvcr_settings .returnSettData ul li .size-25 { width: 25px; }
.window-company .bookRightNext .dvcr_settings .returnSettData ul li .size-195 { width: 195px; }
.window-company .bookRightNext .dvcr_settings .returnSettData .nav-change {  font-size: 12px; width: 100%; height: 30px; background: #9e9e9e; text-align: center; }
.window-company .bookRightNext .dvcr_settings .returnSettData .nav-change div { cursor: pointer; float: left; padding: 5px; width: 96px; color: #fff; text-transform: uppercase; }
.window-company .bookRightNext .dvcr_settings .returnSettData .nav-change .on { background: #fab941; }
.window-company .bookRightNext .dvcr_settings .returnSettData .generator-lang { color: #f9b941; cursor: pointer; text-transform: uppercase; }
.window-company .bookRightNext .dvcr_settings .returnSettData .generator-lang:hover { color: #337ab7; }

.window-company .bookRight .message-data { height: 265px; overflow: hidden; }
.window-company .bookRight .message-data li { list-style: none; }
.window-company .bookRight .returnDataList { width: 384px; border: 1px solid #CCC; height: 512px; overflow: hidden; }
.window-company .bookRight .returnDataList ul { }
.window-company .bookRight .returnDataList ul li { list-style: none; height: 28px; width: 382px; font-size: 12px; }
.window-company .bookRight .returnDataList ul li div { float: left; height: 28px; padding: 4px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.window-company .bookRight .returnDataList.cursor ul li div { cursor: pointer; }
.window-company .bookRight .returnDataList ul li.CANCELLED { background: #f44336; color: #fff; }
.window-company .bookRight .returnDataList ul li.LATE { background: #f44336; color: #fff; }
.window-company .bookRight .returnDataList ul li .status { width: 30px; }
.window-company .bookRight .returnDataList ul li .status span { margin: 2px; width: 16px; height: 16px; border-radius: 50%; display: block; }
.window-company .bookRight .returnDataList ul li .status .user_activated { background: #8BC34A; }
.window-company .bookRight .returnDataList ul li .status .user_inactive { background: #F44336; }
.window-company .bookRight .returnDataList ul li .status .user_pending { background: #FF9800; }
.window-company .bookRight .returnDataList ul li .status .activated { background: #8BC34A; }
.window-company .bookRight .returnDataList ul li .status .disabled { background: #F44336; }
.window-company .bookRight .returnDataList ul li .status .status_conducted_pay { background-color: #91b535; }
.window-company .bookRight .returnDataList ul li .status .status_late { background-color: #c11225; }
.window-company .bookRight .returnDataList ul li .status .status_pending { background-color: #00BCD4; }
.window-company .bookRight .returnDataList ul li .status .status_open { background-color: #9E9E9E; }
.window-company .bookRight .returnDataList ul li .position { width: 168px; }
.window-company .bookRight .returnDataList ul li .filterName { width: 170px; }
.window-company .bookRight .returnDataList ul li .nameEmail { width: 335px; }
.window-company .bookRight .returnDataList ul li .filterSubject { width: 150px; }
.window-company .bookRight .returnDataList ul li .model { width: 85px; }
.window-company .bookRight .returnDataList ul li .name-contract { width: 267px; }
.window-company .bookRight .returnDataList ul li .icon { width: 25px; }
.window-company .bookRight .returnDataList ul li .icon span { height: 20px; display: -webkit-box; background-size: 40px; }
.window-company .bookRight .returnDataList ul li .card-name { width: 215px; }
.window-company .bookRight .returnDataList ul li .current-default { }
.window-company .bookRight .returnDataList ul li .current-default.yes { color: #666666; }
.window-company .bookRight .returnDataList ul li .current-default.no { color: #CCC; }
.window-company .bookRight .returnDataList ul li .situation { width: 95px; }
.window-company .bookRight .returnDataList ul li .bill { width: 100px; }
.window-company .bookRight .returnDataList ul li .date { width: 56px; }
.window-company .bookRight .returnDataList ul li .value { width: 76px; text-align: right; }
.window-company .bookRight .returnDataList ul li .date-event { width: 50px; }
.window-company .bookRight .returnDataList ul li .date-event-full { width: 75px; }
.window-company .bookRight .returnDataList ul li .name-event { width: 120px; }
.window-company .bookRight .returnDataList ul li .val-gross { width: 95px; }
.window-company .bookRight .returnDataList ul li .val-net { width: 95px; }
.window-company .bookRight .returnDataList ul li .service-description { width: 226px; }
.window-company .bookRight .returnDataList ul li .taxation { float: right; }
.window-company .bookRight .returnDataList ul li .on { color: red; }
.window-company .bookRight .returnDataList ul li .edit { float: right; cursor: pointer; width: 30px; color: #fbb75a; font-size: 15px; }
.window-company .bookRight .returnDataList ul li .edit:hover { color: #966a2d; }
.window-company .bookRight .returnDataList ul li .editDisabled { float: right; width: 30px; color: #CCC; font-size: 15px; }
.window-company .bookRight .signs { color: #337ab7; font-weight: bold; font-family: 'GudeaBold'; }
.window-company .bookRight .selectSubTab .on { background: #fab941; color: #fff; }
.window-company .bookRight .showSubTab .returnDataList { height: 490px; }
.window-company .bookRight .dvcr_billing {}
.window-company .bookRight .dvcr_billing .summary-data { height: 61px !important; }
.window-company .bookRight .dvcr_billing .summary-data .bx-val { padding: 6px; float: left; }
.window-company .bookRight .dvcr_billing .summary-data .title { }
.window-company .bookRight .dvcr_billing .summary-data .value { }
.window-company .bookRight .dvcr_billing .summary-data .redeem-value { float: right; margin-top: 25px; }
.window-company .bookRight .dvcr_billing .summary-data .redeem-value .redeem { font-size: 20px; color: #2196F3; cursor: pointer; }
.window-company .bookRight .dvcr_billing .summary-data .redeem-value .redeem:hover { color: #3F51B5; }
.window-company .bookRight .dvcr_billing .info { margin-top: 20px; }
.window-company .bookRight .dvcr_billing .action { }
.window-company .bookRight .dvcr_billing .action .btn { }
.window-company .bookRight .dvcr_billing .change-account { text-align: center; width: 100%; height: 25px; }
.window-company .bookRight .dvcr_billing .change-account div { text-transform: uppercase; cursor: pointer; color: #CCC; float: left; padding: 5px; width: 96px; font-size: 10px; }
.window-company .bookRight .dvcr_billing .change-account .on { color: #fab941; }
.window-company .bookRight .dvcr_billing #newCreditCard { margin-top: 20px; }
.window-company .bookRight .dvcr_billing .creditcard-activate { margin-top: 15px; }
.window-company .bookRight .dvcr_billing .creditcard-activate .brand { width: 45px; float: left; }
.window-company .bookRight .dvcr_billing .creditcard-activate .brand span { height: 20px; display: -webkit-box; background-size: 40px; }
.window-company .bookRight .dvcr_billing .creditcard-activate .card-name { width: 300px; float: left; }
.window-company .bookRight .dvcr_billing .creditcard-activate .change { width: 20px; float: left; cursor: pointer; color: #333; }
.window-company .bookRight .dvcr_billing .creditcard-activate .change:hover { color: #fbb942; }
.window-company .bookRight .dvcr_billing .list-extract { width: 384px; border: 1px solid #CCC; height: 431px; overflow: hidden; }
.window-company .bookRight .dvcr_billing .list-extract ul { }
.window-company .bookRight .dvcr_billing .list-extract ul li { list-style: none; height: 28px; width: 382px; font-size: 12px; }
.window-company .bookRight .dvcr_billing .list-extract ul li div { float: left; height: 28px; padding: 4px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.window-company .bookRight .dvcr_billing .list-extract ul li .date { width: 80px; }
.window-company .bookRight .dvcr_billing .list-extract ul li .name { width: 50px; }
.window-company .bookRight .dvcr_billing .list-extract ul li .code { width: 125px; }
.window-company .bookRight .dvcr_billing .list-extract ul li .val-gross { width: 100px; }
.window-company .bookRight .dvcr_billing .list-extract ul li .val-net { width: 100px; }
.window-company .bookRight .dvcr_billing .list-extract .status { margin: 2px; width: 20px; height: 20px; border-radius: 50%; display: block; padding: 0; }
.window-company .bookRight .dvcr_billing .list-extract .status span { margin: 2px; width: 16px; height: 16px; border-radius: 50%; display: block; }
.window-company .bookRight .dvcr_billing .list-extract .status .FAILED { background: #f44336; }
.window-company .bookRight .dvcr_billing .list-extract .status .REQUESTED { background: #fbb75a; }
.window-company .bookRight .dvcr_billing .list-extract .status .COMPLETED { background: #8BC34A; }

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

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

.modalPosition { padding: 20px; }
.modalPosition label { display: block; color: #333; }
.modalPosition .name { margin-bottom: 10px; }
.modalPosition .select-position { margin-bottom: 15px; }
.modalPosition .info-contact { width: 100%; text-align: center; text-transform: uppercase; padding: 10px; border: 1px solid #FFF; margin-bottom: 15px; background: #9E9E9E; color: #FFF; }
.modalPosition .btn-act { width: 185px; }


.contentModalSettingsCompany { }
.contentModalSettingsCompany .nav-settings { height: 40px; margin-top: 20px; }
.contentModalSettingsCompany textarea { height: 150px; }
.contentModalSettingsCompany .upload-settings-company .upload { font-size: 48px; }
.contentModalSettingsCompany .upload-settings-company .bt-upload { cursor: pointer; }
.contentModalSettingsCompany .upload-settings-company .bt-upload:hover { background:#ddd; }
.contentModalSettingsCompany .upload-settings-company .bt-upload label { cursor: pointer; font-size: 16px; color: #8e7f7f; text-align: center; display: grid; }
.contentModalSettingsCompany .upload-settings-company .bt-upload input { cursor: pointer; opacity: 0; position: absolute; z-index: 5; margin-top: -105px; height: 105px; width: 470px; }
.contentModalSettingsCompany .upload-settings-company .error { width: 100%; height: 100%; background: red; color: #fff; text-transform: uppercase; text-align: center; font-size: 25px; line-height: 140px; }
.contentModalSettingsCompany .upload-settings-company .progressUpload { text-align: center; width: 122px; border: 1px solid #ddd; padding: 1px; border-radius: 3px; }
.contentModalSettingsCompany .upload-settings-company .barUpload { background-color: #E3C046; width: 0%; height: 12px; border-radius: 3px; }
.contentModalSettingsCompany .upload-settings-company .percentUpload { color: #333; position: absolute; display: inline-block; top: 1px; left: 48%; font-size: 9px; line-height: 12px; }
.contentModalSettingsCompany .upload-settings-company .imgReturn { text-align: center; }
.contentModalSettingsCompany .upload-settings-company .loading { margin-top: 55px; font-size: 30px; color: #8e8989; }
.contentModalSettingsCompany .upload-settings-company .ok { font-size: 30px; color: #8bc34a; }
.contentModalSettingsCompany .result-list-company { border: 1px solid #CCC; height: 101px; overflow: hidden; }
.contentModalSettingsCompany .result-list-company ul { display: inline-block; }
.contentModalSettingsCompany .result-list-company ul li { list-style: none; height: 28px; width: 382px; font-size: 12px; }
.contentModalSettingsCompany .result-list-company ul li div { float: left; height: 28px; padding: 4px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.contentModalSettingsCompany .result-list-company ul li .type { width: 70px; }
.contentModalSettingsCompany .result-list-company ul li .name { width: 215px; cursor: pointer; }
.contentModalSettingsCompany .result-list-company ul li .edit { cursor: pointer; width: 30px; color: #fbb75a; font-size: 15px; }
.contentModalSettingsCompany .result-list-company ul li .edit:hover { color: #966a2d; }

.contentModalSettingsCompany .result-list-users { border: 1px solid #CCC; height: 260px; overflow: hidden; }
.contentModalSettingsCompany .result-list-users ul { display: inline-block; }
.contentModalSettingsCompany .result-list-users ul li { list-style: none; height: 28px; width: 382px; font-size: 12px; cursor: pointer; }
.contentModalSettingsCompany .result-list-users ul li div { float: left; height: 28px; padding: 4px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.contentModalSettingsCompany .result-list-users ul li .name { width: 150px; }
.contentModalSettingsCompany .result-list-users ul li .position { width: 125px; }
.contentModalSettingsCompany .result-list-users ul li .status { width: 30px; }
.contentModalSettingsCompany .result-list-users ul li .status span { margin: 2px; width: 16px; height: 16px; border-radius: 50%; display: block; }
.contentModalSettingsCompany .result-list-users ul li .status .user_activated { background: #8BC34A; }
.contentModalSettingsCompany .result-list-users ul li .status .user_inactive { background: #F44336; }
.contentModalSettingsCompany .result-list-users ul li .status .user_pending { background: #FF9800; }
.contentModalSettingsCompany .result-list-users ul li .status .activated { background: #8BC34A; }
.contentModalSettingsCompany .result-list-users ul li .status .disabled { background: #F44336; }

.contentModalSettingsSupport { }
.contentModalSettingsSupport .chamge-bx-image { overflow: hidden; float: left; border: 5px solid #9E9E9E; background: #ececec; text-align: center; }
.contentModalSettingsSupport .chamge-bx-image-tag { width: 127px; height: 127px;  }
.contentModalSettingsSupport .chamge-bx-image-tag img { width: 117px; height: 117px; }
.contentModalSettingsSupport .chamge-bx-image-header { width: 100%; height: 127px;  }
.contentModalSettingsSupport .chamge-bx-image-header img { width: 100%; height: 117px; }
.contentModalSettingsSupport .chamge-bx-image .fileIFrame { position: absolute; }
.contentModalSettingsSupport .chamge-bx-image .changePhoto { opacity: 0.01; filter: alpha(opacity=1); width: 24px; height: 24px; }
.contentModalSettingsSupport .chamge-bx-image .upload { margin-top: 7px; margin-left: 7px; position: absolute; }
.contentModalSettingsSupport .chamge-bx-image .bt-upload { text-align: center; border-radius: 33px; height: 35px; width: 35px; cursor: pointer; background: rgba(125, 122, 122, 0.79); }
.contentModalSettingsSupport .chamge-bx-image .bt-upload:hover { background: rgba(51, 51, 51, 0.79); }
.contentModalSettingsSupport .chamge-bx-image .bt-upload label { cursor: pointer; font-size: 11px; margin-top: 10px; color: #FFF; }
.contentModalSettingsSupport .chamge-bx-image .bt-upload input { cursor: pointer; opacity: 0; position: absolute; z-index: 5; margin-top: -31px; }
.contentModalSettingsSupport .chamge-bx-image .progressUpload { text-align: center; position: absolute;  width: 67px; margin-top: 63px; margin-left: 11px; border: 1px solid #ddd; padding: 1px; border-radius: 3px; }
.contentModalSettingsSupport .chamge-bx-image .barUpload { background-color: #E3C046; width: 0%; height: 12px; border-radius: 3px; }
/* .contentModalSettingsSupport .chamge-bx-image .percentUpload { top: 0%; text-align: center; position: absolute; width: 80%; border: 1px solid #ddd; padding: 1px; border-radius: 3px; margin: 10%; } */
.contentModalSettingsSupport .chamge-bx-image .percentUpload { display: none; }
.contentModalSettingsSupport .chamge-bx-image .imgReturn { text-align: center; }
.contentModalSettingsSupport .chamge-bx-image .loading { margin-top: 27px; font-size: 30px; color: #8e8989; }
.contentModalSettingsSupport .chamge-bx-image .error { color: red; font-size: 120px; }
.contentModalSettingsSupport .chamge-bx-image .ok { color: #4CAF50; font-size: 65px; }


/* .contentModalLetter .top { height: 110px; }
.contentModalLetter .name { float: left; width: 48%; height: 60px; }
.contentModalLetter .subject { float: right; width: 48%; height: 60px; }
.contentModalLetter .select-signatures { float: left; text-align: center; width: 50%; }
.contentModalLetter .select-fa { float: right; text-align: center; width: 50%; }
.contentModalLetter .btn-checkbox { width: 135px; } */

.chooseSubscriptionModal {  padding: 20px; }

.modalStaff { }
.modalStaff .information { margin-bottom: 20px; padding: 5px; border: 1px solid rgba(100, 100, 100, .4); background: #F7ECC1; color: red; font-size: 12px; height: 70px; }
.modalStaff .email_unauthenticated { border-color: #fbb75a !important; background-color: #fbb75a !important; color: #FFF !important; }
.modalStaff .email_unauthenticated:hover { color:#FFFFFF !important; background-color:#e2a046 !important; }
.modalStaff .email_pending { border-color: #4dc5db !important; background-color: #4dc5db !important; color: #FFF !important; }
.modalStaff .email_pending:hover { color:#FFFFFF !important; background-color:#379aac !important; }
.modalStaff .email_authenticated { border-color: #8bc34a !important; background-color: #8bc34a !important; color: #FFF !important; }
.modalStaff .email_authenticated:hover { color:#FFFFFF !important; background-color:#679334 !important; }
.modalStaff .email_error { border-color: #f44336 !important; background-color: #f44336 !important; color: #FFF !important; }
.modalStaff .email_error:hover { color:#FFFFFF !important; background-color:#b84037 !important; }


.contentModalTickets {}
.contentModalTickets .result-item-payments { border: 1px solid #CCC; height: 182px; overflow: hidden; }
.contentModalTickets .result-item-payments ul { display: inline-block; }
.contentModalTickets .result-item-payments ul li { list-style: none; height: 23px; width: 100%; font-size: 12px; }
.contentModalTickets .result-item-payments ul li div { font-size: 10px; border-left: 1px solid #ccc; float: left; height: 23px; padding: 4px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.contentModalTickets .result-item-payments .entrance { width: 110px; }
.contentModalTickets .result-item-payments .order { width: 105px; }
.contentModalTickets .result-item-payments .payment { width: 105px; }
.contentModalTickets .result-item-payments .gross { width: 100px; }
.contentModalTickets .result-item-payments .discount { width: 100px; }
.contentModalTickets .result-item-payments .total { width: 115px; }
.contentModalTickets .result-item-payments .cancel { width: 30px; cursor: pointer; }
.contentModalTickets .result-item-payments .cancel:hover { color: red; }

.productMultiple { }
.productMultiple .header { width: 100%; background-color: #fab941; padding: 5px; height: 44px; }
.productMultiple .header .search { float: left; }
.productMultiple .header .search input {  width: 250px; }
.productMultiple .header .moreData { margin-top: -4px; cursor: pointer; height: 36px; width: 36px; float: right; }
.productMultiple .header .moreData:hover { background-position: 0 -35px; }
.productMultiple .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%; }
.productMultiple .header .btw:hover { background-color: #607D8B; }
.productMultiple .header .count { float: left; padding: 8px; color: #fff; }
.productMultiple .returnDataList { width: 100%; border: 1px solid #CCC; height: 200px; overflow: hidden; }
.productMultiple .header-title { float: left; cursor: pointer; list-style: none; height: 28px; width: 100%; font-size: 12px; }
.productMultiple .returnDataList ul li { cursor: pointer; list-style: none; height: 28px; width: 100%; font-size: 12px; }
.productMultiple .returnDataList ul li div,
.productMultiple .header-title div { float: left; height: 28px; padding: 4px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.productMultiple .service-code { width: 70px; }
.productMultiple .service-description { width: 265px; }
.productMultiple .tax-charges { width: 100px; }
.productMultiple .on { color: red; }

.modalExperiencesConfig .select-tab { height: 22px; }
.modalExperiencesConfig .select-tab div { width: 89px; cursor: pointer; float: left; padding: 5px; color: #666666; text-transform: uppercase; text-align: center; font-size: 9px; }
.modalExperiencesConfig .select-tab .on { background: #fab941; color: #fff; }
.modalExperiencesConfig .header { background-color: #fab941; padding: 5px; height: 44px; }
.modalExperiencesConfig .header .search { float: left; }
.modalExperiencesConfig .header .search input {  width: 125px; }
.modalExperiencesConfig .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%; }
.modalExperiencesConfig .header .btw:hover { background-color: #607D8B; }
.modalExperiencesConfig .return-list { height: 360px; border: 1px solid #CCC; overflow: hidden; background: #FFF; }
.modalExperiencesConfig .return-list ul { }
.modalExperiencesConfig .return-list ul li { cursor: pointer; list-style: none; height: 28px; width: 100%; font-size: 12px; }
.modalExperiencesConfig .return-list ul li div { text-overflow: ellipsis; float: left; cursor: pointer; height: 28px; padding: 4px; white-space: nowrap; overflow: hidden; }
.modalExperiencesConfig .return-list ul li .group { width: 85px; }
.modalExperiencesConfig .return-list ul li .name { width: 170px; }
.modalExperiencesConfig .return-data { height: 415px; border: 1px solid #CCC; background: #FFF; }
.modalExperiencesConfig .return-data .action-fixed-bottom { width: 89%; position: absolute; bottom: 10px; }
.modalExperiencesConfig .return-data .action-fixed-bottom .btn { margin: 5px !important; }
.modalExperiencesConfig .return-data .header-experiences { display: flow-root; }
.modalExperiencesConfig .chamge-bx-image { overflow: hidden; margin-top: 10px; display: inline-block; border: 5px solid #9E9E9E; background: #ececec; text-align: center; }
.modalExperiencesConfig .chamge-bx-image-tag { width: 75px; height: 75px;  }
.modalExperiencesConfig .chamge-bx-image-tag img { width: 70px; height: 70px; }
.modalExperiencesConfig .chamge-bx-image .fileIFrame { position: absolute; }
.modalExperiencesConfig .chamge-bx-image .changePhoto { opacity: 0.01; filter: alpha(opacity=1); width: 24px; height: 24px; }
.modalExperiencesConfig .chamge-bx-image .upload { margin-top: 7px; margin-left: 7px; position: absolute; }
.modalExperiencesConfig .chamge-bx-image .bt-upload { text-align: center; border-radius: 33px; height: 30px; width: 30px; cursor: pointer; background: rgba(125, 122, 122, 0.79); }
.modalExperiencesConfig .chamge-bx-image .bt-upload:hover { background: rgba(51, 51, 51, 0.79); }
.modalExperiencesConfig .chamge-bx-image .bt-upload label { cursor: pointer; font-size: 8px; margin-top: 10px; color: #FFF; }
.modalExperiencesConfig .chamge-bx-image .bt-upload input { cursor: pointer; opacity: 0; position: absolute; z-index: 5; margin-top: -31px; }
.modalExperiencesConfig .chamge-bx-image .progressUpload { text-align: center; position: absolute;  width: 67px; margin-top: 63px; margin-left: 11px; border: 1px solid #ddd; padding: 1px; border-radius: 3px; }
.modalExperiencesConfig .chamge-bx-image .barUpload { background-color: #E3C046; width: 0%; height: 12px; border-radius: 3px; }
/* .modalExperiencesConfig .chamge-bx-image .percentUpload { top: 0%; text-align: center; position: absolute; width: 80%; border: 1px solid #ddd; padding: 1px; border-radius: 3px; margin: 10%; } */
.modalExperiencesConfig .chamge-bx-image .percentUpload { display: none; }
.modalExperiencesConfig .chamge-bx-image .imgReturn { text-align: center; }
.modalExperiencesConfig .chamge-bx-image .loading { margin-top: 27px; font-size: 30px; color: #8e8989; }
.modalExperiencesConfig .chamge-bx-image .error { color: red; font-size: 120px; }
.modalExperiencesConfig .chamge-bx-image .ok { color: #4CAF50; font-size: 65px; }


.contentModalRedeemValue {}
.contentModalRedeemValue .loader { text-align: center; font-size: 30px; width: 100%; }


.activate-billing-account {}
.activate-billing-account .title-1 { text-align: justify; color: #666666; font-size: 19px; }
.activate-billing-account .title-2 { text-align: justify; color: #666666; font-size: 14px; margin-top: 20px; }
.activate-billing-account .bt-activate { margin-top: 20px; }
.activate-billing-account .logo-moip { text-align: center; }
.activate-billing-account .logo-moip .image { margin-top: 20px; background: url("../../public/image/payment/moip.png") no-repeat; height: 50px;  width: 100px; background-size: 100px; display: inline-block; }


.settingsCompanyApi { }
.settingsCompanyApi .upload-certified-file { font-size: 24px; }
.settingsCompanyApi .upload-certified-file.on-file { color: #fbb75a; }
.settingsCompanyApi .upload-certified-file.progress-file { color: #fbb75a; }
.settingsCompanyApi .upload-certified-file input { width: 45px;opacity: 0;position: absolute;margin-top: -33px; }
.settingsCompanyApi .qrcode { text-align: center; }
.settingsCompanyApi .qrcode img { object-fit: "contain"; position: "relative"; display: "inline-block"; margin: 20px; }


.modalSupportConfig .header { background-color: #fab941; padding: 5px; height: 44px; }
.modalSupportConfig .header .search { float: left; }
.modalSupportConfig .header .search input {  width: 125px; }
.modalSupportConfig .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%; }
.modalSupportConfig .header .btw:hover { background-color: #607D8B; }
.modalSupportConfig .return-list { height: 360px; border: 1px solid #CCC; overflow: hidden; background: #FFF; }
.modalSupportConfig .return-list ul { }
.modalSupportConfig .return-list ul li { cursor: pointer; list-style: none; height: 28px; width: 100%; font-size: 12px; }
.modalSupportConfig .return-list ul li div { text-overflow: ellipsis; float: left; cursor: pointer; height: 28px; padding: 4px; white-space: nowrap; overflow: hidden; }
.modalSupportConfig .return-list ul li .group { width: 85px; }
.modalSupportConfig .return-list ul li .name { width: 170px; }