@charset "utf-8";

.window-project-computer { height: 540px; width: 1010px; }
.window-project-mobile { width: 100%; height: 540px; }
.window-project { background-color: rgb(122, 137, 111);  }
.window-project .spiralBook { background-image: url("../../public/image/theme/spiral.png"); height: 30px;  width: 999px; position: absolute; top: -14px; }
.window-project .contentProject { }
.window-project .contentProject .headerData .search { width: 200px; }
.window-project .contentProject .headerData .nav { float: right; margin-top: -3px; }
.window-project .contentProject .headerData .nav .btw { line-height: 31px; text-align: center; font-size: 19px; width: 30px; height: 30px; margin: 4px; cursor: pointer; float: right; color: #FFF; background-color: #9E9E9E; border-radius: 50%; }
.window-project .contentProject .headerData .nav .btw:hover { background-color: #607D8B; }
.window-project .contentProject .headerData .nav .btNewData { float: left; }
.window-project .contentProject .headerData .nav .btConfig { float: left; }
.window-project .contentProject .headerData .nav .btAnalytics { float: left; }

.window-project .result { background-color: #FFF; font-size: 11px; }
.window-project .result .headerList { height: 30px; width: 100%; background-color: rgb(139, 144, 125); }
.window-project .result .listProject { overflow: hidden; height: 395px; }
.window-project .result ul { }
.window-project .result ul li { list-style: none; }
.window-project .result .listProject li { list-style: none; width: 100%; cursor: pointer; display: inline-flex; }
.window-project .result ul li div { float: left; padding: 4px; border-left: 1px solid #AFABAB; }
.window-project .result .fa { width: 30px; }
.window-project .result .fa span { margin: 2px; width: 16px; height: 16px; border-radius: 50%; display: block; }
.window-project .result .fa .status_open { background: #e3ae57; color: #FFF !important; }
.window-project .result .fa .status_approved { background: #8BC34A; color: #FFF !important; }
.window-project .result .fa .status_closed { background: #7e9564; color: #FFF !important; }
.window-project .result .fa .status_refused { background: #F44336; color: #FFF !important; }
.window-project .result .fa .status_lose { background: #d05e3b; color: #FFF !important; }
.window-project .result .fa .status_conducted { background: #7db7c7; color: #FFF !important; }
.window-project .result .fa .status_finalized { background: #1e81c1; color: #FFF !important; }
.window-project .result .fa .status_canceled { background: #ce4114; color: #FFF !important; }
.window-project .result .barcode { width: 80px; }
.window-project .result .status { width: 60px; }
.window-project .result .client { width: 190px; }
.window-project .result .theme { width: 168px; }
.window-project .result .date_place { width: 180px; }
.window-project .result .attendance { width: 120px; }
.window-project .result .production { width: 120px; }
.window-project .result .public { width: 20px; }
.window-project .result .listProject .pjcFrom { background: #c6c8ca; }
.window-project .result .listProject .pjcSub { background: #fdf8e3; margin-left: 30px; }
.window-project .result .listProject .pjcSub .barcode { text-align: right; }
.window-project .result .listProject .pjcSub .theme { width: 348px; }

.projectModal .navTabBudget { height: 100%; margin-top: 10px; display: flex; }
.projectModal .navTabBudget div { font-size: 12px; cursor: pointer; color: #CCC; text-align: center; text-transform: uppercase; background: rgb(32, 144, 148); padding: 5px 5px; text-align: center; }
.projectModal .navTabBudget div.on { color: #FFF; background: #4DC5DB; }
.projectModal .navTabBudget div.disableBt { background: #73867F; opacity: 0.3; cursor: default !important; }
.projectModal .navTabBudget .nav_information { }
.projectModal .navTabBudget .nav_services { margin-left: 5px; }
.projectModal .navTabBudget .nav_budget { margin-left: 5px; }
.projectModal .navTabBudget .nav_purchasing { margin-left: 5px; }
.projectModal .navTabBudget .nav_finance  { margin-left: 5px; }
.projectModal .navTabBudget .nav_approval { margin-left: 5px; }
.projectModal .navTabBudget .nav_completion { margin-left: 5px; }
.projectModal .returnTabBudget { }
.projectModal .returnTabBudget .returnDataTab .loader { width: 100%; height: 400px; }
.projectModal .returnTabBudget .return_information { }
.projectModal .returnTabBudget .return_information .textarea-div { height: 343px; }
.projectModal .returnTabBudget .return_information .topDataBd {  }
.projectModal .returnTabBudget .return_information .topDataBd .action { margin-top: 25px; }
.projectModal .returnTabBudget .return_information .topDataBd .action input { width: 50%; }
/* .projectModal .returnTabBudget .return_information .topDataBd .action .btn-submit { float: left; margin-left: 10px; }
.projectModal .returnTabBudget .return_information .topDataBd .action .btn-delete { float: left; } */
.projectModal .returnTabBudget .return_information .topDataBd .budget-search {  }
.projectModal .returnTabBudget .return_information .topDataBd .budget-settings { }
.projectModal .returnTabBudget .return_information .topDataBd .budget-settings button { background: #eee; margin: 0; padding: 0; height: 33px; margin-top: 24px; border: 1px solid #ccc; width: 100% !important;}
.projectModal .returnTabBudget .return_information .topDataBd .budget-settings .dropdown-pin { color: #666666; top: 1px; font-size: 20px; }
.projectModal .returnTabBudget .return_information .topDataBd .budget-version {  }
.projectModal .returnTabBudget .return_information .topDataBd .budget-version .select-version { width: 100%; }
.projectModal .returnTabBudget .return_information .date-registration { color: #666666; font-size: 12px; }
.projectModal .returnTabBudget .return_information .options { padding: 0px; }
.projectModal .returnTabBudget .return_information .dropdown-opt { font-size: 26px; }
/* .projectModal .returnTabBudget .return_information .dropdown-opt .dropdown-header { font-size: 18px; cursor: default; color: #fbb75a; } */
/*
.projectModal .returnTabBudget .return_information .topDataBd .opt { color: #666666; cursor: pointer; font-size: 17px; }
.projectModal .returnTabBudget .return_information .topDataBd .opt:hover { color: #FF9800; }
.projectModal .returnTabBudget .return_information .topDataBd .opt.disable { cursor: default !important; color: #CCC; }
*/
.projectModal .returnTabBudget .return_information .buttonDataBd { margin-top: 10px; height: 50px; }
.projectModal .returnTabBudget .return_information .buttonDataBd .config-client-data { border: 1px solid #CCC; padding: 15px; display: none; width: 95%; min-height: 360px; position: absolute; background: #d9dbd4; z-index: 5; box-shadow: 10px 10px 5px #888888; }
.projectModal .returnTabBudget .return_information .buttonDataBd .config-client-data label { text-transform: uppercase; }
.projectModal .returnTabBudget .return_information .buttonDataBd .config-client-data .close { opacity: 1 !important; float: right; font-size: 25px; margin-top: -10px; right: 0px; color: #6f6969; cursor: pointer; position: absolute; }
.projectModal .returnTabBudget .return_information .buttonDataBd .config-client-data .config-return { width: 96%; float: left; }
.projectModal .returnTabBudget .return_information .buttonDataBd .config-client-data .config-return .bx { border: 1px solid #CCC; margin-top: 10px; background: #fff; width: 100%; height: 195px; float: left; }
.projectModal .returnTabBudget .return_information .buttonDataBd .config-client-data .config-return .access-modal { margin-top: 10px; }
.projectModal .returnTabBudget .return_information .buttonDataBd .config-client-data .config-return .access-modal .user-list { display: list-item; height: 180px; border: 1px solid #CCC; background: #fff; }
.projectModal .returnTabBudget .return_information .buttonDataBd .config-client-data .config-return .user-left { width: 48%; float: left; }
.projectModal .returnTabBudget .return_information .buttonDataBd .config-client-data .config-return .user-right { width: 48%; float: right; }
.projectModal .returnTabBudget .return_information .buttonDataBd .config-client-data .info { color: #333; text-align: center; margin-bottom: 10px; }
.projectModal .returnTabBudget .return_information .buttonDataBd .config-client-data ul { }
.projectModal .returnTabBudget .return_information .buttonDataBd .config-client-data .div-li { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #666666; cursor: pointer; list-style: none; width: 100%; height: 27px; padding: 5px; font-size: 13px; }
.projectModal .returnTabBudget .return_information .buttonDataBd .config-client-data .icon { float: left; color: #CCC; }
.projectModal .returnTabBudget .return_information .buttonDataBd .config-client-data .on .icon { color: #8BC34A; }
.projectModal .returnTabBudget .return_information .buttonDataBd .config-client-data .version { float: left; }
.projectModal .returnTabBudget .return_information .buttonDataBd .config-client-data .name { float: left; }
.projectModal .returnTabBudget .return_information .buttonDataBd .config-client-data .fullname { margin-left: 20px; float: left; }
.projectModal .returnTabBudget .return_information .buttonDataBd .config-client-data .time { margin-left: 20px; float: left; }
.projectModal .returnTabBudget .return_information .buttonDataBd .config-client-data .title { background: #607D8B; color: #fff; cursor: default; }
.projectModal .returnTabBudget .return_information .buttonDataBd .config-client-data .remove { cursor: pointer; float: right; color: #CCC; margin-right: 20px; }
.projectModal .returnTabBudget .return_information .buttonDataBd .config-client-data .remove:hover { color: #f44336; }
.projectModal .returnTabBudget .return_information .buttonDataBd .config-client-data .print { margin-right: 10px; cursor: pointer; float: right; color: #CCC; }
.projectModal .returnTabBudget .return_information .buttonDataBd .config-client-data .print:hover { color: #8bc34a; }

.projectModal .returnTabBudget .return_information .buttonDataBd .barClient { width: 100%; float: left; overflow: hidden; border: 2px solid #CCC; background-color: #BCCECF; color: #333; height: 44px; }
.projectModal .returnTabBudget .return_information .buttonDataBd .barClient .listContactBudget {}
.projectModal .returnTabBudget .return_information .buttonDataBd .barClient .listContactBudget li { width: 200px; list-style: none; padding: 5px; height: 40px; float: left;}
.projectModal .returnTabBudget .return_information .buttonDataBd .barClient .listContactBudget .name { text-overflow: ellipsis; margin-top: 1px; cursor: pointer; float: left; white-space: nowrap; overflow: hidden; width: 118px; }
.projectModal .returnTabBudget .return_information .buttonDataBd .barClient .listContactBudget .master { float: left; color: #8bc34a; }
.projectModal .returnTabBudget .return_information .buttonDataBd .barClient .listContactBudget .delete { cursor: pointer; float: left; color: #666666; }
.projectModal .returnTabBudget .return_information .buttonDataBd .barClient .listContactBudget .delete:hover { color: #F44336; }

.projectModal .returnTabBudget .return_information #listAtt { height: 255px !important; }
.projectModal .returnTabBudget .return_information .infoEvent { margin: 0; background: #D9DBD4; width: 100%; padding: 5px; height: 100%; }
.projectModal .returnTabBudget .return_information .bottomData .bottomNav { height: 100%; margin-top: 10px; display: flex; }
.projectModal .returnTabBudget .return_information .bottomData .bottomNav div { cursor: pointer; color: #909191; font-size: 10px; text-transform: uppercase; padding: 5px; text-align: center; }
.projectModal .returnTabBudget .return_information .bottomData .bottomNav div.on { color: #FFF; background: #4DC5DB; }
.projectModal .returnTabBudget .return_information .bottomData .bottomReturn { width: 100%; min-height: 347px; border: 2px solid #4DC5DB; background: #fff; }
.projectModal .returnTabBudget .return_information .bottomNav_briefingClient { padding: 13px; }
.projectModal .returnTabBudget .return_information .bottomNav_briefingClient .content { color: #333; width: 100%; height: 273px; overflow: hidden; }
.projectModal .returnTabBudget .return_information .bottomNav_briefingClient .content .txt { width: 100%; }
.projectModal .returnTabBudget .return_information .bottomNav_briefingClient .content .txt .dataTime { width: 100%; text-align: center; color: #fff; border-bottom: 2px dotted #B9BABE; border-top: 2px dotted #B9BABE; background: #FAB939; }
.projectModal .returnTabBudget .return_information .project-situation .status_open { background: #e3ae57; color: #FFF !important; }
.projectModal .returnTabBudget .return_information .project-situation .status_approved { background: #8BC34A; color: #FFF !important; }
.projectModal .returnTabBudget .return_information .project-situation .status_closed { background: #7e9564; color: #FFF !important; }
.projectModal .returnTabBudget .return_information .project-situation .status_refused { background: #F44336; color: #FFF !important; }
.projectModal .returnTabBudget .return_information .project-situation .status_lose { background: #d05e3b; color: #FFF !important; }
.projectModal .returnTabBudget .return_information .project-situation .status_conducted { background: #7db7c7; color: #FFF !important; }
.projectModal .returnTabBudget .return_information .project-situation .status_finalized { background: #1e81c1; color: #FFF !important; }
.projectModal .returnTabBudget .return_information .project-situation .status_canceled { background: #ce4114; color: #FFF !important; }

.projectModal .returnTabBudget .return_information .bottomNav_day_local_date { }
.projectModal .returnTabBudget .return_information .bottomNav_day_local_date .newData { padding: 10px; height: 45px; width: 100%; background: #4DC5DB; }
.projectModal .returnTabBudget .return_information .bottomNav_day_local_date .newData .btn-new { line-height: 28px; text-align: center; font-size: 15px; width: 26px; height: 26px; cursor: pointer; float: right; color: #FFF; background-color: #9E9E9E; border-radius: 50%; }
.projectModal .returnTabBudget .return_information .bottomNav_day_local_date .newData .btn-new:hover { background-color: #fbb75a; }

.projectModal .returnTabBudget .return_information .bottomNav_day_local_date .listHeaderSpaceDate { overflow: hidden; width: 100%; height: 298px; }
.projectModal .returnTabBudget .return_information .bottomNav_day_local_date ul { }
.projectModal .returnTabBudget .return_information .bottomNav_day_local_date .error { background: #FFCDD2; }
.projectModal .returnTabBudget .return_information .bottomNav_day_local_date .li { display: inline-block; width: 100%; list-style: none; border-bottom: 1px solid #33C0C0; height: 100%; padding: 5px; }
.projectModal .returnTabBudget .return_information .bottomNav_day_local_date .li .bx-t {  }
.projectModal .returnTabBudget .return_information .bottomNav_day_local_date .li .bx-b {  }
.projectModal .returnTabBudget .return_information .bottomNav_day_local_date .li .contactName { width: 100%; padding: 5px; }
.projectModal .returnTabBudget .return_information .bottomNav_day_local_date .li .title { width: 100%; float: left; padding: 5px; }
.projectModal .returnTabBudget .return_information .bottomNav_day_local_date .li .title-unique { width: 60%; float: left; padding: 5px; }
.projectModal .returnTabBudget .return_information .bottomNav_day_local_date .li .dates { width: 50%; float: left; padding: 5px; }
.projectModal .returnTabBudget .return_information .bottomNav_day_local_date .li .dates-clean { width: 50%; float: left; padding: 5px; }
.projectModal .returnTabBudget .return_information .bottomNav_day_local_date .li .main-dates { display: flex; float: left; background: #d9dbd4; color: #FFF; width: 100%; }
.projectModal .returnTabBudget .return_information .bottomNav_day_local_date .li .calendar { color: #333; }
.projectModal .returnTabBudget .return_information .bottomNav_day_local_date .li .guests-action { display: flex; }
.projectModal .returnTabBudget .return_information .bottomNav_day_local_date .li .guests { width: 32%; float: left; padding: 5px; }
.projectModal .returnTabBudget .return_information .bottomNav_day_local_date .li .action { padding: 5px;  float: left; display: flex; }
.projectModal .returnTabBudget .return_information .bottomNav_day_local_date .li .btw { line-height: 28px; text-align: center; font-size: 15px; width: 26px; height: 26px; margin: 4px; cursor: pointer; float: left; color: #FFF; background-color: #9E9E9E; border-radius: 50%; margin-top: 28px; }
.projectModal .returnTabBudget .return_information .bottomNav_day_local_date .li .del:hover { background-color: #F44336; }
.projectModal .returnTabBudget .return_information .bottomNav_day_local_date .li .status_approved { background-color: #8BC34A; }
.projectModal .returnTabBudget .return_information .bottomNav_day_local_date .li .status_wait { background: #ffc107; }
.projectModal .returnTabBudget .return_information .bottomNav_day_local_date .li .status_freela { background: #e4d06c; }
.projectModal .returnTabBudget .return_information .bottomNav_day_local_date .li .status_refused { background: #F44336; }

.projectModal .returnTabBudget .return_information .bottomNav_activities { }
.projectModal .returnTabBudget .return_information .bottomNav_activities .newData { padding: 10px; height: 45px; width: 100%; background: #4DC5DB; }
.projectModal .returnTabBudget .return_information .bottomNav_activities .newData .btn-new { line-height: 28px; text-align: center; font-size: 15px; width: 26px; height: 26px; cursor: pointer; float: right; color: #FFF; background-color: #9E9E9E; border-radius: 50%; }
.projectModal .returnTabBudget .return_information .bottomNav_activities .newData .btn-new:hover { background-color: #fbb75a; }
.projectModal .returnTabBudget .return_information .bottomNav_activities .listHeaderProdActivity { height: 298px; }
.projectModal .returnTabBudget .return_information .bottomNav_activities ul { }
.projectModal .returnTabBudget .return_information .bottomNav_activities li { display: flex; list-style: none; min-height: 32px; width: auto; cursor: pointer; }
.projectModal .returnTabBudget .return_information .bottomNav_activities li div { height: 100%; float: left; padding: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.projectModal .returnTabBudget .return_information .bottomNav_activities li .status  { width: 30px; }
.projectModal .returnTabBudget .return_information .bottomNav_activities li span { margin: 2px; width: 16px; height: 16px; border-radius: 50%; display: block; }
.projectModal .returnTabBudget .return_information .bottomNav_activities li .status .in_process { background: #ffc107; }
.projectModal .returnTabBudget .return_information .bottomNav_activities li .status .finalized { background: #2196f3; }
.projectModal .returnTabBudget .return_information .bottomNav_activities li .status .cancelled { background: #F44336; }
.projectModal .returnTabBudget .return_information .bottomNav_activities li .type { width: 30px; }
.projectModal .returnTabBudget .return_information .bottomNav_activities li .date { width: 130px; }
.projectModal .returnTabBudget .return_information .bottomNav_activities li .subject {  }
.projectModal .returnTabBudget .return_information .bottomNav_activities li .note {  }

.editActivity { }
.editActivity .users-to { padding: 5px; border: 2px solid #CECECE; }
.editActivity .list-attachments {  }
.editActivity .list-contacts { float: left; height: 65px; border: 2px solid #CECECE; overflow: hidden; width: 100%; font-size: 11px; background-color: #ececec; white-space: nowrap; text-overflow: ellipsis; }
.editActivity .list-contacts ul { display: inline-block; }
.editActivity .list-contacts li { margin: 2px; list-style: none; float: left; }
.editActivity .list-contacts span { padding: 3px; float: left; border: 1px solid #999; }
.editActivity .list-contacts .name:hover { opacity: 0.2; }
.editActivity .list-contacts .icon { float: left; color: #666666; cursor: pointer;  }
.editActivity .list-contacts .icon:hover { color: red; }
.editActivity .list-contacts .name { float: left; }
.editActivity .textareaEmail { margin-top: 20px; background: #fff; padding: 15px; overflow: hidden; height: 345px; color: #333; }

.projectModal .not-permission-area { text-align: center; padding: 20px; font-size: 13px; text-transform: uppercase; color: #777575; }
.projectModal .header-select-event { background: #4DC5DB; height: 44px; width: 100%; padding: 5px; display: inline-flex; }
.projectModal .header-select-event .project-filters { float: left; width: 100%; }
.projectModal .header-select-event .header-event { width: 210px; float: left; }
.projectModal .header-select-event .loading-filters { float: left; padding: 8px; color: #777; }
.projectModal .header-select-event .filter-date { width: 160px; float: left; }
.projectModal .header-select-event .filter-search { margin-left: 5px; width: 300px; float: left; }
.projectModal .header-select-event .filter-category { margin-left: 5px; width: 160px; float: left; }
.projectModal .header-select-event .filter-service { margin-left: 5px; width: 160px; float: left; }
.projectModal .header-select-event .filter-payment { margin-left: 5px; width: 160px; float: left; }
.projectModal .header-select-event .filter-status { margin-left: 5px; width: 160px; float: left; }
.projectModal .header-select-event .filter-supplier { margin-left: 10px; float: left;  }
.projectModal .header-select-event .filter-supplier div { background: #1783a0; border-radius: 15px; height: 28px; width: 28px; margin: 3px; text-align: center; line-height: 26px; font-size: 16px; cursor: pointer; color: #fff; }
.projectModal .header-select-event .filter-supplier div:hover { background: #104d4f;  }
.projectModal .header-select-event .filter-name-supplier { width: 250px; float: left; margin-bottom: 0 !important; }

.projectModal .header-select-event .act { float: right; width: 140px; }
.projectModal .header-select-event .act div { background: #1783a0; float: right; border-radius: 15px; height: 28px; width: 28px; margin: 3px; text-align: center; line-height: 26px; font-size: 16px; cursor: pointer; color: #fff; }
.projectModal .header-select-event .act div:hover { background: #104d4f; color: #9E9E9E; }
.projectModal .header-select-event .act .on { background: #FF9800; }
.projectModal .header-select-event .act .open { background: #FF9800; }
.projectModal .project-filters .on { background: #FF9800 !important;  }
.projectModal .project-filters button.on { background: #f0dcc6 !important; border: 1px solid #FF9800 !important; }

.projectModal .return_services .return { width: 100%; height: 478px; border: 2px solid #4DC5DB; background: #fff; }
.projectModal .return_services .list-date-project { height: 474px; overflow: hidden; }
.projectModal .return_services .refused-date { background: #E57373; }
.projectModal .return_services .servicesListCheck { height: 419px; float: left; width: 100%; }
.projectModal .return_services .servicesPJ { margin-bottom: 10px; }
.projectModal .return_services .servicesPJ .btn { font-size: 11px; }
.projectModal .return_services .category-title { color: #666666; margin-left: 6px; border-bottom: 1px dashed #9e9e9e; }
.projectModal .return_services .topForm { float: left; width: 100%; padding: 10px; font-size: 15px; color: #7C6666; }
.projectModal .return_services .topForm .txtService { float: left; padding: 7px; }
.projectModal .return_services .services { width: 100%; padding: 10px; margin-bottom: 30px; }
.projectModal .return_services .services .nav { width: 100%; margin-top: 10px; background: #fff; float: left; border: 1px solid rgba(100, 100, 100, .4); }
.projectModal .return_services .services .nav div { cursor: pointer; text-transform: uppercase; float: left; padding: 5px; }
.projectModal .return_services .services .nav .on { color: #4DC5DB; }
.projectModal .return_services .services .additional_services { }

.projectModal .return_finance { }
.projectModal .return_finance .loaderItem { width: 100%; height: 50px; }
.projectModal .return_finance .return { width: 100%; height: 1188px; border: 2px solid #4DC5DB; background: #fff; display: inline-block; }
.projectModal .return_finance .list-budget-events { height: 600px; border: 2px solid #4DC5DB; }
.projectModal .return_finance .errorAccess { padding: 15px; text-transform: uppercase; background: #fff; color: red; text-align: center; margin-top: 50px; font-size: 17px; }
.projectModal .return_finance .listFinance { width: 100%; height: 596px; overflow: hidden; }
.projectModal .return_finance .listFinance .list-project-payments { display: flow-root; padding-bottom: 30px; padding-left: 10px; padding-right: 15px; }
.projectModal .return_finance .listProject { }
.projectModal .return_finance .infoValueBudget { width: 100%; height: 585px; background: #4dc5db; display: flow-root; }
.projectModal .return_finance .infoValueBudget .item-internal-payment{ margin-top: 15px; }
.projectModal .return_finance .infoValueBudget .internal-label-title { padding: 5px 20px; text-align: center; text-transform: uppercase; color: #fff; background: #68a2ad; width: 100%;}
.projectModal .return_finance .infoValueBudget .list-item-internal { background: #f3f3ec; border: 1px solid #68a2ad; padding: 10px; width: 100%; padding-bottom: 30px; margin: 0px; height: 240px; }
.projectModal .return_finance .infoValueBudget .return-service-group { margin-right: 20px; }
.projectModal .return_finance .infoValueBudget .dashboard-cost { }
.projectModal .return_finance .infoValueBudget .dashboard-item { border: 1px solid #68a2ad; padding: 10px; width: 100%; padding-bottom: 30px; height: 100%; display: inline-block; margin-bottom: 10px; background: #e0e1dd; }
.projectModal .return_finance .infoValueBudget .dashboard-cost .dataPrint { margin-top: 3px; color: #333; display: grid; font-size: 12px; border: 1px solid #CCC; padding: 10px; height: 211px; }
.projectModal .return_finance .infoValueBudget .dashboard-cost .group-cost { padding: 2px; }
.projectModal .return_finance .infoValueBudget .dashboard-cost .title { width: 225px; float: left; }
.projectModal .return_finance .infoValueBudget .dashboard-cost .number { float: right; font-family: 'GudeaBold'; }
.projectModal .return_finance .infoValueBudget .dashboard-cost .dash { background: #ffd597; }
.projectModal .return_finance .infoValueBudget .dashboard-cost .cost { background: #e8b6b6; }
.projectModal .return_finance .infoValueBudget .dashboard-cost .input { background: #d9d2e8; }
.projectModal .return_finance .infoValueBudget .dashboard-cost .positive { background: #91B535 !important; padding: 0px 10px; color: #FFF !important; }
.projectModal .return_finance .infoValueBudget .dashboard-cost .negative { background: #C11225 !important; padding: 0px 10px; color: #FFF !important; }


/*
.projectModal .return_finance .list-item-group { margin: 0px 10px; border: 1px solid #68a2ad; padding: 10px; width: 97%; padding-bottom: 30px; }
.projectModal .return_finance .label-title { padding: 5px 20px; text-align: center; text-transform: uppercase; color: #fff; background: #68a2ad; margin: 0 10px; width: 97%; margin-top: 20px; }
.projectModal .return_finance .list-item-group .liVal { }
.projectModal .return_finance .list-item-group .liVal .profitability-box { }
.projectModal .return_finance .list-item-group .liVal .hdVal { width: 100%; height: 100%; color: #333; font-size: 12px; display: inline-block; }
.projectModal .return_finance .list-item-group .liVal .dv { white-space: nowrap; overflow: hidden; padding: 5px; float: right; width: 98px; }
.projectModal .return_finance .list-item-group .liVal .label-value { font-size: 11px; float: left; width: 100%; }
.projectModal .return_finance .list-item-group .liVal .dv input { color: #666666; float: left; border: none; font-size: 10px; background-color: transparent !important; }

.projectModal .return_finance .list-item-group .liVal .valueContract input { color: #4E84DA; }
.projectModal .return_finance .list-item-group .liVal .valuePaid input { color: #fb8500; }
.projectModal .return_finance .list-item-group .liVal .positive { color: #91B535 !important; }
.projectModal .return_finance .list-item-group .liVal .negative { color: #C11225 !important;}

.projectModal .return_finance .list-item-group .liVal .name { width: 280px; float: left; }
.projectModal .return_finance .list-item-group .table-name { font-size: 10px; color: #999; }

.projectModal .return_finance .list-item-group .liVal .moreDate { line-height: 26px; font-size: 15px; color: #FFF; text-align: center; float: right; height: 25px; width: 25px; cursor: pointer; background-color: #9E9E9E; border-radius: 50%; padding-left: 1px; }
.projectModal .return_finance .list-item-group .liVal .moreDate:hover { background-color: #fbb75a; }
.projectModal .return_finance .list-item-group .item-cost-group { border-bottom: 2px dotted #B9BABE; padding-bottom: 5px; }
.projectModal .return_finance .list-item-group .item-cost-group .loading-lazy { margin-left: 20px; font-size: 11px; color: #999; }
.projectModal .return_finance .list-item-group .item-cost-group li { list-style: none; }
.projectModal .return_finance .list-item-group .item-cost-group .even { background: #D1E4CD; }
.projectModal .return_finance .list-item-group .item-cost-group .odd { background: #EEECED; }
.projectModal .return_finance .list-item-group .item-cost-group .item-cost { height:100%; width: 100%; margin-left: 7px; padding: 5px; display: inline-block; }
.projectModal .return_finance .list-item-group .item-cost-group .item-cost .description { white-space: nowrap; overflow: hidden; }
.projectModal .return_finance .list-item-group .item-cost-group .item-cost .description span { color: #333; font-family: 'GudeaBold'; }
.projectModal .return_finance .list-item-group .item-cost-group .item-cost .value { }
.projectModal .return_finance .list-item-group .item-cost-group .item-cost .actLi {  }
.projectModal .return_finance .list-item-group .item-cost-group .item-cost .actLi .btw { line-height: 28px; text-align: center; font-size: 15px; width: 26px; height: 26px; margin: 4px; cursor: pointer; float: left; color: #FFF; background-color: #9E9E9E; border-radius: 50%; margin-top: 28px; }
.projectModal .return_finance .list-item-group .item-cost-group .item-cost .actLi .edit:hover { background-color: #e3ae57; }
.projectModal .return_finance .list-item-group .item-cost-group .item-cost .actLi .edit.button-notsave { background-color: #e3ae57; }
.projectModal .return_finance .list-item-group .item-cost-group .item-cost .actLi .del:hover { background-color: #F44336; }
.projectModal .return_finance .list-item-group .item-cost-group .item-cost .actLi .more-information:hover { background-color: #1783a0; }
.projectModal .return_finance .list-item-group .item-cost-group .item-cost .actLi .disable { opacity: 0.2; cursor: default !important; }
.projectModal .return_finance .list-item-group .item-cost-group .item-cost .actLi .receipt:hover { background-color: #1783a0; }
*/
.projectModal .return_finance .no-more-data { text-align: center; text-transform: uppercase; color: #9E9E9E; margin-top: 25px; }
.projectModal .return_finance .liVal { }
.projectModal .return_finance .liVal .profitability-box { }
.projectModal .return_finance .liVal .hdVal { width: 100%; height: 100%; color: #333; font-size: 12px; display: inline-block; }
.projectModal .return_finance .liVal .dv { white-space: nowrap; overflow: hidden; padding: 5px; float: right; width: 98px; }
.projectModal .return_finance .liVal .label-value { font-size: 11px; float: left; width: 100%; }
.projectModal .return_finance .liVal .dv input { color: #666666; float: left; border: none; font-size: 10px; background-color: transparent !important; }

.projectModal .return_finance .liVal .valueContract input { color: #4E84DA; }
.projectModal .return_finance .liVal .valuePaid input { color: #fb8500; }
.projectModal .return_finance .liVal .positive { color: #91B535 !important; }
.projectModal .return_finance .liVal .negative { color: #C11225 !important;}

.projectModal .return_finance .liVal .name { width: 280px; float: left; }
.projectModal .return_finance .table-name { font-size: 10px; color: #999; }

.projectModal .return_finance .liVal .moreDate { line-height: 26px; font-size: 15px; color: #FFF; text-align: center; float: right; height: 25px; width: 25px; cursor: pointer; background-color: #9E9E9E; border-radius: 50%; padding-left: 1px; }
.projectModal .return_finance .liVal .moreDate:hover { background-color: #fbb75a; }
.projectModal .return_finance .liVal .count-services { background: #d4481b; text-align: center; font-size: 10px; color: white;
  border-radius: 5px; padding: 0px 9px; position: absolute; margin-top: 4px; }
.projectModal .return_finance .liVal .count-services::before { content: ""; position: absolute; top: -5px; left: 50%; transform: translateX(-50%);
  border-width: 0 5px 5px 5px; border-style: solid; border-color: transparent transparent #d4481b transparent; }

.projectModal .return_finance .item-cost-group { border-bottom: 2px dotted #B9BABE; padding-bottom: 5px; }
.projectModal .return_finance .item-cost-group .loading-lazy { margin-left: 20px; font-size: 11px; color: #999; }
.projectModal .return_finance .item-cost-group li { list-style: none; }
.projectModal .return_finance .item-cost-group .even { background: #D1E4CD; }
.projectModal .return_finance .item-cost-group .odd { background: #EEECED; }
.projectModal .return_finance .item-cost-group .item-cost { height:100%; width: 100%; margin-left: 7px; padding: 5px; display: inline-block; }
.projectModal .return_finance .item-cost-group .item-cost .description { white-space: nowrap; overflow: hidden; }
.projectModal .return_finance .item-cost-group .item-cost .description span { color: #333; font-family: 'GudeaBold'; }
.projectModal .return_finance .item-cost-group .item-cost .value { }
.projectModal .return_finance .item-cost-group .item-cost .actLi {  }
.projectModal .return_finance .item-cost-group .item-cost .actLi .btw { line-height: 28px; text-align: center; font-size: 15px; width: 26px; height: 26px; margin: 2px; cursor: pointer; float: left; color: #FFF; background-color: #9E9E9E; border-radius: 50%; margin-top: 27px; }
.projectModal .return_finance .item-cost-group .item-cost .actLi .edit:hover { background-color: #e3ae57; }
.projectModal .return_finance .item-cost-group .item-cost .actLi .edit.button-notsave { background-color: #e3ae57; }
.projectModal .return_finance .item-cost-group .item-cost .actLi .del:hover { background-color: #F44336; }
.projectModal .return_finance .item-cost-group .item-cost .actLi .more-information:hover { background-color: #1783a0; }
.projectModal .return_finance .item-cost-group .item-cost .actLi .disable { opacity: 0.2; cursor: default !important; }
.projectModal .return_finance .item-cost-group .item-cost .actLi .receipt:hover { background-color: #1783a0; }

/* .projectModal .return_finance .status-quote { opacity: 0.7 !important; height: 20px; width: 20px; float: left; color: #FFF; background-color: #9E9E9E; border-radius: 50%; margin: 2px; font-size: 14px; text-align: center; margin-right: 10px; }
.projectModal .return_finance .status-quote.block-open { background-color: #fb8500 !important; cursor: pointer; }
.projectModal .return_finance .status-quote.block-open:hover { background-color: #ffb703 !important; }
.projectModal .return_finance .status-quote.block-quote { background-color: #5a189a !important; }
.projectModal .return_finance .status-quote.block-quote:hover { background-color: #7b2cbf !important; }
.projectModal .return_finance .status-quote.block-supply { cursor: pointer; background-color: #0081a7 !important; }
.projectModal .return_finance .status-quote.block-supply:hover { background-color: #00afb9 !important; } */
.projectModal .return_finance .status-quote { cursor: pointer; line-height: 21px; height: 20px; width: 20px; float: left; color: #FFF; background-color: #9E9E9E; border-radius: 50%; margin: 2px; font-size: 12px; text-align: center; }
.projectModal .return_finance .quote-dropdown-item_open .status-quote { background-color: #9e9e9e !important; }
.projectModal .return_finance .quote-dropdown-item_open .status-quote:hover { background-color: #878282 !important; }
.projectModal .return_finance .quote-dropdown-item_quote .status-quote { background-color: #fb8500 !important; }
.projectModal .return_finance .quote-dropdown-item_quote .status-quote:hover { background-color: #ffb703 !important; }
/* .projectModal .return_finance .quote-dropdown-quote_progress .status-quote { background-color: #76c893 !important; }
.projectModal .return_finance .quote-dropdown-quote_progress .status-quote:hover { background-color: #99d98c !important; } */
/* .projectModal .return_finance .quote-dropdown-quote_requested .status-quote { background-color: #34a0a4 !important; }
.projectModal .return_finance .quote-dropdown-quote_requested .status-quote:hover { background-color: #52b69a !important; } */
.projectModal .return_finance .quote-dropdown-item_negotiation .status-quote { background-color: #1a759f !important; }
.projectModal .return_finance .quote-dropdown-item_negotiation .status-quote:hover { background-color: #168aad !important; }
.projectModal .return_finance .quote-dropdown-item_payment .status-quote { background-color: #184e77 !important; }
.projectModal .return_finance .quote-dropdown-item_payment .status-quote:hover { background-color: #1e6091 !important; }
.projectModal .return_finance .information { margin-left: 60px; }
.projectModal .return_finance .observation { opacity: 0.7 !important; height: 20px; width: 20px; float: left; color: #FFF; background-color: #9E9E9E; border-radius: 50%; margin: 2px; font-size: 14px; text-align: center; margin-right: 10px; }
.projectModal .return_finance .box-chat { float: left; }
.projectModal .return_finance .count-observation { background: #d4481b; text-align: center; font-size: 10px; color: white;
  border-radius: 5px; padding: 2px 9px; position: absolute; margin-top: 28px; }
.projectModal .return_finance .count-observation::before { content: ""; position: absolute; top: -5px; left: 50%; transform: translateX(-50%);
  border-width: 0 5px 5px 5px; border-style: solid; border-color: transparent transparent #d4481b transparent; }

.projectModal .return_finance .quote-finance-dropdown { float: left; position: absolute; }
.projectModal .return_finance .type-payment { float: left; position: absolute; left: 44px; line-height: 20px; height: 20px; width: 20px; color: #FFF; background-color: #9E9E9E; border-radius: 50%; margin: 2px; font-size: 11px; text-align: center; }
.projectModal .return_finance .type-payment.item-filter-payment-include_my_payment { background-color: #8BC34A; }
.projectModal .return_finance .type-payment.item-filter-payment-order_payment { background-color: #e4d06c; }
.projectModal .return_finance .type-payment.item-filter-payment-direct_payment { background-color: #fbb75a; }
.projectModal .return_finance .type-payment.item-filter-payment-incentive_payment { background-color: #008cab; }

.projectModal .return_completion { }
.projectModal .return_completion .errorAccess { padding: 15px; text-transform: uppercase; background: #fff; color: red; text-align: center; margin-top: 50px; font-size: 17px; }
.projectModal .return_completion .return { width: 100%; height: 505px; border: 2px solid #4DC5DB; background: #fff; }
.projectModal .return_completion .return-completion { overflow: hidden; width: 100%; height: 501px; }
.projectModal .return_completion .return-completion .loading-lazy { margin-left: 20px; font-size: 11px; color: #999; }
.projectModal .return_completion .return-completion ul { }
.projectModal .return_completion .return-completion ul li { height: 100%; padding: 5px; border-bottom: 2px dotted #B9BABE; list-style: none; display: inline-block; width: 97%; }
.projectModal .return_completion .return-completion .logo {  }
.projectModal .return_completion .return-completion .logo img { height: 150px; width: auto; }
.projectModal .return_completion .return-completion .return-contact {  }
.projectModal .return_completion .return-completion .return-contact .company { float: left; padding: 2px 0px; text-transform: uppercase; color: #333; width: 100%; }
.projectModal .return_completion .return-completion .return-contact .listQuestion { font-size: 12px; float: left; text-transform: uppercase; padding: 6px 0px; color: #4DC5DB; width: 100%; display: flex; }
.projectModal .return_completion .return-completion .return-contact .listQuestion .title { float:left; }
.projectModal .return_completion .return-completion .return-contact .listQuestion .answer { width:52px; margin-left: 15px; float:left; text-align:left; }
.projectModal .return_completion .return-completion .return-contact .listQuestion .ranking-data { float:left; margin-left: 10px; }
.projectModal .return_completion .return-completion .comment {  }
.projectModal .return_completion .return-completion .comment textarea { height: 116px; background: #fff; border: 2px solid #CCC; }


.projectModal .listProjectBudget { }
.projectModal .listProjectBudget .headerServices { width: 99%; height: 30px; color: #FFF; text-transform: uppercase; padding: 5px; background: #fbb75a; text-align: center; }
.projectModal .listProjectBudget .headerServices .title { float: left; }
.projectModal .listProjectBudget .headerServices .value-category { float: right; }
.projectModal .listProjectBudget .headerServices .profitability-category { margin-right: 10px; float: right; }
.projectModal .listProjectBudget .list-services-project { width: 99%; }
.projectModal .listProjectBudget .list-services-project .title { height: 35px; padding: 5px; border-bottom: 2px dotted #B9BABE; }
.projectModal .listProjectBudget .list-services-project .title .name { padding: 3px 15px; float: left; color: #333; }
.projectModal .listProjectBudget .list-services-project .title .subtotal { float: right; }
.projectModal .listProjectBudget .list-services-project .more-item { height: 35px; padding: 5px; border-bottom: 2px dotted #B9BABE; }
.projectModal .listProjectBudget .list-services-project .more-item .morePartner { cursor: pointer; width: 100%; height: 24px; float: left; background-color: #9e9e9e; border-radius: 6px; color: #FFF; padding: 2px; }
.projectModal .listProjectBudget .list-services-project .more-item .morePartner:hover { background-color: #fbb75a; }
.projectModal .listProjectBudget .change-label { font-family: 'GudeaBold'; color: #333; cursor: pointer; font-size: 10px; }
.projectModal .listProjectBudget .change-label:hover { color: #607D8B; }
.projectModal .listProjectBudget .listPartner { list-style-type: none; }
.projectModal .listProjectBudget .listPartner .item-close input { cursor: pointer; }
.projectModal .listProjectBudget .listPartner .item-close:hover { background: #f5f5f5; }
.projectModal .listProjectBudget .listPartner .item-open { background: #f7ecc1; }
.projectModal .listProjectBudget .listPartner .partner { padding: 5px; border-bottom: 1px solid #CCC; list-style: none; }
.projectModal .listProjectBudget .listPartner .partner .update { color: #9e9e9e; font-size: 11px; margin-left: 22px; }
.projectModal .listProjectBudget .listPartner .partner .update .item-label-edited { color: #666666; }
.projectModal .listProjectBudget .listPartner .partner .update .close-partner { float: right; margin-right: 8px; font-size: 11px; color: #777; cursor: pointer; }
.projectModal .listProjectBudget .listPartner .partner.discount { background: #D1F1FF; }
.projectModal .listProjectBudget .listPartner .partner.error { background: rgb(255, 156, 156); }
.projectModal .listProjectBudget .listPartner .partner .errorMessage { padding: 5px; text-transform: uppercase; background: #fff; color: red; margin-left: 29px; }

.projectModal .listProjectBudget .ui-sortable-changing { border: 2px solid red; background: #fff; }
.projectModal .listProjectBudget .ui-handle-sort { color: #333; cursor: pointer; }
.projectModal .listProjectBudget .ui-handle-sort:hover { font-size: 12px; color: #ff0b0b; }

.projectModal .listProjectBudget .form-main-line {  }
.projectModal .listProjectBudget .content-item { height: 100%; width: 100%; display: flex; }
.projectModal .listProjectBudget .content-item .group-by-infos { width: 86%;  }
.projectModal .listProjectBudget .content-item .amount-box { width: 55px; float: left; }
.projectModal .listProjectBudget .content-item .occurrence-box { width: 50px; float: left; margin-left: 5px; }
.projectModal .listProjectBudget .content-item .shift-box { width: 35px; float: left; margin-left: 5px; }
.projectModal .listProjectBudget .content-item .search-box { white-space: nowrap; overflow: hidden; width: 250px; margin-left: 5px; float: left; }
.projectModal .listProjectBudget .content-item .search-box span { color: #333; font-family: 'GudeaBold'; cursor:pointer; }
.projectModal .listProjectBudget .content-item .search-box span:hover { color: #497984; }
.projectModal .listProjectBudget .content-item .value-unitary-box { width: 75px; margin-left: 5px; float: left; }
.projectModal .listProjectBudget .content-item .discount-percentage-box { width: 60px; margin-left: 5px; float: left; }
.projectModal .listProjectBudget .content-item .value-total-box { width: 90px;  margin-left: 5px; float: left; }

.projectModal .listProjectBudget .content-subitem { margin-left: 25px; }
.projectModal .listProjectBudget .content-subitem .form-sub-line { height: 100%; display: flex; }
.projectModal .listProjectBudget .content-subitem .form-sub-line .amount-box { width: 65px; float: left; }
.projectModal .listProjectBudget .content-subitem .form-sub-line .occurrence-box,
.projectModal .listProjectBudget .content-subitem .form-sub-line .shift-box { width: 41px; float: left; margin-left: 5px; }
.projectModal .listProjectBudget .content-subitem .form-sub-line .search-box { white-space: nowrap; overflow: hidden; width: 100%; margin-left: 5px; float: left; }
.projectModal .listProjectBudget .content-subitem .form-sub-line .search-box span { color: #333; font-family: 'GudeaBold'; }
.projectModal .listProjectBudget .content-subitem .form-sub-line .search-box-group { white-space: nowrap; overflow: hidden; width: 100%; margin-left: 5px; float: left; }
.projectModal .listProjectBudget .content-subitem .form-sub-line .search-box-group span { color: #333; font-family: 'GudeaBold'; }
.projectModal .listProjectBudget .content-subitem .form-sub-line .value-unitary-box { width: 112px; margin-left: 5px; float: left; }
.projectModal .listProjectBudget .content-subitem .form-sub-line .discount-percentage-box { width: 60px; margin-left: 5px; float: left; }
.projectModal .listProjectBudget .content-subitem .form-sub-line .value-total-box { width: 150px;  margin-left: 5px; float: left; }
/* .projectModal .listProjectBudget .content-subitem .amountPriceProduct { width: 73px; float: left; }
.projectModal .listProjectBudget .content-subitem .searchPriceProduct { margin-left: 5px; float: left; }
.projectModal .listProjectBudget .content-subitem .subitem_product { width: 393px; }
.projectModal .listProjectBudget .content-subitem .subitem_rate_card_product { width: 577px; }
.projectModal .listProjectBudget .listPartner .partner .nameList { width: 559px; float: left; }
.projectModal .listProjectBudget .listPartner .partner .nameListGroup { width: 365px; float: left; margin-left: 6px; }
.projectModal .listProjectBudget .listPartner .partner .nameListSubservice { width: 730px; float: left; margin-left: 6px; }
.projectModal .listProjectBudget .listPartner .partner .nameListSubservice input { background: #acc; text-align: center; text-transform: uppercase; } */
.projectModal .listProjectBudget .listPartner .group-info-amount { display: flex; float: left; }
.projectModal .listProjectBudget .listPartner .group-info-values { display: flex; float: left; }
.projectModal .listProjectBudget .listPartner .act-line-start { float: left; margin-top: 26px; }
.projectModal .listProjectBudget .listPartner .act-line-end { float: left; margin-top: 26px; width: 170px; }
.projectModal .listProjectBudget .listPartner .item-label-profitability { font-size: 11px; float: left; margin-top: 5px; display: flex; margin-left: 22px; }
.projectModal .listProjectBudget .listPartner .item-label-profitability .profitability-title { color: #9E9E9E; }
.projectModal .listProjectBudget .listPartner .item-label-profitability input { color: #666666; float: left; border: none; font-size: 10px; background: transparent !important; height: 15px; width: 83px; }
.projectModal .listProjectBudget .listPartner .item-label-profitability .positive { color: #91B535 !important; }
.projectModal .listProjectBudget .listPartner .item-label-profitability .negative { color: #C11225 !important; }
.projectModal .listProjectBudget .listPartner .info-has { height: 9px; width: 9px; border-radius: 50%; margin: 2px; cursor: pointer; }
.projectModal .has-bv { background-color: #e26d5c!important; color: #fff !important; }
.projectModal .has-honorary { background-color: #cb997e!important; color: #fff !important; }
.projectModal .has-operational { background-color: #a6808c!important; color: #fff !important; }
.projectModal .has-creation { background-color: #1b9aaa!important; color: #fff !important; }
.projectModal .listProjectBudget .listPartner .info-has.off { background-color: #d9d9d9 !important; }
.projectModal .listProjectBudget .quote-dropdown { float: left; }
.projectModal .listProjectBudget .quote-dropdown-item_open .status-quote { background-color: #9e9e9e !important; }
.projectModal .listProjectBudget .quote-dropdown-item_open .status-quote:hover { background-color: #878282 !important; }
.projectModal .listProjectBudget .quote-dropdown-item_quote .status-quote { background-color: #fb8500 !important; }
.projectModal .listProjectBudget .quote-dropdown-item_quote .status-quote:hover { background-color: #ffb703 !important; }
/* .projectModal .listProjectBudget .quote-dropdown-quote_progress .status-quote { background-color: #76c893 !important; }
.projectModal .listProjectBudget .quote-dropdown-quote_progress .status-quote:hover { background-color: #99d98c !important; } */
/* .projectModal .listProjectBudget .quote-dropdown-quote_requested .status-quote { background-color: #34a0a4 !important; }
.projectModal .listProjectBudget .quote-dropdown-quote_requested .status-quote:hover { background-color: #52b69a !important; } */
.projectModal .listProjectBudget .quote-dropdown-item_negotiation .status-quote { background-color: #1a759f !important; }
.projectModal .listProjectBudget .quote-dropdown-item_negotiation .status-quote:hover { background-color: #168aad !important; }
.projectModal .listProjectBudget .quote-dropdown-item_payment .status-quote { background-color: #184e77 !important; }
.projectModal .listProjectBudget .quote-dropdown-item_payment .status-quote:hover { background-color: #1e6091 !important; }
.projectModal .listProjectBudget .listPartner .btw { cursor: pointer; line-height: 24px; height: 25px; width: 25px; float: left; color: #FFF; background-color: #9E9E9E; border-radius: 50%; margin: 2px; font-size: 14px; text-align: center; }
.projectModal .listProjectBudget .listPartner .btw-open { cursor: pointer; width: 22px; height: 22px; float: FObservation_Valueleft; background-color: #333; border-radius: 50%; color: #FFF; padding-left: 2px; padding-top: 1px; }
.projectModal .listProjectBudget .listPartner .btw-open:hover { background-color: #fbb75a; }
.projectModal .listProjectBudget .listPartner .btw.error-field { border: 2px solid #F44336; }
.projectModal .listProjectBudget .listPartner .availability { opacity: 0.7 !important; cursor: pointer; height: 18px; width: 18px; float: left; color: #FFF; background-color: #9E9E9E; border-radius: 50%; margin: 2px; font-size: 14px; text-align: center; margin-right: 3px; }
.projectModal .listProjectBudget .listPartner .availability.status_approved { background-color: #8bc34a !important; }
.projectModal .listProjectBudget .listPartner .availability.status_wait { background-color: #fbb75a !important; }
.projectModal .listProjectBudget .listPartner .availability.status_freela { background-color: #e4d06c !important; }
.projectModal .listProjectBudget .listPartner .availability.status_refused { background-color: #F44336 !important; }
.projectModal .listProjectBudget .listPartner .availability.status_courtesy { background-color: #03a9f4 !important; }
.projectModal .listProjectBudget .listPartner .availability.status_client { background-color: #9c27b0 !important; }
.projectModal .listProjectBudget .listPartner .availability.status_partner_pending { background-color: #e1caaa !important; }
.projectModal .listProjectBudget .listPartner .availability.status_partner_read { background-color: #7db7c7 !important; }
.projectModal .listProjectBudget .listPartner .availability.status_partner_sent { background-color: #1e81c1 !important; }
.projectModal .listProjectBudget .listPartner .availability.status_partner_refused { background-color: #a35847 !important; }

.projectModal .listProjectBudget .listPartner .edit.button-notsave { background-color: #fbb75a; }

.dropdown-actions-project .del:hover { background-color: #F44336; }
.dropdown-actions-project .edit:hover { background-color: #fbb75a; }

.projectModal .listProjectBudget .listPartner .send:hover { background-color: #1783a0; }
.projectModal .listProjectBudget .listPartner .send.partner_budget {  }
.projectModal .listProjectBudget .listPartner .send.partner_budget_sent { background-color: #7db7c7; }
.projectModal .listProjectBudget .listPartner .send.partner_budget_saw { background-color: #e3ae57; }
.projectModal .listProjectBudget .listPartner .send.partner_budget_returned { background-color: #91b535; }
.projectModal .listProjectBudget .listPartner .send.partner_budget_refused { background-color: #c11225; }
.projectModal .listProjectBudget .listPartner .settings:hover { background-color: #1783a0; }
.projectModal .listProjectBudget .listPartner .settings.on { background-color: #1783a0; }
.projectModal .listProjectBudget .listPartner .my-receipt { opacity: 0.7 !important; }
.projectModal .listProjectBudget .listPartner .my-receipt.include_my_payment { background-color: #8BC34A; }
.projectModal .listProjectBudget .listPartner .my-receipt.order_payment { background-color: #e4d06c; }
.projectModal .listProjectBudget .listPartner .my-receipt.direct_payment { background-color: #fbb75a; }
.projectModal .listProjectBudget .listPartner .my-receipt.incentive_payment { background-color: #008cab; }
.projectModal .listProjectBudget .listPartner .loading-lazy { margin-left: 20px; font-size: 11px; color: #999; }
.projectModal .listProjectBudget .listPartner .count-chats { background: #d4481b; text-align: center; font-size: 10px; color: white;
  border-radius: 5px; padding: 2px 9px; position: absolute; margin-top: 33px; margin-left: 32px; }
.projectModal .listProjectBudget .listPartner .count-chats::before { content: ""; position: absolute; top: -5px; left: 50%; transform: translateX(-50%);
  border-width: 0 5px 5px 5px; border-style: solid; border-color: transparent transparent #d4481b transparent; }

.projectModal .informationDate { color: #7b6d6d; background: #d8d0d0; height: 133px; text-align: center; font-size: 11px; }
.projectModal .informationDate .title-date { text-align: center; padding: 5px; text-transform: uppercase; }
.projectModal .informationDate .totalDate { padding: 10px; }
.projectModal .informationDate .totalDate span { font-family: 'GudeaBold'; }

.projectModal .budget-communication { float: left; margin-bottom: 20px; border: 2px solid #4DC5DB; background: #fff; margin-top: 20px; }
.projectModal .budget-communication .nav-tabs { border-bottom: none; }
.projectModal .budget-communication .list-communication { height: 513px; border: 1px solid #eee; }
.projectModal .budget-communication .list-communication li { list-style: none; height: 32px; cursor: pointer; }
.projectModal .budget-communication .list-communication li div { height: 100%; float: left; padding: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.projectModal .budget-communication .list-communication .name { width: 135px; line-height: 23px; }
.projectModal .budget-communication .list-communication .date { float: left; font-size: 8px; }
.projectModal .budget-communication .list-communication .subject { float: left; }
.projectModal .budget-communication .list-communication .fa { width: 29px; float: left; }
.projectModal .budget-communication .list-communication .fa span { margin: 2px; width: 16px; height: 16px; border-radius: 50%; display: block; }
.projectModal .budget-communication .list-communication .fa .open { background: #91b535; }
.projectModal .budget-communication .list-communication .fa .sent { background: #fbb75a; }
.projectModal .budget-communication .list-communication .fa .finalized { background: #1e81c1; }
.projectModal .budget-communication .list-communication .fa .canceled { background: #c11225; }
.projectModal .budget-communication .result-communication { height: 100%; background: #fff; }
.projectModal .budget-communication .subject { width: 100%; font-size: 12px; }
.projectModal .budget-communication .to { width: 100%; font-size: 11px; }
.projectModal .budget-communication .content-email { margin-top: 20px; height: 456px; padding: 10px; }
.projectModal .budget-communication .content-email 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; }
.projectModal .budget-communication .content-email ul li { display: list-item; text-align: -webkit-match-parent; }
.projectModal .budget-communication .content-email strong { font-family: 'GudeaBold'; }
.projectModal .budget-communication .budget-content { zoom: 0.57; }
.projectModal .budget-communication .list-content { height: 224px;  border: 1px solid #ddd; width: 100%; }
.projectModal .budget-communication .list-content li { list-style: none; height: 30px; display: flex; width: 100%; }
.projectModal .budget-communication .list-content li div { height: 100%; float: left; padding: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.projectModal .budget-communication .list-content .icon { width: 27px; text-align: center; }
.projectModal .budget-communication .list-content .name { width: 90%; }
.projectModal .budget-communication .list-content .item { width: 90%; }
.projectModal .budget-communication .list-content .remove { cursor: pointer; }
.projectModal .budget-communication .result-communication .action-fixed-bottom { margin-top: 20px; margin-bottom: 20px; }
.projectModal .budget-communication .result-communication .action-fixed-bottom input { margin-left: 5px; margin-right: 5px; }
.projectModal .budget-communication .header-nav { margin-top: 10px; display: flex; }
.projectModal .budget-communication .header-nav div { width: 100%; cursor: pointer; color: #CCC; float: left; font-size: 10px; text-transform: uppercase; background: rgb(32, 144, 148); padding: 5px; text-align: center; }
.projectModal .budget-communication .header-nav div.on { color: #FFF; background: rgb(16, 77, 79); }
.projectModal .budget-communication .header { margin-top: 10px; }
.projectModal .budget-communication .list-results-293 { height: 293px; cursor: pointer; }
.projectModal .budget-communication .list-results-200 { height: 200px; border: 1px solid #cccccc; }
.projectModal .budget-communication .list-results { border: 1px solid #ccc; }
.projectModal .budget-communication .list-li { list-style: none; height: 42px; width: 100%; }
.projectModal .budget-communication .list-li.header { background: #bab9b9; }
.projectModal .budget-communication .list-li div { height: 100%; float: left; padding: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.projectModal .budget-communication .list-li .fa { width: 29px; float: left; }
.projectModal .budget-communication .list-li .fa span { margin: 2px; width: 16px; height: 16px; border-radius: 50%; display: block; }
.projectModal .budget-communication .list-li .fa .approved { background: #91b535; }
.projectModal .budget-communication .list-li .fa .rejected { background: #c11225; }
.projectModal .budget-communication .list-li .fa .available { background: #fbb75a; }
.projectModal .budget-communication .list-li .fa .proposal_sent { background: #fbb75a; }
.projectModal .budget-communication .list-li .fa .unavailable { background: #9b2b8a; }
.projectModal .budget-communication .list-li .name { width: 165px; }
.projectModal .budget-communication .list-li .date { float: left; font-size: 8px; }
.projectModal .budget-communication .list-li .subject { float: left; }
.projectModal .budget-communication .list-li .bt { float: right; width: 69px; height: 27px; border-radius: 50%; margin: 7px; }
.projectModal .budget-communication .list-li .furnisher { padding: 10px; margin: 0; }
.projectModal .budget-communication .list-li .action { float: right; width: 27px; height: 27px; border-radius: 50%; margin: 7px; }
.projectModal .budget-communication .list-li .action.accept { background-color: #8bc34a; }
.projectModal .budget-communication .list-li .action.refuse { background-color: #ff5722;}
.projectModal .budget-communication .list-li .value-value { border-right: 1px solid #cccccc; width: 125px; float: right; padding: 10px; margin: 0; }
.projectModal .budget-communication .list-li .value-discount { border-right: 1px solid #cccccc; width: 125px; float: right; padding: 10px; margin: 0; }
.projectModal .budget-communication .list-li .value-invoice { border-right: 1px solid #cccccc; width: 125px; float: right; padding: 10px; margin: 0; }
.projectModal .budget-communication .list-li .value-total { width: 125px; float: right; padding: 10px; margin: 0; }

/* .projectModal .budget-communication .list-results-basket li { list-style: none; height: 30px; width: 98%; display: flex; }
.projectModal .budget-communication .list-results-basket li div { height: 100%; float: left; padding: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.projectModal .budget-communication .list-results-basket .date { width: 30%; }
.projectModal .budget-communication .list-results-basket .description { width: 40%; }
.projectModal .budget-communication .list-results-basket .value { width: 30%; }
.projectModal .budget-communication .list-results-basket .remove { cursor: pointer; width: 27px; float: right; }
.projectModal .budget-communication .list-results-basket .loading { text-align: center; }
.projectModal .budget-communication .actions { margin-top: 20px; }
.projectModal .budget-communication .basket-empty { color: #666666; padding: 30px; }
.projectModal .budget-communication .basket-empty .basket-empty-title { text-align: center; text-transform: uppercase; font-size: 18px; margin-bottom: 20px; }
.projectModal .budget-communication .basket-empty .icon-btw { text-align: center; font-size: 19px; }
.projectModal .budget-communication .basket-empty .txt-info { text-align: left; } */


.projectModal .sendLetter { border: 1px solid #CCC; padding: 15px; display: none; width: 90%; position: absolute; background: #d9dbd4; z-index: 50000; box-shadow: 10px 10px 5px #888888; }
.projectModal .sendLetter .close { opacity: 1 !important; float: right; font-size: 25px; margin-top: -10px; right: 0px; color: #6f6969; cursor: pointer; position: absolute; }
.projectModal .sendLetter .list-contacts { float: left; height: 65px; border: 2px solid #CECECE; overflow: hidden; width: 100%; font-size: 11px; background-color: #ececec; white-space: nowrap; text-overflow: ellipsis; }
.projectModal .sendLetter .list-contacts ul { display: inline-block; }
.projectModal .sendLetter .list-contacts li { margin: 2px; list-style: none; float: left; }
.projectModal .sendLetter .list-contacts span { padding: 3px; float: left; border: 1px solid #999; }
.projectModal .sendLetter .list-contacts .name:hover { opacity: 0.2; }
.projectModal .sendLetter .list-contacts .icon { float: left; color: #666666; cursor: pointer;  }
.projectModal .sendLetter .list-contacts .icon:hover { color: red; }
.projectModal .sendLetter .list-contacts .name { float: left; }

.selectBasketProposal table { background: #FFF; }
.selectBasketProposal .item-val { padding: 5px; color: #4f4f4f; }

.basketMessages .list-contacts { float: left; height: 65px; border: 2px solid #CECECE; overflow: hidden; width: 100%; font-size: 11px; background-color: #ececec; white-space: nowrap; text-overflow: ellipsis; }
.basketMessages .list-contacts ul { display: inline-block; }
.basketMessages .list-contacts li { margin: 2px; list-style: none; float: left; }
.basketMessages .list-contacts span { padding: 3px; float: left; border: 1px solid #999; }
.basketMessages .list-contacts .name:hover { opacity: 0.2; }
.basketMessages .list-contacts .icon { float: left; color: #666666; cursor: pointer;  }
.basketMessages .list-contacts .icon:hover { color: red; }
.basketMessages .list-contacts .name { float: left; }
.basketMessages .list-attachments { float: left; height: 80px; border: 2px solid #CECECE; overflow: hidden; width: 100%; font-size: 11px; background-color: #ececec; white-space: nowrap; text-overflow: ellipsis; }
.basketMessages .list-attachments ul { display: inline-block; }
.basketMessages .list-attachments li { margin: 2px; list-style: none; float: left; }
.basketMessages .list-attachments li .type { float: left; height: 35px; width: 35px; background-size: 30px !important; padding: 4px; }
.basketMessages .list-attachments li .name { overflow: hidden; float: left; text-transform: uppercase; padding: 11px; width: 120px; }
.basketMessages .content-email { margin-top: 20px; height: 320px; padding: 10px; background: #FFF; }

.modalCheckBudget { width: 686px; height: auto; }
.modalCheckBudget .headerSd { width: 666px; height: 48px; padding: 10px; }
.modalCheckBudget .headerSd .no { width: 110px; float: left; margin-top: 15px; }
.modalCheckBudget .headerSd .subject { margin-left: 10px; float: left; }
.modalCheckBudget .headerSd .subject div { width: 407px; color: #333; border: 2px solid #CCC;font-size: 11px; height: 16px; background: #DFDEDE; padding: 6px;  }
.modalCheckBudget .headerSd .yes { width: 110px; float: right; margin-left: 10px; margin-top: 15px; }
.modalCheckBudget .headerInfo { padding: 10px; width: 666px; height: 102px; }
.modalCheckBudget .headerInfo .inp { width: 143px; color: #333; border: 2px solid #CCC;font-size: 11px; height: 16px; background: #DFDEDE; padding: 6px; }
.modalCheckBudget .headerInfo .listSdt { font-size: 11px; width: 666px; height: 47px; }
.modalCheckBudget .headerInfo .listSdt .space { float: left; }
.modalCheckBudget .headerInfo .listSdt .start { margin-left: 10px; float: left; }
.modalCheckBudget .headerInfo .listSdt .end { margin-left: 10px; float: left; }
.modalCheckBudget .headerInfo .listSdt .guests { margin-left: 10px; float: left; }
.modalCheckBudget .headerInfo .production { margin-top: 10px; font-size: 11px; width: 666px; height: 47px; }
.modalCheckBudget .headerInfo .production .startMounting { float: left; }
.modalCheckBudget .headerInfo .production .endMounting { margin-left: 10px; float: left; }
.modalCheckBudget .headerInfo .production .startRemoving { margin-left: 10px; float: left; }
.modalCheckBudget .headerInfo .production .endRemoving { margin-left: 10px; float: left; }
.modalCheckBudget .txt { float: left; color: #333; width: 643px; height: 232px; background: #FFF; border: 2px solid #CCC; overflow: hidden; padding: 10px; margin: 10px; }
.modalCheckBudget .txt .dataTime { width: 628px; text-align: center; color: #fff; border-bottom: 2px dotted #B9BABE; border-top: 2px dotted #B9BABE; background: #FAB939; }

.modalAddCoCheckBudget { width: 580px; padding: 10px; height: 225px; }
.modalAddCoCheckBudget .info { width: 568px; float: left; padding: 5px; border: 1px solid rgba(100, 100, 100, .4); background: #F7ECC1; color: red; margin-bottom: 10px; font-size: 12px; height: 90px; }
.modalAddCoCheckBudget .disableInp { width: 254px; color: #333; border: 2px solid #CCC; font-size: 11px; height: 16px; background: #DFDEDE; padding: 6px; }
.modalAddCoCheckBudget .infClient { overflow: hidden; width: 270px; float: left; }
.modalAddCoCheckBudget .infClient label { color: #333; }
.modalAddCoCheckBudget .infClient label span { color: #962525; font-family: 'GudeaBold'; }
.modalAddCoCheckBudget .infClient .search { width: 252px; margin-top: 4px; float: left; }
.modalAddCoCheckBudget .infClient .newSe { width: 270px; float: left; margin-top: 5px; height: 32px; }
.modalAddCoCheckBudget .infClient .newCo { width: 270px; float: left; margin-top: 17px; height: 32px; }
.modalAddCoCheckBudget .infSpace { overflow: hidden; width: 270px; float: right; }
.modalAddCoCheckBudget .infSpace label { color: #333; }
.modalAddCoCheckBudget .infSpace label span { color: #962525; font-family: 'GudeaBold'; }
.modalAddCoCheckBudget .infSpace .search { width: 252px; float: left; margin-top: 4px; }
.modalAddCoCheckBudget .infSpace .newSe { width: 270px; float: left; margin-top: 5px; height: 32px; }
.modalAddCoCheckBudget .infSpace .newCo { width: 270px; float: left; margin-top: 17px; height: 32px; }
.modalAddCoCheckBudget .action { width: 148px; margin-top: 230px; margin-left: 218px; position: absolute; }


.projectModal .returnTabBudget .return_budget { }
.projectModal .returnTabBudget .return_budget .return { width: 100%; min-height: 478px; border: 2px solid #4DC5DB; background: #fff; }
.projectModal .returnTabBudget .return_budget .errorAccess { padding: 15px; text-transform: uppercase; background: #fff; color: red; text-align: center; margin-top: 50px; font-size: 17px; }
.projectModal .returnTabBudget .return_budget .list-budget-events { height: 670px; border: 2px solid #4DC5DB; }
.projectModal .returnTabBudget .return_budget .list-budget-events .list-date-project { height: 665px; overflow: hidden; }
.projectModal .returnTabBudget .return_budget .list-budget-events .refused-date { background: #E57373; }
.projectModal .returnTabBudget .return_budget .infoValueBudget { width: 100%; height: 100%; background: #e0e1dd; display: flex; }
.projectModal .returnTabBudget .return_budget .infoValueBudget .on { background: #FF9800; }
.projectModal .returnTabBudget .return_budget .infoValueBudget .totalValue { font-size: 11px; color: #777474; padding: 10px; }
.projectModal .returnTabBudget .return_budget .infoValueBudget .totalValue .title { width: 180px; float: left; }
.projectModal .returnTabBudget .return_budget .infoValueBudget .totalValue .values { float: right; font-family: 'GudeaBold'; }
.projectModal .returnTabBudget .return_budget .infoValueBudget .totalValue .positive { background: #91B535 !important; padding: 0px 10px; color: #FFF !important; }
.projectModal .returnTabBudget .return_budget .infoValueBudget .totalValue .negative { background: #C11225 !important; padding: 0px 10px; color: #FFF !important; }
.projectModal .returnTabBudget .return_budget .infoValueBudget .totalValue .bx-total { width: 100%; display: flow-root; padding: 2px; }
.projectModal .returnTabBudget .return_budget .infoValueBudget .totalValue .total-show { color: #333; }
.projectModal .returnTabBudget .return_budget .infoValueBudget .totalValue .total-show .title { font-family: 'GudeaBold'; }
.projectModal .returnTabBudget .return_budget .infoValueBudget .select-input { border: 2px solid #15517b; }
.projectModal .returnTabBudget .return_budget .infoValueBudget .payment { background: #fff1ce; }
.projectModal .returnTabBudget .return_budget .infoValueBudget .internal { background: #d9ead4; }
.projectModal .returnTabBudget .return_budget .infoValueBudget .outflow { background: #f3cccc; }
.projectModal .returnTabBudget .return_budget .infoValueBudget .change { background: #cadaf7; }
.projectModal .returnTabBudget .return_budget .infoValueBudget .end-date { background: #d9d2e8; }
.projectModal .returnTabBudget .return_budget .infoValueBudget .cost { background: #e8b6b6; }
.projectModal .returnTabBudget .return_budget .infoValueBudget .dash { background: #ffd597; }
.projectModal .returnTabBudget .return_budget .infoValueBudget .dash-all { background: #f9d6ff; }
.projectModal .returnTabBudget .return_budget .infoValueBudget .dash-customer-budget { background: #a5d7dd; }


.projectModal .returnTabBudget .return_approval .return { width: 100%; min-height: 478px; border: 2px solid #4DC5DB; background: #fff; }
.projectModal .returnTabBudget .return_approval .errorAccess { padding: 15px; text-transform: uppercase; background: #fff; color: red; text-align: center; margin-top: 50px; font-size: 17px; }
.projectModal .returnTabBudget .return_approval .loader { width: 100%; height: 160px; }
.projectModal .returnTabBudget .return_approval .nav-type { height: 45px; margin-top: 10px; }
.projectModal .returnTabBudget .return_approval .nav { height: 25px; margin-top: 10px; overflow: hidden; display: flex; width: 100%; }
.projectModal .returnTabBudget .return_approval .nav div { overflow: hidden; cursor: pointer; color: #909191; float: left; width: 100%; text-transform: uppercase; padding: 5px; text-align: center; }
.projectModal .returnTabBudget .return_approval .nav .on { color: #FFF; background: #4DC5DB; }
.projectModal .returnTabBudget .return_approval .returnData { display: flow-root; width: 100%; height: 100%; border: 2px solid #4DC5DB; background: #fff; }
.projectModal .returnTabBudget .return_approval .error_permission { margin: 20px; text-align: center; width: 612px; font-size: 20px; color: #4DC5DB; background: #E8ECDA; padding: 20px; }
.projectModal .returnTabBudget .return_approval .stCompany { height: 100%; background: #E8ECDA; padding: 10px; }
.projectModal .returnTabBudget .return_approval .stList { width: 100%; height: 443px; overflow: hidden; }
.projectModal .returnTabBudget .return_approval .stList .cont { width: 100%; display: inline-block; }
.projectModal .returnTabBudget .return_approval .stList .cont .inputOfficialFir { float: left; width: 243px; }
.projectModal .returnTabBudget .return_approval .stList .cont .inputOfficialSec { margin-left: 10px; float: left; width: 136px; }
.projectModal .returnTabBudget .return_approval .stList .cont .inputOfficialRepre { margin-left: 10px; float: left; width: 140px; }
.projectModal .returnTabBudget .return_approval .stList .cont .inputContactFir { width: 247px; float: left; }
.projectModal .returnTabBudget .return_approval .stList .cont .inputContactSec { width: 134px; margin-left: 10px; float: left; }
.projectModal .returnTabBudget .return_approval .stList .cont .inputContactName { float: left; width: 567px; }
.projectModal .returnTabBudget .return_approval .stList .cont .inputContactRepre { margin-left: 10px; float: left; width: 60px; }
.projectModal .returnTabBudget .return_approval .stList .cont .inputUserFir { float: left; width: 240px; }
.projectModal .returnTabBudget .return_approval .stList .cont .inputUserFir .btn { margin: 0; width: 80px; }
.projectModal .returnTabBudget .return_approval .stList .cont .inputUserSec { width: 118px; margin-left: 10px; float: left; }
.projectModal .returnTabBudget .return_approval .stList .cont .inputUserRepre { margin-left: 10px; width: 110px; float: left; }
.projectModal .returnTabBudget .return_approval .stList .cont .officialList { background: #FFE5BF !important; padding: 10px; margin-top: 15px; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; }
.projectModal .returnTabBudget .return_approval .stList .cont .contactList { padding: 10px; background: #d8d8d8; margin-top: 15px; }
.projectModal .returnTabBudget .return_approval .stList .cont .contactList .contactInfo { width: 100%; height: 100%; display: inline-block; }
.projectModal .returnTabBudget .return_approval .stList .cont .contactList .contactUser { width: 100%; height: 70px; }
.projectModal .returnTabBudget .return_approval .stList .cont .onoff { height: 31px; width: 60px; cursor: pointer; font-size: 35px; line-height: 0px; }
.projectModal .returnTabBudget .return_approval .stList .cont .icon-system-toggle-on { color: #8BC34A; }
.projectModal .returnTabBudget .return_approval .stList .cont .icon-system-toggle-off { color: #9E9E9E; }
.projectModal .returnTabBudget .return_approval .stContract { background-color: #E8ECDA; min-height: 380px; }
.projectModal .returnTabBudget .return_approval .stContract .header { height: 100%; display: inline-block; }
.projectModal .returnTabBudget .return_approval .stContract .header .download { margin-top: 24px; }
.projectModal .returnTabBudget .return_approval .stContract .header .action { margin-top: 24px; }
.projectModal .returnTabBudget .return_approval .stContract .content {  }
.projectModal .returnTabBudget .return_approval .header { background: #4cc6db; padding: 5px; height: 50px; display: flex; width: 100%; }
.projectModal .returnTabBudget .return_approval .header .search { float: left; width: 80%; }
.projectModal .returnTabBudget .return_approval .header .search input { }
.projectModal .returnTabBudget .return_approval .header .btw { float: right; line-height: 31px; text-align: center; width: 30px; height: 30px; margin: 4px; cursor: pointer; color: #FFF; background-color: #9E9E9E; border-radius: 50%; }
.projectModal .returnTabBudget .return_approval .stSponsored { background: #E8ECDA; width: 100%; height: 412px; overflow: hidden; }
.projectModal .returnTabBudget .return_approval .stSponsored ul { }
.projectModal .returnTabBudget .return_approval .stSponsored ul li { list-style: none; width: 100%; height: 38px; cursor: pointer; display: flex; }
.projectModal .returnTabBudget .return_approval .stSponsored ul div { float: left; margin-left: 10px; padding: 10px; }
.projectModal .returnTabBudget .return_approval .stSponsored .sponsors-name { width: 70%; }
.projectModal .returnTabBudget .return_approval .stSponsored .sponsors-val { float: right; }
.projectModal .returnTabBudget .return_approval .stSponsored .quotas-amount { width: 70px; }
.projectModal .returnTabBudget .return_approval .stSponsored .quotas-name { width: 550px; }
.projectModal .returnTabBudget .return_approval .stSponsored .quotas-val {  width: 200px; }
.projectModal .returnTabBudget .return_approval .stSponsored .counterpart-filter { width: 150px; }
.projectModal .returnTabBudget .return_approval .stSponsored .counterpart-name {  width: 70%; }
.projectModal .returnTabBudget .return_approval .stSponsored .counterpart-download { float: right; margin-right: 14px; font-size: 17px; color: #777; }
.projectModal .returnTabBudget .return_approval .stSponsored .counterpart-download:hover { color: #43c6dd; }
.projectModal .returnTabBudget .return_approval .stPay { margin-top: 10px; }
.projectModal .returnTabBudget .return_approval .stPay .addData { height: 100%; padding: 10px; width: 100%; display: inline; }
/* .projectModal .returnTabBudget .return_approval .stPay .addData .box-line { float: left; width: 100%; } */
/* .projectModal .returnTabBudget .return_approval .stPay .addData .add { width: 209px; float: left; }
.projectModal .returnTabBudget .return_approval .stPay .addData .date { width: 78px; float: left; margin-left: 10px; }
.projectModal .returnTabBudget .return_approval .stPay .addData .nf { width: 90px; float: left; margin-left: 10px; }
.projectModal .returnTabBudget .return_approval .stPay .addData .description { width: 180px; float: left; margin-left: 10px; }
.projectModal .returnTabBudget .return_approval .stPay .addData .value { width: 77px; float: left; margin-left: 10px; } */
.projectModal .returnTabBudget .return_approval .stPay .addData .action { margin-top: 24px; }
.projectModal .returnTabBudget .return_approval .stPay .addDataReturn { float: left; width: 100%; background: #E8ECDA; border: 1px solid #CCC; height: 420px; overflow: hidden; }
.projectModal .returnTabBudget .return_approval .stPay .addDataReturn ul { }
.projectModal .returnTabBudget .return_approval .stPay .addDataReturn ul .li-payments { padding: 10px; list-style: none; width: 100%; height: 100%; display: inline-block; }
.projectModal .returnTabBudget .return_approval .stPay .addDataReturn ul .item-info { text-align: center; }
.projectModal .returnTabBudget .return_approval .stPay .addDataReturn ul .contactPay { float: left; padding: 9px; color: #333; width: 172px; white-space: nowrap; overflow: hidden; }
.projectModal .returnTabBudget .return_approval .stPay .addDataReturn ul .fa { margin: 8px; width: 20px; height: 20px; border-radius: 50%; float: left; margin-top: 30px; }
.projectModal .returnTabBudget .return_approval .stPay .addDataReturn ul .fa.status_conducted_pay { background-color: #91b535; }
.projectModal .returnTabBudget .return_approval .stPay .addDataReturn ul .fa.status_late { background-color: #c11225; }
.projectModal .returnTabBudget .return_approval .stPay .addDataReturn ul .fa.status_pending { background-color: #fbb75a; }
.projectModal .returnTabBudget .return_approval .stPay .addDataReturn ul .fa.status_open { background-color: #9E9E9E; }
.projectModal .returnTabBudget .return_approval .stPay .addDataReturn ul .fa.status_incomplete { background-color: #d36c78; }
.projectModal .returnTabBudget .return_approval .stPay .addDataReturn ul .group-payment { float: left; width: 80%; }
.projectModal .returnTabBudget .return_approval .stPay .addDataReturn ul .group-payment-start { float: left; width: 40px; }
.projectModal .returnTabBudget .return_approval .stPay .addDataReturn ul .positive { color: #333 !important; }
.projectModal .returnTabBudget .return_approval .stPay .addDataReturn ul .negative { color: #c11225 !important;}
.projectModal .returnTabBudget .return_approval .stPay .addDataReturn ul .group-payment-end { float: left; width: 130px; }
.projectModal .returnTabBudget .return_approval .stPay .has-file { background-color: #fbb75a; }
/* .projectModal .returnTabBudget .return_approval .stPay .addDataReturn ul .date { width: 78px; float: left; margin-left: 5px; }
.projectModal .returnTabBudget .return_approval .stPay .addDataReturn ul .nf { width: 90px; float: left; margin-left: 5px; }
.projectModal .returnTabBudget .return_approval .stPay .addDataReturn ul .advance-money { width: 90px; float: left; margin-left: 5px; }
.projectModal .returnTabBudget .return_approval .stPay .addDataReturn ul .description { width: 260px; float: left; margin-left: 5px; }
.projectModal .returnTabBudget .return_approval .stPay .addDataReturn ul .value { width: 110px; float: left; margin-left: 5px; } */
.projectModal .returnTabBudget .return_approval .stPay .addDataReturn ul .btw { background: #9E9E9E; float: left; border-radius: 15px; height: 28px; width: 28px; margin: 3px; text-align: center; line-height: 29px; font-size: 16px; cursor: pointer; color: #fff; margin-top: 27px; }
.projectModal .returnTabBudget .return_approval .stPay .addDataReturn ul .bb:hover { background: #1783a0; }
.projectModal .returnTabBudget .return_approval .stPay .addDataReturn ul .btn-submit { background: #fbb75a !important; }
.projectModal .returnTabBudget .return_approval .stPay .addDataReturn ul .btn-submit:hover { background: #c1b590 !important; }
.projectModal .returnTabBudget .return_approval .stPay .addDataReturn ul .btn-cancel { color: rgba(135, 127, 127, 0.79); }
.projectModal .returnTabBudget .return_approval .stPay .addDataReturn ul .btn-cancel:hover { color: #e8dfc3 !important; }
.projectModal .returnTabBudget .return_approval .stPay .addDataReturn ul .btpay { }
.projectModal .returnTabBudget .return_approval .stPay .addDataReturn ul .paid { background-color: #8BC34A; }
.projectModal .returnTabBudget .return_approval .stPay .addDataReturn ul .not-paid { background-color: #c1b590; }
.projectModal .returnTabBudget .return_approval .stPay .addDataReturn ul .del:hover { background-color: #F44336; }
.projectModal .returnTabBudget .return_approval .stPay .addDataReturn ul .save:hover { background-color: #fbb75a; }
.projectModal .returnTabBudget .return_approval .stPay .addDataReturn ul .disable { cursor: default !important; opacity: 0.4; }
.projectModal .returnTabBudget .return_approval .stPay .sumTotalPay { width: 100%; float: left; height: 100%; background: #4DC5DB; }
.projectModal .returnTabBudget .return_approval .stPay .sumTotalPay .infoData { margin-top: 10px; float: right; width: 350px; font-size: 13px; color: #333; margin-right: 13px; margin-bottom: 10px; }
.projectModal .returnTabBudget .return_approval .stPay .sumTotalPay .title { width: 185px; float: left; }
.projectModal .returnTabBudget .return_approval .stPay .sumTotalPay .number { float: right; font-family: 'GudeaBold'; }

/*
.projectDefalt .navBottom { width: 100%; text-align: center; height: 35px; margin-top: 30px; }
.projectDefalt .navBottom div { margin: 5px; cursor: pointer; color: #CCC; float: left; width: 150px; text-transform: uppercase; background: rgb(32, 144, 148); padding: 5px; text-align: center; }
.projectDefalt .navBottom div.on { color: #FFF; background: rgb(16, 77, 79); }
.projectDefalt .returnBottom { width: 100%; margin-top: 10px; display: flow-root; }
.projectDefalt .subService { width: 100%; }
.projectDefalt .subService .header { height: 36px; background: #647b89; padding: 6px; }
.projectDefalt .subService .header .txtLabel { float: left; text-transform: uppercase; padding: 4px; color: #FFF; }
.projectDefalt .subService .header .moreSubService { font-size: 17px; width: 23px; height: 23px; cursor: pointer; float: right; color: #FFF; background-color: #9E9E9E; border-radius: 50%; }
.projectDefalt .subService .header .moreSubService:hover {  background-color: #333; }
.projectDefalt .subService .list { padding: 5px; border: 1px solid rgba(100, 100, 100, .4); overflow: hidden; height: 212px; background: #fff; }
.projectDefalt .subService .list li { list-style: none; height: 44px; padding: 5px; width: 664px; }
.projectDefalt .subService .list .service { float: left; }
.projectDefalt .subService .list .service .cbFilter { height: 34px; width: 199px; }
.projectDefalt .subService .list .name { margin-left: 10px; float: left; width: 340px; }
.projectDefalt .subService .list .atc { font-size: 27px; cursor: pointer; float: left; color: #666666; }
.projectDefalt .subService .list .delete:hover { color: #F44336; }
.projectDefalt .subService .list .save:hover { color: #fbb75a; }
*/

.projectAnalytics .filterCanvas { height: 16px; margin-bottom: 10px; }
.projectAnalytics .filterCanvas ul { }
.projectAnalytics .filterCanvas ul li { float: left; list-style: none; position: relative; padding: 5px; border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; cursor: pointer;
background-color: #CCCCCC; width: 35px; height: 26px; text-align: center; color: beige; font-size: 10px; margin-left: 2px; }
.projectAnalytics .filterCanvas .on { background-color: #6EAA6F; }
.projectAnalytics .canvas { height: 200px; margin-top: 10px; }
.projectAnalytics .canvas canvas { border: 1px solid #d3d3d3; width: 100%; height: 100%; }
.projectAnalytics .canvas-summary { margin-top: 10px; }
.projectAnalytics .situation {  }
.projectAnalytics .type { }
.projectAnalytics .dataResume { height: 200px; padding: 10px; overflow: hidden; background: #fff; border: 1px solid #d3d3d3; }
.projectAnalytics .dataResume ul { text-transform: uppercase; font-size: 10px; color: #333; }
.projectAnalytics .dataResume ul li { list-style: none; height: 15px; width: 191px; padding: 2px; }
.projectAnalytics .dataResume ul li .square { float: left; width: 11px; height: 11px; margin: 2px; margin-right: 5px; }
.projectAnalytics .dataResume ul li .name { float: left; margin-left: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 105px; }
.projectAnalytics .dataResume ul li .value { float: left; }
.projectAnalytics .navigation-return-download .btn { margin-top: 20px; }



.contentBudgetLine .navTabLine { height: 30px;     margin-top: 20px;}
.contentBudgetLine .navTabLine div { margin-left: 10px;  cursor: pointer; color: #a2a2a2; float: left; width: 216px; text-transform: uppercase; background: rgb(199, 192, 181); padding: 5px; text-align: center; border: 1px solid #d8d7d5; }
.contentBudgetLine .navTabLine div.on { color: #FFF; background: #fbd495; border: 1px solid #caa977; }
.contentBudgetLine .navTabLine div:first-child { margin-left: 0px; }
.contentBudgetLine .description { margin-top: 1px; }
.contentBudgetLine .observation { margin-top: 1px; }
.contentBudgetLine .textarea { height: 338px; padding: 10px; border: 1px solid #caa977; }

.contentSendPurchases .payments { margin-top: 20px; }
.contentSendPurchases .addDataReturn { text-align: center; width: 100%; background: #E8ECDA; border: 1px solid #CCC; height: 200px; overflow: hidden; }
.contentSendPurchases .addDataReturn ul { }
.contentSendPurchases .addDataReturn ul li { padding: 10px; list-style: none; width: 100%; height: 41px; }
.contentSendPurchases .addDataReturn ul div { float: left; margin-left: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.contentSendPurchases .addDataReturn ul .date { width: 76px; }
.contentSendPurchases .addDataReturn ul .nf { width: 90px; }
.contentSendPurchases .addDataReturn ul .description { width: 310px; }
.contentSendPurchases .addDataReturn ul .value { width: 77px; float: right; }
.contentSendPurchases .sumTotalPay { width: 100%; height: 100%; background: #4DC5DB; display: flow-root; }
.contentSendPurchases .sumTotalPay .infoData { margin-top: 10px; float: right; width: 200px; font-size: 13px; color: #333; margin-right: 13px; margin-bottom: 10px; }
.contentSendPurchases .sumTotalPay .title { width: 110px; float: left; }
.contentSendPurchases .sumTotalPay .number { float: right; font-family: 'GudeaBold'; }

.contentFinanceInformation .nav { height: 30px; margin-top: 10px; overflow: hidden; border-bottom: 3px solid #4cc6db; display: flex; }
.contentFinanceInformation .nav div { overflow: hidden; cursor: pointer; color: #909191; float: left; width: 100%; text-transform: uppercase; padding: 5px; text-align: center; }
.contentFinanceInformation .nav .on { color: #FFF; background: #4DC5DB; }
.contentFinanceInformation .box-form-edit { background: #4DC5DB; display: inline-block; width: 100%; }
.contentFinanceInformation .box-form-edit label { color: #FFF; }
.contentFinanceInformation .single-invoice .btn { font-size: 10px; line-height: 19px; }
.contentFinanceInformation .project-chat { height: 30px; width: 30px; float: left; color: #FFF; background-color: #9E9E9E;
  border-radius: 50%; margin: 2px; font-size: 20px; text-align: center; }
.contentFinanceInformation .project-chat:hover { background-color: #466b88; }
.contentFinanceInformation .count-chats { background: #d4481b; text-align: center; font-size: 10px; color: white;
  border-radius: 5px; padding: 2px 9px; position: absolute; margin-top: 38px; margin-left: 5px; }
.contentFinanceInformation .count-chats::before { content: ""; position: absolute; top: -5px; left: 50%; transform: translateX(-50%);
  border-width: 0 5px 5px 5px; border-style: solid; border-color: transparent transparent #d4481b transparent; }

.contentFinanceInformation .project-files { height: 30px; width: 30px; float: left; color: #FFF; background-color: #9E9E9E;
  border-radius: 50%; margin: 2px; font-size: 20px; text-align: center; }
.contentFinanceInformation .project-files:hover { background-color: #466b88; }
/* .contentFinanceInformation .act .btw { line-height: 28px; text-align: center; font-size: 15px; width: 26px; height: 26px; margin: 4px; cursor: pointer; float: left; color: #FFF; background-color: #9E9E9E; border-radius: 50%; margin-top: 2px; }
.contentFinanceInformation .act .edit:hover { background-color: #e3ae57; }
.contentFinanceInformation .act .edit.button-notsave { background-color: #e3ae57; } */
.contentFinanceInformation .count-files { background: #d4481b; text-align: center; font-size: 10px; color: white;
  border-radius: 5px; padding: 2px 9px; position: absolute; margin-top: 38px; margin-left: 5px; }
.contentFinanceInformation .count-files::before { content: ""; position: absolute; top: -5px; left: 50%; transform: translateX(-50%);
  border-width: 0 5px 5px 5px; border-style: solid; border-color: transparent transparent #d4481b transparent; }
.contentFinanceInformation .filterCanvasYear { height: 16px; margin-bottom: 10px; margin-top: 20px; }
.contentFinanceInformation .filterCanvasYear ul { }
.contentFinanceInformation .filterCanvasYear ul li { float: left; list-style: none; position: relative; padding: 5px; border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; cursor: pointer;
background-color: #CCCCCC; width: 35px; height: 26px; text-align: center; color: beige; font-size: 10px; margin-left: 2px; }
.contentFinanceInformation .filterCanvasYear .on { background-color: #6EAA6F; }
.contentFinanceInformation .canvas { height: 200px; margin-top: 10px; }
.contentFinanceInformation .canvas canvas { border: 1px solid #d3d3d3; width: 100%; height: 100%; }
.contentFinanceInformation .canvas-summary { margin-top: 10px; }
.contentFinanceInformation .dataResume { height: 200px; padding: 10px; overflow: hidden; background: #fff; border: 1px solid #d3d3d3; }
.contentFinanceInformation .dataResume ul { text-transform: uppercase; font-size: 10px; color: #333; }
.contentFinanceInformation .dataResume ul li { list-style: none; height: 15px; width: 164px; padding: 2px; display: flex; }
.contentFinanceInformation .dataResume ul li .square { float: left; width: 11px; height: 11px; margin: 2px; margin-right: 5px; }
.contentFinanceInformation .dataResume ul li .name { float: left; margin-left: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; text-align: right; }
.contentFinanceInformation .dataResume ul li .value { float: left; }



/* .contentFinanceInformation .stCommunication .observation-value { color: #999; padding: 10px; background: #FFF; border: 1px solid #ccc; text-align: left; min-height: 420px; }
.contentFinanceInformation .stCommunication .observation-value li { display: flex; list-style: none; min-height: 32px; width: auto; cursor: pointer; padding: 10px; }
.contentFinanceInformation .stCommunication .observation-value li.budget { }
.contentFinanceInformation .stCommunication .observation-value li.payment { }
.contentFinanceInformation .stCommunication .observation-value .photo { position: relative; float: left; margin-right: 5px; }
.contentFinanceInformation .stCommunication .observation-value .photo img { border-radius: 50%; }
.contentFinanceInformation .stCommunication .observation-value .content { width: 100%; }
.contentFinanceInformation .stCommunication .observation-value .post { }
.contentFinanceInformation .stCommunication .observation-value .time { font-size: 10px; color: #bdb4b4; }
.contentFinanceInformation .stCommunication .files-value { color: #999; padding: 10px; background: #FFF; border: 1px solid #ccc; text-align: left; }
.contentFinanceInformation .stCommunication #listAtt { height: 200px; } */

.contentFinanceInformation .stPay {  }
.contentFinanceInformation .stPay .addData .action { margin-top: 24px; }
.contentFinanceInformation .stPay .addDataReturn { text-align: center; width: 100%; background: #E8ECDA; border: 1px solid #CCC; height: 420px; overflow: hidden; }
.contentFinanceInformation .stPay .addDataReturn ul { }
.contentFinanceInformation .stPay .addDataReturn ul .item-data { float: left; width: 525px; }
.contentFinanceInformation .stPay .addDataReturn ul .li-payments { padding: 10px; list-style: none; width: 100%; height: 100%; display: inline-block; }
.contentFinanceInformation .stPay .addDataReturn ul .fa { margin: 8px; width: 20px; height: 20px; border-radius: 50%; float: left; margin-top: 30px; }
.contentFinanceInformation .stPay .addDataReturn ul .fa.status_conducted { background-color: #91b535; }
.contentFinanceInformation .stPay .addDataReturn ul .fa.status_late { background-color: #c11225; }
.contentFinanceInformation .stPay .addDataReturn ul .fa.status_pending { background-color: #e3ae57; }
.contentFinanceInformation .stPay .addDataReturn ul .group-payment { float: left; width: 80%; }
.contentFinanceInformation .stPay .addDataReturn ul .group-payment-start { float: left; width: 40px; }
.contentFinanceInformation .stPay .addDataReturn ul .group-payment-end { float: left; width: 120px; }
/* .contentFinanceInformation .stPay .addDataReturn ul .date { width: 90px; float: left; margin-left: 5px; }
.contentFinanceInformation .stPay .addDataReturn ul .contact-data { width: 245px; float: left; margin-left: 5px; }
.contentFinanceInformation .stPay .addDataReturn ul .nf { width: 188px; float: left; margin-left: 5px; }
.contentFinanceInformation .stPay .addDataReturn ul .document { width: 175px; float: left; margin-left: 5px; }
.contentFinanceInformation .stPay .addDataReturn ul .advance-money { width: 90px; float: left; margin-left: 5px; }
.contentFinanceInformation .stPay .addDataReturn ul .description { width: 295px; float: left; margin-left: 5px; }
.contentFinanceInformation .stPay .addDataReturn ul .value { width: 120px; float: left; margin-left: 5px; } */
.contentFinanceInformation .stPay .addDataReturn ul .btw { background: #9E9E9E; float: left; border-radius: 15px; height: 28px; width: 28px; margin: 3px; text-align: center; line-height: 29px; font-size: 16px; margin-top: 27px; cursor: pointer; color: #fff; }
.contentFinanceInformation .stPay .addDataReturn ul .paid { background-color: #8BC34A; }
.contentFinanceInformation .stPay .addDataReturn ul .not-paid { background-color: #c1b590; }
.contentFinanceInformation .stPay .addDataReturn ul .del:hover { background-color: #F44336; }
.contentFinanceInformation .stPay .addDataReturn ul .save:hover { background-color: #fbb75a; }
.contentFinanceInformation .stPay .addDataReturn ul .button-notsave { background-color: #fbb75a; }
.contentFinanceInformation .stPay .addDataReturn ul .btn-cancel { color: rgba(135, 127, 127, 0.79); }
.contentFinanceInformation .stPay .addDataReturn ul .btn-cancel:hover { color: #e8dfc3 !important; }
.contentFinanceInformation .stPay .addDataReturn ul .positive { color: #333 !important; }
.contentFinanceInformation .stPay .addDataReturn ul .negative { color: #c11225 !important;}
.contentFinanceInformation .disable { cursor: default !important; opacity: 0.4; }
.contentFinanceInformation .has-file { background-color: #fbb75a; }
.contentFinanceInformation .stPay .sumTotalPay { width: 100%; height: 100%; background: #4DC5DB; display: flow-root; }
.contentFinanceInformation .stPay .sumTotalPay .infoData { margin-top: 10px; float: right; width: 285px; font-size: 13px; color: #333; margin-right: 13px; margin-bottom: 10px; }
.contentFinanceInformation .stPay .sumTotalPay .title { width: 145px; float: left; }
.contentFinanceInformation .stPay .sumTotalPay .number { float: right; font-family: 'GudeaBold'; }
.contentFinanceInformation .stContract { padding: 14px; background-color: #E8ECDA; }
.contentFinanceInformation .stContract .header { height: 70px; }
/* .contentFinanceInformation .stContract .header .contract { float: left; width: 230px; } */
.contentFinanceInformation .stContract .header .download { margin-top: 24px; }
.contentFinanceInformation .stContract .header .download .download-contract { background: #1783a0; float: right; border-radius: 15px; height: 28px; width: 28px; margin: 3px; text-align: center; line-height: 26px; font-size: 16px; cursor: pointer; color: #fff; }
.contentFinanceInformation .stContract .header .download .download-contract:hover { background: #104d4f; color: #9E9E9E; }
.contentFinanceInformation .stContract .header .action { margin-top: 24px; }
.contentFinanceInformation .stContract .content { margin-top: 20px; }

.contentFinanceInformation .stService table { border-collapse: collapse; width: 100%; }
.contentFinanceInformation .stService table th,
.contentFinanceInformation .stService table td { border: 1px solid #dddddd; text-align: left; padding: 8px; }
.contentFinanceInformation .stService .headerService { font-size: 12px; text-transform: uppercase; width: 100%; background: #ffc107; }
.contentFinanceInformation .stService .listServices { font-size: 12px; background: rgb(254 254 254); }
.contentFinanceInformation .stService .actions { width: 88px; height: 90px; display: block; padding-top: 26px; }
.contentFinanceInformation .stService .actions .bx-actions { float: left; }
.contentFinanceInformation .stService .title { color: #a7a6a6; }
.contentFinanceInformation .stService .value { text-align: right; }
.contentFinanceInformation .stService .value input { width: 120px; }
.contentFinanceInformation .stService .info { width: 100%; }

.contentFinanceInformation .stLog .list-log { width: 100%; background: #E8ECDA; border: 1px solid #CCC; height: 317px; overflow: hidden; }
.contentFinanceInformation .stLog .list-log ul li { padding: 5px; list-style: none; width: 100%; display: inline-table; }
.contentFinanceInformation .stLog .list-log ul li .gp { float: left; margin-left: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; height: 100%; }
.contentFinanceInformation .stLog .list-log ul li .avatar {  }
.contentFinanceInformation .stLog .list-log ul li .avatar img {  }
.contentFinanceInformation .stLog .list-log .date { width: 115px; color: #afafaf; font-size: 11px; }
.contentFinanceInformation .stLog .list-log .name { width: 165px; }
.contentFinanceInformation .stLog .list-log .act { width: 335px; }
.contentFinanceInformation .stLog .list-log .description { color: #b15555; }
.contentFinanceInformation .loading-list { text-align: center; padding: 30px; }

.sendBilletBanking .invites { }
.sendBilletBanking .invites .invitesList { width: 100%; font-size: 18px; height: 116px; background-color: #FFF; border: 2px solid #CCC; overflow: hidden; }
.sendBilletBanking .invites .invitesList input { height: 30px; background-color: transparent; border: 0; -webkit-box-sizing: border-box; outline: 0; width: 100%; border: 1px dashed #CCC; }
.sendBilletBanking .invites .invitesList span { font-size: 12px; background: #FAB939; border: 1px solid #97742E; -webkit-border-radius: 2px; color: #584A2E; display: block; float: left; height: 20px; margin: 2px 4px 4px 0; position: relative; white-space: nowrap; }
.sendBilletBanking .invites .invitesList span .remove { background: url('../../public/image/theme/delEmail.png') no-repeat; cursor: pointer; margin-left: 3px; height: 14px; width: 18px; float: left; margin-top: 2px; }
.sendBilletBanking .invites .invitesList #listInvites { height: 82px; }
.sendBilletBanking .invites .invitesList .ul { display: inline-block; }

.settingsQuotas { }
.settingsQuotas .bx-counterpart { float: left; background: #4bc6db; width: 100%; }
.settingsQuotas #listCounterpart { height: 120px; background: #fff; border: 1px solid #ccc; }
.settingsQuotas #listCounterpart ul { }
.settingsQuotas #listCounterpart ul li { padding: 5px; list-style: none; width: 100%; height: 30px; display: flex; }
.settingsQuotas #listCounterpart ul li div { float: left; margin-left: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.settingsQuotas #listCounterpart .amount { width: 60px; }
.settingsQuotas #listCounterpart .filter { width: 100px; }
.settingsQuotas #listCounterpart .name { width: 220px; }
.settingsQuotas #listCounterpart .remove { float: right; color: #9E9E9E; cursor: pointer; margin-right: 12px; width: 21px; }
.settingsQuotas #listCounterpart .remove:hover { color: #FF5722; }
/* .settingsQuotas .btw { float: right; line-height: 31px; text-align: center; width: 30px; height: 30px; margin: 4px; cursor: pointer; color: #FFF; background-color: #9E9E9E; border-radius: 50%; } */


.settingsSponsors { }
.settingsSponsors .add-payment { margin-top: 22px; }
.settingsSponsors .add-payment .btw { float: right; line-height: 31px; text-align: center; width: 30px; height: 30px; margin: 4px; cursor: pointer; color: #FFF; background-color: #9E9E9E; border-radius: 50%; }
.settingsSponsors .bx-payment { background: #00BCD4; }
.settingsSponsors .listPayment { text-align: center; width: 100%; background: #E8ECDA; border: 1px solid #CCC; height: 230px; overflow: hidden; }
.settingsSponsors .listPayment ul { }
.settingsSponsors .listPayment ul li { padding: 10px; list-style: none; width: 100%; height: 40px;  }
.settingsSponsors .listPayment ul div { float: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.settingsSponsors .listPayment ul .fa { margin: 8px; width: 20px; height: 20px; border-radius: 50%; }
.settingsSponsors .listPayment ul .fa.status_conducted { background-color: #91b535; }
.settingsSponsors .listPayment ul .fa.status_late { background-color: #c11225; }
.settingsSponsors .listPayment ul .fa.status_pending { background-color: #e3ae57; }
.settingsSponsors .listPayment ul .date { width: 76px; margin-left: 10px; }
.settingsSponsors .listPayment ul .description { height: -webkit-fill-available; margin-left: 10px; }
.settingsSponsors .listPayment ul .value { width: 130px; margin-left: 10px; }
.settingsSponsors .listPayment ul .remove { float: right; cursor: pointer; }
.settingsSponsors .listPayment ul .remove:hover { color: #F44336; }
.settingsSponsors .download { margin-top: 24px; }


.observationValueFinance { }
.observationValueFinance .name { font-size: 18px; text-align: center; }
.observationValueFinance .box-observation { margin-top: 30px; background: #FFF; padding: 20px; }
.observationValueFinance .box-observation .observation { }

.projectConfig { }
.projectConfig .add { margin-top: 22px; }
.projectConfig .add .btw { float: right; line-height: 31px; text-align: center; width: 30px; height: 30px; margin: 4px; cursor: pointer; color: #FFF; background-color: #9E9E9E; border-radius: 50%; }
.projectConfig .result-search {  }
.projectConfig .result-search .header { }
.projectConfig .result-search .result-list { height: 590px; background: #fff; overflow: hidden; width: 100%; border: 1px solid #CCC; margin-top: 10px; }
.projectConfig .result-search .result-list li { list-style: none; height: 28px; width: 100%; }
.projectConfig .result-search .result-list li div { color: #666666; float: left; padding: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.projectConfig .result-search .result-list li .name { cursor: pointer; width: 148px; }
.projectConfig .result-search .result-list li .status  { width: 30px; border-right: 1px solid #CCC; }
.projectConfig .result-search .result-list li .status .disabled { background: #FF5722; }
.projectConfig .result-search .result-list li .status .activated { background: #8BC34A; }
.projectConfig .result-search .result-list li .status .pending { background: #FFC107; }
.projectConfig .result-search .result-list li .status .released { background: #8BC34A; }
.projectConfig .result-search .result-list li .status  span { margin: 2px; width: 16px; height: 16px; border-radius: 50%; display: block; }
.projectConfig .result-right { }
.projectConfig .result-right .result-data { height: 635px; background: #fff; border: 1px solid #CCC; }
.projectConfig .result-right .header-nav { height: 25px; margin-bottom: 10px; }
.projectConfig .result-right .header-nav div { width: 128px; cursor: pointer; color: #CCC; float: left; font-size: 10px; text-transform: uppercase; background: rgb(32, 144, 148); padding: 5px; text-align: center; }
.projectConfig .result-right .header-nav div.on { color: #FFF; background: rgb(16, 77, 79); }
.projectConfig .result-right .header-nav .disable { background: #73867F; opacity: 0.3; cursor: default !important; }
.projectConfig .result-right .action-fixed-bottom { width: 95%; position: absolute; bottom: 10px; }
.projectConfig .result-right .action input { margin: 5px; }
.projectConfig .result-right .header-text { height: 25px; margin-bottom: 10px; }
.projectConfig .result-right .header-text div { width: 213px; cursor: pointer; color: #FFF; float: left; font-size: 10px; text-transform: uppercase; background: #FFC107; padding: 5px; text-align: center; }
.projectConfig .result-right .header-text div.on { color: #FFF; background: #bb9111; }
.projectConfig .result-right .header-list { height: 25px; margin-bottom: 10px; }
.projectConfig .result-right .header-list div { width: 213px; cursor: pointer; color: #FFF; float: left; font-size: 10px; text-transform: uppercase; background: #FFC107; padding: 5px; text-align: center; }
.projectConfig .result-right .header-list div.on { color: #FFF; background: #bb9111; }
.projectConfig .result-search-type { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; float: left; }
.projectConfig .result-search-type .result-list { height: 363px; background: #fff; overflow: hidden; width: 100%; border: 1px solid #CCC; margin-top: 10px; }
.projectConfig .result-search-type .result-list li { list-style: none; height: 28px; width: 100%; }
.projectConfig .result-search-type .result-list li div { color: #666666; float: left; padding: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.projectConfig .result-search-type .result-list li .name { cursor: pointer; width: 167px; }
.projectConfig .result-data-type { height: 407px; background: #fff; border: 1px solid #CCC; }
.projectConfig .result-search-category { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; float: left; }
.projectConfig .result-search-category .result-list { height: 363px; background: #fff; overflow: hidden; width: 100%; border: 1px solid #CCC; margin-top: 10px; }
.projectConfig .result-search-category .result-list li { list-style: none; height: 28px; width: 100%; }
.projectConfig .result-search-category .result-list li div { color: #666666; float: left; padding: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.projectConfig .result-search-category .result-list li .name { cursor: pointer; width: 173px; }
.projectConfig .result-data-category { height: 407px; background: #fff; border: 1px solid #CCC; }
.projectConfig .result-data-category .openListService { height: 40px; background: #421e1e; color: #FFF; padding: 10px; text-align: center; cursor: pointer; border-radius: 5px; text-transform: uppercase; margin-top: 20px; }
.projectConfig .result-data-category .openListService:hover { background: #b14c4c; }
.projectConfig .box-price { }
.projectConfig .box-price .add-price { border-radius: 0px; }
.projectConfig .box-price .box-price-list { width: 100%; height: 229px; background-color: #f7ecc1; border: 2px solid #fbb75a; }
.projectConfig .box-price .box-price-list li { width: 100%; list-style: none; height: 115px; border: 1px solid #CCC; }
.projectConfig .box-price .box-price-list li div { float: left; }
.projectConfig .box-price .box-price-list .val { margin-left: 2px; width: 77px; }
.projectConfig .box-price .box-price-list .percent { margin-left: 2px; width: 125px; }
.projectConfig .box-price .box-price-list .delete { cursor: pointer; color: #666666; width: 38px; height: 34px; font-size: 25px; }
.projectConfig .box-price .box-price-list .delete:hover { color: #FF5722; }


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


.settingsCounterpartSystem { }
.settingsCounterpartSystem .result-search { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
.settingsCounterpartSystem .result-search .result-list { height: 250px; background: #fff; overflow: hidden; width: 100%; border: 1px solid #CCC; margin-top: 10px; }
.settingsCounterpartSystem .result-search .result-list li { list-style: none; height: 28px; width: 100%; }
.settingsCounterpartSystem .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; }
.settingsCounterpartSystem .result-search .result-list li .name { cursor: pointer; width: 201px; }
.settingsCounterpartSystem .result-data { height: 295px; background: #fff; border: 1px solid #CCC; padding-top: 20px; }
.settingsCounterpartSystem .result-data .action-fixed-bottom { width: 88%; position: absolute; bottom: 10px; }
.settingsCounterpartSystem .result-data .action input { margin: 5px; }

.projectInformationProdDate { }
.projectInformationProdDate .access-modal {     margin-top: 15px; }
.projectInformationProdDate .access-modal .list-access { height: 150px; }
.projectInformationProdDate .access-modal .list-access ul { }
.projectInformationProdDate .access-modal .list-access .div-li { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #666666; cursor: pointer; list-style: none; width: 100%; height: 27px; padding: 5px; font-size: 13px; }
.projectInformationProdDate .access-modal .list-access .icon { float: left; color: #CCC; }
.projectInformationProdDate .access-modal .list-access .on .icon { color: #8BC34A; }
.projectInformationProdDate .access-modal .list-access .name { float: left; }
.projectInformationProdDate .access-modal .list-access .title { background: #607D8B; color: #fff; cursor: default; }

.settingsProjectSubcategory { }
.settingsProjectSubcategory .header-list { height: 25px; margin-bottom: 10px; }
.settingsProjectSubcategory .header-list div { cursor: pointer; color: #FFF; float: left; font-size: 10px; text-transform: uppercase; background: #FFC107; padding: 5px; text-align: center; }
.settingsProjectSubcategory .header-list div.on { color: #FFF; background: #bb9111; }
.settingsProjectSubcategory .header-list.btn-1 div { width: 668px; }
.settingsProjectSubcategory .header-list.btn-2 div { width: 333px;  }
.settingsProjectSubcategory .result-list { height: 400px; background: #fff; overflow: hidden; width: 100%; border: 1px solid #CCC; }
.settingsProjectSubcategory .result-list li { list-style: none; height: 28px; width: 100%; }
.settingsProjectSubcategory .result-list li div { color: #666666; float: left; padding: 4px; border-right: 1px solid #CCC; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.settingsProjectSubcategory .result-list li .name { cursor: pointer; width: 201px; }
.settingsProjectSubcategory .action-fixed-bottom {  margin-top: 35px; }
.settingsProjectSubcategory .action-fixed-bottom input { margin: 5px; }
.settingsProjectSubcategory .result-data-service { background: #fff; height: 444px; width: 100%; border: 1px solid #CCC; }
.settingsProjectSubcategory .result-data-move { background: #fff; height: 444px; width: 100%; border: 1px solid #CCC; }



.budget-basket { float: left; margin-bottom: 20px; border: 2px solid #4DC5DB; background: #fff; margin-top: 20px; padding-top: 15px; padding-bottom: 15px; width: 100%; }
.budget-basket .group-list-basket { height: 584px; background: #eaeaea; border: 1px solid #cccccc; padding: 10px; }
.budget-basket .group-list-basket .result-basket { height: 558px; }
.budget-basket .group-list-basket .label-title-server { height: 35px; padding: 5px; border-bottom: 2px dotted #B9BABE; }
.budget-basket .group-list-basket .quote-dropdown-item_quote .status-quote { background-color: #fb8500 !important; }
.budget-basket .group-list-basket .quote-dropdown-item_quote .status-quote:hover { background-color: #ffb703 !important; }
.budget-basket .no-more-data { text-align: center; text-transform: uppercase; color: #9E9E9E; margin-top: 25px; }
.budget-basket .liVal { padding: 5px; border-bottom: 1px solid #CCC; list-style: none; padding-right: 10px; }
.budget-basket .liVal .hdVal { width: 100%; height: 100%; color: #333; font-size: 12px; display: inline-block; }
.budget-basket .liVal .dv { white-space: nowrap; overflow: hidden; padding: 5px; float: right; width: 98px; }
.budget-basket .liVal .label-value { font-size: 11px; float: left; width: 100%; }
.budget-basket .liVal .dv input { color: #666666; float: left; border: none; font-size: 10px; background-color: transparent !important; }
.budget-basket .liVal .actions { float: right; }
.budget-basket .liVal .valueContract input { color: #4E84DA; }
.budget-basket .liVal .valuePaid input { color: #fb8500; }
.budget-basket .liVal .positive { color: #91B535 !important; }
.budget-basket .liVal .negative { color: #C11225 !important;}
.budget-basket .liVal .name { width: 310px; float: left; }
.budget-basket .liVal .moreDate { line-height: 26px; font-size: 15px; color: #FFF; text-align: center; float: right; height: 25px; width: 25px; cursor: pointer; background-color: #9E9E9E; border-radius: 50%; padding-left: 1px; }
.budget-basket .liVal .moreDate:hover { background-color: #fbb75a; }
.budget-basket .table-name { font-size: 10px; color: #999; }
.budget-basket .status-quote { cursor: pointer; line-height: 21px; height: 20px; width: 20px; float: left; color: #FFF; background-color: #9E9E9E; border-radius: 50%; margin: 2px; font-size: 12px; text-align: center; }
.budget-basket .information { width: 85px; float: left; }
.budget-basket .information-txt { float: left;  }
.budget-basket .profitability-box { float: left; }
.budget-basket .box-chat { float: left; }
.budget-basket .box-chat .observation { opacity: 0.7 !important; height: 20px; width: 20px; float: left; color: #FFF; background-color: #9E9E9E; border-radius: 50%; margin: 2px; font-size: 14px; text-align: center; margin-right: 10px; }
.budget-basket .box-chat .count-observation { background: #d4481b; text-align: center; font-size: 10px; color: white;
  border-radius: 5px; padding: 2px 9px; position: absolute; margin-top: 28px; }
.budget-basket .box-chat .count-observation::before { content: ""; position: absolute; top: -5px; left: 50%; transform: translateX(-50%);
  border-width: 0 5px 5px 5px; border-style: solid; border-color: transparent transparent #d4481b transparent; }
.budget-basket .action-dropdown-bx { float: left; }
.budget-basket .type-payment { float: left; line-height: 20px; height: 20px; width: 20px; color: #FFF; background-color: #9E9E9E; border-radius: 50%; margin: 2px; font-size: 11px; text-align: center; }
.budget-basket .type-payment.item-filter-payment-include_my_payment { background-color: #8BC34A; }
.budget-basket .type-payment.item-filter-payment-order_payment { background-color: #e4d06c; }
.budget-basket .type-payment.item-filter-payment-direct_payment { background-color: #fbb75a; }
.budget-basket .type-payment.item-filter-payment-incentive_payment { background-color: #008cab; }
.budget-basket .item-cost-group { border-bottom: 2px dotted #B9BABE; padding-bottom: 5px; }
.budget-basket .item-cost-group .loading-lazy { margin-left: 20px; font-size: 11px; color: #999; }
.budget-basket .item-cost-group li { list-style: none; }
.budget-basket .item-cost-group .even { background: #D1E4CD; }
.budget-basket .item-cost-group .odd { background: #EEECED; }
.budget-basket .item-cost-group .item-cost { height:100%; width: 100%; margin-left: 7px; padding: 5px; display: inline-block; }
.budget-basket .item-cost-group .item-cost .description { white-space: nowrap; overflow: hidden; }
.budget-basket .item-cost-group .item-cost .description span { color: #333; font-family: 'GudeaBold'; }
.budget-basket .item-cost-group .item-cost .actLi .btw { line-height: 28px; text-align: center; font-size: 15px; width: 26px; height: 26px; margin: 4px; cursor: pointer; float: left; color: #FFF; background-color: #9E9E9E; border-radius: 50%; margin-top: 28px; }
.budget-basket .item-cost-group .item-cost .actLi .edit:hover { background-color: #e3ae57; }
.budget-basket .item-cost-group .item-cost .actLi .edit.button-notsave { background-color: #e3ae57; }
.budget-basket .item-cost-group .item-cost .actLi .del:hover { background-color: #F44336; }
.budget-basket .item-cost-group .item-cost .actLi .more-information:hover { background-color: #1783a0; }
.budget-basket .item-cost-group .item-cost .actLi .disable { opacity: 0.2; cursor: default !important; }
.budget-basket .item-cost-group .item-cost .actLi .receipt:hover { background-color: #1783a0; }


.basketItem .group-info-amount { display: flex; float: left; }
.basketItem .group-info-amount .amount-box { width: 75px; float: left; }
.basketItem .group-info-amount .occurrence-box { width: 75px; float: left; margin-left: 5px; }
.basketItem .group-info-amount .shift-box { width: 55px; float: left; margin-left: 5px; }
.basketItem .group-info-amount .value-box { width: 50%; float: left; }
.basketItem .group-info-amount .total-box { width: 50%; float: left; }
.basketItem .group-info-amount .change-label { font-family: 'GudeaBold'; color: #333; cursor: pointer; font-size: 10px; }
.basketItem .group-info-amount .change-label:hover { color: #607D8B; }


.basket-list-service .availability { }
.basket-list-service .availability.quote_created { background-color: #9e9e9e !important; }
.basket-list-service .availability.quote_progress { background-color: #fb8500 !important; }
.basket-list-service .availability.quote_requested { background-color: #76c893 !important; }
.basket-list-service .availability.quote_negotiation { background-color: #34a0a4 !important; }
.basket-list-service .availability.quote_payment { background-color: #1a759f !important; }
.basket-list-service .availability.quote_finished { background-color: #003049 !important; }
.basket-list-service .group-info-amount { display: flex; float: left; }
.basket-list-service .group-info-amount .amount-box { width: 75px; float: left; }
.basket-list-service .group-info-amount .occurrence-box { width: 75px; float: left; margin-left: 5px; }
.basket-list-service .group-info-amount .shift-box { width: 55px; float: left; margin-left: 5px; }
.basket-list-service .group-info-amount .value-box { width: 50%; float: left; }
.basket-list-service .group-info-amount .total-box { width: 50%; float: left; }
.basket-list-service .group-info-amount .change-label { font-family: 'GudeaBold'; color: #333; cursor: pointer; font-size: 10px; }
.basket-list-service .group-info-amount .change-label:hover { color: #607D8B; }
.basket-list-service .list-quote { height: 496px; border: 1px solid #cccccc; }
.basket-list-service li { list-style: none; display: inline-block; width: 100%; }
.basket-list-service .actions {  }
.basket-list-service .actions .btw { line-height: 28px; text-align: center; font-size: 15px; width: 26px; height: 26px; margin: 4px; cursor: pointer; float: left; color: #FFF; background-color: #9E9E9E; border-radius: 50%; margin-top: 28px; }
.basket-list-service .actions .edit:hover { background-color: #e3ae57; }
.basket-list-service .actions .edit.button-notsave { background-color: #e3ae57; }
.basket-list-service .actions .del:hover { background-color: #F44336; }
.basket-list-service .actions .disable { opacity: 0.2; cursor: default !important; }

.basket-list-service-info .list-estimate { height: 390px; border: 1px solid #cccccc; }
.basket-list-service-info .list-estimate li { list-style: none; display: inline-block; width: 100%; }
.basket-list-service-info .list-estimate .actions {  }
.basket-list-service-info .list-estimate .actions .btw { line-height: 28px; text-align: center; font-size: 15px; width: 26px; height: 26px; margin: 4px; cursor: pointer; float: left; color: #FFF; background-color: #9E9E9E; border-radius: 50%; margin-top: 28px; }
.basket-list-service-info .list-estimate .actions .edit:hover { background-color: #e3ae57; }
.basket-list-service-info .list-estimate .actions .edit.button-notsave { background-color: #e3ae57; }
.basket-list-service-info .list-estimate .actions .del:hover { background-color: #F44336; }
.basket-list-service-info .list-estimate .actions .disable { opacity: 0.2; cursor: default !important; }


@media screen and (max-width: 615px) {
    .projectModal .listProjectBudget .content-item .search-box { width: 315px; }
    .projectModal .return_finance .item-cost .description {  width: 100%; }
    .projectModal .returnTabBudget .return_budget .infoValueBudget { display: block; }
}

@media screen and (min-width: 1300px) {
    .projectModal .listProjectBudget .content-item .search-box {  width: 315px; }
}

@media screen and (min-width: 1600px) {
    .projectModal .listProjectBudget .content-item .search-box {  width: 450px; }
}