@charset "utf-8";

.window-doinlive-computer { height: 490px; width: 650px; }
.window-doinlive-mobile { width: 100%; height: 490px; }
.window-doinlive { background-color: rgb(182, 115, 159);  }
.window-doinlive .contentInputControl { }
.window-doinlive .contentInputControl .headerData .nav { float: right; margin-top: -3px; }
.window-doinlive .contentInputControl .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-doinlive .contentInputControl .headerData .nav .btw:hover { background-color: #607D8B; }
.window-doinlive .contentInputControl .headerData .nav .on { background-color: #607D8B; }
.window-doinlive .contentInputControl .headerData .moreProjectInput { float: left; }
.window-doinlive .contentInputControl .headerData .btConfig { float: left; }
.window-doinlive .contentInputControl .headerData .search { width: 200px; }
.window-doinlive .result { background-color: #FFF; height: 370px; font-size: 11px; }
.window-doinlive .result .headerList { height: 31px; width: 100%; background-color: rgb(150, 123, 147); }
.window-doinlive .result ul {  }
.window-doinlive .result ul li { list-style: none; width: 100%; }
.window-doinlive .result ul li div { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; float: left; padding: 6px; border-left: 1px solid #AFABAB; height: 30px; }
.window-doinlive .result .status { width: 30px; }
.window-doinlive .result .status .disabled { background: #FF5722; }
.window-doinlive .result .status .activated { background: #8BC34A; }
.window-doinlive .result .status span { margin: 2px; width: 16px; height: 16px; border-radius: 50%; display: block; }
.window-doinlive .result .date { width: 115px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.window-doinlive .result .barcode { width: 100px; }
.window-doinlive .result .name { width: 255px; }
.window-doinlive .result .name-community { width: 580px; }
.window-doinlive .result .value { width: 92px; }
.window-doinlive .result .listInputControl { overflow: hidden; height: 344px; width: 100%; }
.window-doinlive .result .listInputControl li { width: 100%; cursor: pointer; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; }
.window-doinlive .result .listInputProject { overflow: hidden; height: 344px; width: 100%; }
.window-doinlive .result .listInputProject li { width: 100%; cursor: pointer; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; }


.modalSettingsInput .navTabProj { height: 30px; margin-bottom: 20px; }
.modalSettingsInput .navTabProj div { margin-left: 5px; cursor: pointer; color: #CCC; float: left; width: 169px; text-transform: uppercase; background: rgb(32, 144, 148); padding: 5px; text-align: center; }
.modalSettingsInput .navTabProj div:first-child { margin-left: 0px !important; }
.modalSettingsInput .navTabProj div.on { color: #FFF; background: #4DC5DB; }
.modalSettingsInput .navTabProj div.disable { background: #73867F; opacity: 0.3; cursor: default !important; }
.modalSettingsInput .changeLogo { border-radius: 50%; overflow: hidden; width: 170px; height: 170px; border: 5px solid #fab941; left: 0; right: 0; display: inline-block; }
.modalSettingsInput .changeLogo img { width: 162px; height: 162px; }
.modalSettingsInput .changeLogo .fileIFrame { position: absolute; }
.modalSettingsInput .changeLogo .changePhoto { opacity: 0.01; filter: alpha(opacity=1); width: 24px; height: 24px; }
.modalSettingsInput .changeLogo .upload { margin-top: 30px; margin-left: 115px; position: absolute; }
.modalSettingsInput .changeLogo .bt-upload { text-align: center; border-radius: 33px; height: 25px; width: 25px; cursor: pointer; background: rgba(125, 122, 122, 0.79); }
.modalSettingsInput .changeLogo .bt-upload:hover { background: rgba(51, 51, 51, 0.79); }
.modalSettingsInput .changeLogo .bt-upload label { cursor: pointer; font-size: 8px; margin-top: 8px; color: #FFF; }
.modalSettingsInput .changeLogo .bt-upload input { cursor: pointer; opacity: 0; position: absolute; z-index: 5; margin-top: -31px; }
.modalSettingsInput .changeLogo .bt-rotate-image { margin-top: 30px; margin-left: 20px; color: #FFF; font-size: 15px; line-height: 27px; position: absolute; text-align: center; border-radius: 33px; height: 25px; width: 25px; cursor: pointer; background: rgba(125, 122, 122, 0.79); }
.modalSettingsInput .changeLogo .bt-rotate-image:hover { background: rgba(51, 51, 51, 0.79); }
.modalSettingsInput .changeLogo .error { width: 100%; height: 100%; background: red; color: #fff; text-transform: uppercase; text-align: center; font-size: 25px; line-height: 140px; }
.modalSettingsInput .changeLogo .progressUpload { text-align: center; position: absolute;  width: 133px; margin-top: 76px; margin-left: 11px; border: 1px solid #ddd; padding: 1px; border-radius: 3px; }
.modalSettingsInput .changeLogo .barUpload { background-color: #E3C046; width: 0%; height: 12px; border-radius: 3px; }
.modalSettingsInput .changeLogo .percentUpload { color: #333; position: absolute; display: inline-block; top: 1px; left: 48%; font-size: 9px; line-height: 12px; }
.modalSettingsInput .changeLogo .imgReturn { text-align: center; }
.modalSettingsInput .changeLogo .ok { margin-top: 53px; color: #8BC34A; font-size: 40px; }
.modalSettingsInput .changeLogo .loading { margin-top: 61px; font-size: 30px; color: #8e8989; }
.modalSettingsInput .changeLogo .waiting { margin-top: 73px; font-size: 14px; color: #8e8989;  }
.modalSettingsInput .change-bkg-image { overflow: hidden; width: 419px; height: 195px; border: 5px solid #fab941; left: 0; right: 0; }
.modalSettingsInput .change-bkg-image img { width: 410px; height: 185px; }
.modalSettingsInput .change-bkg-image .fileIFrame { position: absolute; }
.modalSettingsInput .change-bkg-image .changePhoto { opacity: 0.01; filter: alpha(opacity=1); width: 24px; height: 24px; }
.modalSettingsInput .change-bkg-image .upload { margin-top: 30px; margin-left: 364px; position: absolute; }
.modalSettingsInput .change-bkg-image .bt-upload { text-align: center; border-radius: 33px; height: 25px; width: 25px; cursor: pointer; background: rgba(125, 122, 122, 0.79); }
.modalSettingsInput .change-bkg-image .bt-upload:hover { background: rgba(51, 51, 51, 0.79); }
.modalSettingsInput .change-bkg-image .bt-upload label { cursor: pointer; font-size: 8px; margin-top: 8px; color: #FFF; }
.modalSettingsInput .change-bkg-image .bt-upload input { cursor: pointer; opacity: 0; position: absolute; z-index: 5; margin-top: -31px; }
.modalSettingsInput .change-bkg-image .bt-remove-image { margin-top: 30px; margin-left: 20px; color: #FFF; font-size: 15px; line-height: 26px; position: absolute; text-align: center; border-radius: 33px; height: 25px; width: 25px; cursor: pointer; background: rgba(125, 122, 122, 0.79); }
.modalSettingsInput .change-bkg-image .bt-remove-image:hover { background: rgba(51, 51, 51, 0.79); }
.modalSettingsInput .change-bkg-image .error { width: 100%; height: 100%; background: red; color: #fff; text-transform: uppercase; text-align: center; font-size: 25px; line-height: 140px; }
.modalSettingsInput .change-bkg-image .progressUpload { text-align: center; position: absolute;  width: 133px; margin-top: 76px; margin-left: 11px; border: 1px solid #ddd; padding: 1px; border-radius: 3px; }
.modalSettingsInput .change-bkg-image .barUpload { background-color: #E3C046; width: 0%; height: 12px; border-radius: 3px; }
.modalSettingsInput .change-bkg-image .percentUpload { color: #333; position: absolute; display: inline-block; top: 1px; left: 48%; font-size: 9px; line-height: 12px; }
.modalSettingsInput .change-bkg-image .imgReturn { text-align: center; }
.modalSettingsInput .change-bkg-image .ok { margin-top: 53px; color: #8BC34A; font-size: 40px; }
.modalSettingsInput .change-bkg-image .loading { margin-top: 61px; font-size: 30px; color: #8e8989; }
.modalSettingsInput .change-bkg-image .waiting { margin-top: 73px; font-size: 14px; color: #8e8989;  }

.modalSettingsInput .change-bkg-video { overflow: hidden; width: 100%; height: auto; border: 5px solid #fab941; left: 0; right: 0; min-height: 200px; }
.modalSettingsInput .change-bkg-video img { width: 100%; height: auto; }
.modalSettingsInput .change-bkg-video .fileIFrame { position: absolute; }
.modalSettingsInput .change-bkg-video .changePhoto { opacity: 0.01; filter: alpha(opacity=1); width: 24px; height: 24px; }
.modalSettingsInput .change-bkg-video .upload { margin-top: 30px; margin-left: 204px; position: absolute; }
.modalSettingsInput .change-bkg-video .bt-upload { z-index: 100; text-align: center; border-radius: 33px; height: 25px; width: 25px; cursor: pointer; background: rgba(125, 122, 122, 0.79); }
.modalSettingsInput .change-bkg-video .bt-upload:hover { background: rgba(51, 51, 51, 0.79); }
.modalSettingsInput .change-bkg-video .bt-upload label { cursor: pointer; font-size: 8px; margin-top: 8px; color: #FFF; }
.modalSettingsInput .change-bkg-video .bt-upload input { cursor: pointer; opacity: 0; position: absolute; z-index: 5; margin-top: -31px; }
.modalSettingsInput .change-bkg-video .bt-remove-video { z-index: 100; margin-top: 30px; margin-left: 20px; color: #FFF; font-size: 15px; line-height: 27px; position: absolute; text-align: center; border-radius: 33px; height: 25px; width: 25px; cursor: pointer; background: rgba(125, 122, 122, 0.79); }
.modalSettingsInput .change-bkg-video .bt-remove-video:hover { background: rgba(51, 51, 51, 0.79); }
.modalSettingsInput .change-bkg-video .error { width: 100%; height: 100%; background: red; color: #fff; text-transform: uppercase; text-align: center; font-size: 25px; line-height: 140px; }
.modalSettingsInput .change-bkg-video .progressUpload { text-align: center; position: absolute;  width: 133px; margin-top: 76px; margin-left: 11px; border: 1px solid #ddd; padding: 1px; border-radius: 3px; }
.modalSettingsInput .change-bkg-video .barUpload { background-color: #E3C046; width: 0%; height: 12px; border-radius: 3px; }
.modalSettingsInput .change-bkg-video .percentUpload { color: #333; position: absolute; display: inline-block; top: 1px; left: 48%; font-size: 9px; line-height: 12px; }
.modalSettingsInput .change-bkg-video .imgReturn { text-align: center; }
.modalSettingsInput .change-bkg-video .ok { margin-top: 53px; color: #8BC34A; font-size: 40px; }
.modalSettingsInput .change-bkg-video .loading { margin-top: 61px; font-size: 30px; color: #8e8989; }
.modalSettingsInput .change-bkg-video .waiting { margin-top: 73px; font-size: 14px; color: #8e8989;  }

.modalSettingsInput .description textarea { height: 75px; }
.modalSettingsInput .actions input { margin: 0 10px; }
.modalSettingsInput .navTabInfo { background: #3d9aab; padding: 10px; }
.modalSettingsInput .navTabInfo div { margin-left: 5px; cursor: pointer; color: #CCC; float: left; width: 215px; text-transform: uppercase; background: #e9e4e5; padding: 5px; text-align: center; }
.modalSettingsInput .navTabInfo div:first-child { margin-left: 0px !important; }
.modalSettingsInput .navTabInfo div.on { color: #FFF; background: #666666; }
.modalSettingsInput .navTabInfo div.disable { background: #73867F; opacity: 0.3; cursor: default !important; }
.modalSettingsInput .navTabSubInfo { background: #3d9aab; padding: 10px; }
.modalSettingsInput .navTabSubInfo div { margin-left: 5px; cursor: pointer; color: #CCC; float: left; width: 435px; text-transform: uppercase; background: #e9e4e5; text-align: center; }
.modalSettingsInput .navTabSubInfo div:first-child { margin-left: 0px !important; }
.modalSettingsInput .navTabSubInfo div.on { color: #FFF; background: #8e8989; }
.modalSettingsInput .navTabSubInfo div.disable { background: #73867F; opacity: 0.3; cursor: default !important; }
.modalSettingsInput .mapGoogleContact { width: 100%; height: 203px; border: 4px solid #EEEFE8; background: #E8E8E8; }
.modalSettingsInput .select-lag-txt .btn { border-radius: 0px; }
.modalSettingsInput .select-lag-bx .input-label { font-size: 11px; padding: 0px; color: #666666; }
.modalSettingsInput .chamge-image { margin-top: 20px; }
.modalSettingsInput .chamge-image .change-image-og { overflow: hidden; height: 290px; }
.modalSettingsInput .chamge-image .change-image-og img { height: 250px; width: auto; }
.modalSettingsInput .chamge-image .header { margin-bottom: 5px; display: inline-block; }
.modalSettingsInput .chamge-image .input-file { cursor: pointer; position: absolute; margin-top: -24px; opacity: 0.01; filter: alpha(opacity=1); width: 24px; height: 24px; }
.modalSettingsInput .chamge-image .info { padding: 7px; float: left; color: #666666; font-size: 11px; }
.modalSettingsInput .chamge-image .bt-upload { cursor: pointer; color: #666666; font-size: 20px; float: left; }
.modalSettingsInput .chamge-image .bt-upload:hover {  color: #4dc6db;  }
.modalSettingsInput .chamge-image .error { width: 100%; height: 100%; background: red; color: #fff; text-transform: uppercase; text-align: center; font-size: 25px; line-height: 140px; }
.modalSettingsInput .chamge-image .progressUpload { text-align: center; width: 80%; border: 1px solid #ddd; padding: 1px; border-radius: 3px; margin-top: 10px; }
.modalSettingsInput .chamge-image .barUpload { background-color: #E3C046; width: 0%; height: 12px; border-radius: 3px; }
.modalSettingsInput .chamge-image .percentUpload { color: #333; position: absolute; display: inline-block; top: 1px; left: 48%; font-size: 9px; line-height: 12px; }
.modalSettingsInput .chamge-image .imgReturn { text-align: center; }
.modalSettingsInput .chamge-image .ok { color: #8BC34A; font-size: 40px; }
.modalSettingsInput .chamge-image .loading { margin-top: 39px; font-size: 30px; color: #8e8989; }
.modalSettingsInput .chamge-image .waiting { margin-top: 39px; font-size: 14px; color: #8e8989; }
.modalSettingsInput .resultTabProject .result-search { }
.modalSettingsInput .resultTabProject .result-search .header-nav { height: 25px; margin-bottom: 10px; }
.modalSettingsInput .resultTabProject .result-search .header-nav div { cursor: pointer; color: #CCC; float: left; font-size: 10px; text-transform: uppercase; background: rgb(32, 144, 148); padding: 5px; text-align: center; }
.modalSettingsInput .resultTabProject .result-search .header-nav div.on { color: #FFF; background: rgb(16, 77, 79); }
.modalSettingsInput .resultTabProject .result-search .header-nav-2 div { width: 134px; }
.modalSettingsInput .resultTabProject .result-search .header-nav-3 div { width: 89px; }
.modalSettingsInput .resultTabProject .result-search .header-nav-4 div { width: 67px; }
.modalSettingsInput .resultTabProject .result-data .header-nav { height: 25px; margin-bottom: 10px; }
.modalSettingsInput .resultTabProject .result-data .header-nav div { cursor: pointer; color: #CCC; float: left; font-size: 10px; text-transform: uppercase; background: rgb(32, 144, 148); padding: 5px; text-align: center; }
.modalSettingsInput .resultTabProject .result-data .header-nav div.on { color: #FFF; background: rgb(16, 77, 79); }
.modalSettingsInput .resultTabProject .result-data .header-nav-2 div { width: 262px; }
.modalSettingsInput .resultTabProject .result-data .header-nav-3 div { width: 175px; }
.modalSettingsInput .resultTabProject .result-data .header-nav-4 div { width: 130px; }
.modalSettingsInput .resultTabProject .result-data .header-nav-5 div { width: 105px; }
.modalSettingsInput .resultTabProject .result-data .header-nav-6 div { width: 87px; }
.modalSettingsInput .select-filter { color: #ff5722; }
.modalSettingsInput .result-list { background: #fff; overflow: hidden; width: 100%; border: 1px solid #CCC; margin-top: 10px; }
.modalSettingsInput .result-list-585 { height: 585px; }
.modalSettingsInput .result-list-670 { height: 670px; }
.modalSettingsInput .result-list-705 { height: 705px; }
.modalSettingsInput .result-list-715 { height: 715px; }
.modalSettingsInput .result-list-750 { height: 750px; }
.modalSettingsInput .result-list-786 { height: 786px; }
.modalSettingsInput .result-list-795 { height: 795px; }
.modalSettingsInput .result-list li { list-style: none; height: 28px; width: 100%; }
.modalSettingsInput .result-list li div { color: #666666; float: left; cursor: pointer; padding: 4px; border-left: 1px solid #CCC; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.modalSettingsInput .result-list li .name { cursor: pointer; width: 193px; }
.modalSettingsInput .result-list li .name-100 { cursor: pointer; width: 222px; }
.modalSettingsInput .result-list li .size-50 { width: 50px; }
.modalSettingsInput .result-list li .size-80 { width: 80px; }
.modalSettingsInput .result-list li .size-130 { width: 130px; }
.modalSettingsInput .result-list li .size-560 { width: 560px; }
.modalSettingsInput .result-list li .status  { width: 30px; }
.modalSettingsInput .result-list li .status .account_activated,
.modalSettingsInput .result-list li .status .activated,
.modalSettingsInput .result-list li .status .enabled { background: #8BC34A; }
.modalSettingsInput .result-list li .status .account_cancelled,
.modalSettingsInput .result-list li .status .disabled { background: #777; }
.modalSettingsInput .result-list li .status .account_validate { background: #333; }
.modalSettingsInput .result-list li .status .account_vote { background: #fbb75a; }
.modalSettingsInput .result-list li .status .account_not_payment { background: #FF5722; }
/* .modalSettingsInput .result-list li .status .disabled { background: #FF5722; }
.modalSettingsInput .result-list li .status .enabled { background: #8BC34A; }
.modalSettingsInput .result-list li .status .pending { background: #FFC107; }
.modalSettingsInput .result-list li .status .released { background: #8BC34A; }
.modalSettingsInput .result-list li .status .accept { background: #8BC34A; }
.modalSettingsInput .result-list li .status .refuse { background: #FF5722; }
.modalSettingsInput .result-list li .status .pending_pay { background: #FF5722; }
.modalSettingsInput .result-list li .status .interpose { background: #FF5722; }
.modalSettingsInput .result-list li .status .pending_council { background: #666666; } */
.modalSettingsInput .result-list li .status span { margin: 2px; width: 16px; height: 16px; border-radius: 50%; display: block; }
.modalSettingsInput .result-list li .remove { cursor: pointer; float: right; margin-right: 10px; }
.modalSettingsInput .result-list li .remove:hover { color: #F44336; }
.modalSettingsInput .action-fixed-bottom { width: 88%; position: absolute; bottom: 10px; }
.modalSettingsInput .action-fixed-bottom.action input { margin: 5px; }
.modalSettingsInput .resultTabProject .result-data { background: #fff; height: 830px; border: 1px solid #CCC; padding: 20px; }
.modalSettingsInput .resultTabProject .result-data .bx-12 { width: 100%; float: left; }
.modalSettingsInput .resultTabProject .result-data .bx-6 { margin: 7px; width: 47%; float: left; }
.modalSettingsInput .resultTabProject .result-data .bx-4 { margin: 7px; width: 30%; float: left; }
.modalSettingsInput .resultTabProject .result-data .bx-list { overflow: hidden; width: 100%; border: 1px solid #CCC; margin-top: 10px; }
.modalSettingsInput .resultTabProject .result-data .bx-list li { list-style: none; height: 34px; width: 100%; }
.modalSettingsInput .resultTabProject .result-data .bx-list li div { margin: 0px; color: #666666; float: left; padding: 4px; border-left: 1px solid #CCC; height: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.modalSettingsInput .resultTabProject .result-data .bx-list .fa { font-size: 18px; cursor: pointer; line-height: 27px; }
.modalSettingsInput .resultTabProject .result-data .bx-list .fa.icon-system-toggle-on { color: #8BC34A; }
.modalSettingsInput .resultTabProject .result-data .bx-list .fa.icon-system-toggle-off { color: #666666; }
.modalSettingsInput .resultTabProject .result-data .bx-list .status  { width: 30px; }
.modalSettingsInput .resultTabProject .result-data .bx-list .status .disabled { background: #FF5722; }
.modalSettingsInput .resultTabProject .result-data .bx-list .status .activated { background: #8BC34A; }
.modalSettingsInput .resultTabProject .result-data .bx-list .status .pending { background: #FFC107; }
.modalSettingsInput .resultTabProject .result-data .bx-list .status .released { background: #8BC34A; }
.modalSettingsInput .resultTabProject .result-data .bx-list .status  span { margin: 2px; width: 16px; height: 16px; border-radius: 50%; display: block; }
.modalSettingsInput .resultTabProject .result-data .bx-list .name-event { width: 385px; }
.modalSettingsInput .resultTabProject .result-data .bx-list .hours { width: 95px; }
.modalSettingsInput .resultTabProject .result-data .bx-list.result-users { height: 350px; }
.modalSettingsInput .resultTabProject .result-header { }
.modalSettingsInput .resultTabProject .result-header .search { float: left; width: 240px; }
.modalSettingsInput .resultTabProject .result-header .value-gross { float: left; padding: 7px; }
.modalSettingsInput .resultTabProject .result-header .value-gross span { font-family: 'GudeaBold', georgia; }
.modalSettingsInput .resultTabProject .result-header .value-net { float: left; padding: 7px; }
.modalSettingsInput .resultTabProject .result-header .value-net span { font-family: 'GudeaBold', georgia; }
.modalSettingsInput .resultTabProject .result-data-list { background: #fff; height: 556px; border: 1px solid #CCC; }
.modalSettingsInput .resultTabProject .result-data-list ul { list-style: none; }
.modalSettingsInput .resultTabProject .result-data-list ul li { list-style: none; height: 34px; width: 100%; }
.modalSettingsInput .resultTabProject .result-data-list ul div { margin: 0px; color: #666666; float: left; padding: 6px; border-left: 1px solid #CCC; height: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.modalSettingsInput .resultTabProject .result-data-list ul .status { width: 27px; }
.modalSettingsInput .resultTabProject .result-data-list ul .status span { margin-top: 2px; width: 16px; height: 16px; background: #9E9E9E; display: block; border-radius: 10px; }
.modalSettingsInput .resultTabProject .result-data-list ul .status .status_in_defense { background: #F44336; }
.modalSettingsInput .resultTabProject .result-data-list ul .status .status_pay { background: #8BC34A; }
.modalSettingsInput .resultTabProject .result-data-list ul .status .status_available { background: #8BC34A; }
.modalSettingsInput .resultTabProject .result-data-list ul .status .IN_ANALYSIS { background: #FF9800; }
.modalSettingsInput .resultTabProject .result-data-list ul .status .AUTHORIZED,
.modalSettingsInput .resultTabProject .result-data-list ul .status .PAID,
.modalSettingsInput .resultTabProject .result-data-list ul .status .SETTLED { background: #8BC34A; }
.modalSettingsInput .resultTabProject .result-data-list ul .name { width: 275px; }
.modalSettingsInput .resultTabProject .result-data-list ul .email { width: 240px; }
.modalSettingsInput .resultTabProject .result-data-list ul .email-pay { width: 250px; }
.modalSettingsInput .resultTabProject .result-data-list ul .payment-icon { width: 36px; }
.modalSettingsInput .resultTabProject .result-data-list ul .value { width: 105px; }
.modalSettingsInput .resultTabProject .result-data-list ul .situetion { width: 75px; }
.modalSettingsInput .resultTabProject .result-data-list ul .date { width: 135px; }
.modalSettingsInput .chamge-bx-image { overflow: hidden; float: left; border: 5px solid #9E9E9E; background: #ececec; position: absolute; text-align: center; }
.modalSettingsInput .chamge-bx-image-post { width: 245px; height: 100px;  }
.modalSettingsInput .chamge-bx-image-post img { width: 238px; height: 90px; }
.modalSettingsInput .chamge-bx-image .fileIFrame { position: absolute; }
.modalSettingsInput .chamge-bx-image .changePhoto { opacity: 0.01; filter: alpha(opacity=1); width: 24px; height: 24px; }
.modalSettingsInput .chamge-bx-image .upload { margin-top: 7px; margin-left: 7px; position: absolute; }
.modalSettingsInput .chamge-bx-image .bt-upload { text-align: center; border-radius: 33px; height: 35px; width: 35px; cursor: pointer; background: rgba(125, 122, 122, 0.79); }
.modalSettingsInput .chamge-bx-image .bt-upload:hover { background: rgba(51, 51, 51, 0.79); }
.modalSettingsInput .chamge-bx-image .bt-upload label { cursor: pointer; font-size: 11px; margin-top: 10px; color: #FFF; }
.modalSettingsInput .chamge-bx-image .bt-upload input { cursor: pointer; opacity: 0; position: absolute; z-index: 5; margin-top: -31px; }
.modalSettingsInput .chamge-bx-image .progressUpload { text-align: center; position: absolute;  width: 122px; margin-top: 63px; margin-left: 11px; border: 1px solid #ddd; padding: 1px; border-radius: 3px; }
.modalSettingsInput .chamge-bx-image .barUpload { background-color: #E3C046; width: 0%; height: 12px; border-radius: 3px; }
.modalSettingsInput .chamge-bx-image .percentUpload { top: 0%; text-align: center; position: absolute; width: 80%; border: 1px solid #ddd; padding: 1px; border-radius: 3px; margin: 10%; }
.modalSettingsInput .chamge-bx-image .imgReturn { text-align: center; }
.modalSettingsInput .chamge-bx-image .loading { margin-top: 27px; font-size: 30px; color: #8e8989; }
.modalSettingsInput .chamge-bx-image .error { color: red; font-size: 120px; }
.modalSettingsInput .chamge-bx-image .ok { color: #4CAF50; font-size: 65px; }
.modalSettingsInput .nav-registrations { margin-bottom: 20px; }
.modalSettingsInput .nav-registrations div { cursor: pointer; color: #FFF; float: left; text-transform: uppercase; background: #a8a7a7; padding: 5px; text-align: center; }
.modalSettingsInput .nav-registrations.header-nav-3 div { width: 287px; }
.modalSettingsInput .nav-registrations.header-nav-4 div { width: 216px; }
.modalSettingsInput .nav-registrations div.on { color: #FFF; background: #fab941; }
.modalSettingsInput .nav-registrations div.disable { background: #73867F; opacity: 0.3; cursor: default !important; }
.modalSettingsInput .nav-payment { margin-bottom: 20px; }
.modalSettingsInput .nav-payment div { cursor: pointer; color: #FFF; float: left; text-transform: uppercase; background: #a8a7a7; padding: 5px; text-align: center; width: 288px; }
.modalSettingsInput .nav-payment div.on { color: #FFF; background: #fab941; }
.modalSettingsInput .nav-payment div.disable { background: #73867F; opacity: 0.3; cursor: default !important; }
.modalSettingsInput .nav-move-participants { margin-bottom: 20px; }
.modalSettingsInput .nav-move-participants div { font-size: 11px; margin-bottom: 10px; cursor: pointer; color: #CCC; float: left; text-transform: uppercase; background: rgb(32, 144, 148); padding: 5px; text-align: center; }
.modalSettingsInput .nav-move-participants.nav-btn-2 div { width: 134px;  }
.modalSettingsInput .nav-move-participants.nav-btn-4 div { width: 67px; }
.modalSettingsInput .nav-move-participants div.on { color: #FFF; background: #4DC5DB; }
.modalSettingsInput .nav-move-participants div.disable { background: #73867F; opacity: 0.3; cursor: default !important; }
.modalSettingsInput .access-analytics { }
.modalSettingsInput .access-analytics .filterCanvas { height: 16px; margin-bottom: 10px; }
.modalSettingsInput .access-analytics .filterCanvas ul { }
.modalSettingsInput .access-analytics .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; }
.modalSettingsInput .access-analytics .filterCanvas .on { background-color: #6EAA6F; }
.modalSettingsInput .access-analytics .canvas { height: 200px; float: left; }
.modalSettingsInput .access-analytics .canvas canvas { border: 1px solid #d3d3d3; }
.modalSettingsInput .access-analytics .situation { height: 202px; }
.modalSettingsInput .access-analytics .type { height: 202px; margin-top: 10px; }
.modalSettingsInput .access-analytics .dataResume { float: left; width: 195px; height: 202px; padding: 10px; overflow: hidden; background: #fff; border: 1px solid #d3d3d3; }
.modalSettingsInput .access-analytics .dataResume ul { text-transform: uppercase; font-size: 10px; color: #333; }
.modalSettingsInput .access-analytics .dataResume ul li { list-style: none; height: 15px; width: 191px; padding: 2px; }
.modalSettingsInput .access-analytics .dataResume ul li .square { float: left; width: 11px; height: 11px; margin: 2px; margin-right: 5px; }
.modalSettingsInput .access-analytics .dataResume ul li .name { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; float: left; width: 110px; }
.modalSettingsInput .access-analytics .dataResume ul li .value { float: left; margin-left: 7px; }
.modalSettingsInput .access-analytics .label-chart { color: #868990; font-size: 10px; margin-top: 30px; }


.modalSettingsInput .resultTab-website { }
.modalSettingsInput .resultTab-website .list-pages { overflow: hidden; border: 2px solid #CCC; background-color: #BCCECF; color: #333; height: 44px; }
.modalSettingsInput .resultTab-website .list-pages li { opacity: 0.7; width: 162px; list-style: none; padding: 5px; height: 40px; float: left;}
.modalSettingsInput .resultTab-website .list-pages div { float: left; }
.modalSettingsInput .resultTab-website .list-pages .on { opacity: 1; background: #62aeb1; color: #FFF; }
.modalSettingsInput .resultTab-website .list-pages .status  { width: 20px; }
.modalSettingsInput .resultTab-website .list-pages .status span { margin-top: 2px; width: 16px; height: 16px; background: #9E9E9E; display: block; border-radius: 10px; }
.modalSettingsInput .resultTab-website .list-pages .status .disabled { background: #FF5722; }
.modalSettingsInput .resultTab-website .list-pages .status .activated { background: #8BC34A; }
.modalSettingsInput .resultTab-website .list-pages .name { text-overflow: ellipsis; margin-top: 1px; cursor: pointer; float: left; white-space: nowrap; overflow: hidden; width: 110px; }
.modalSettingsInput .resultTab-website .config-website { float: left; line-height: 31px; text-align: center; font-size: 19px; width: 30px; height: 30px; margin: 4px; cursor: pointer; color: #FFF; background-color: #9E9E9E; border-radius: 50%; }
.modalSettingsInput .resultTab-website .publish-website { background-color: #FFC107; }

.modalSettingsInput .resultTab-website .result-content-website { height: 800px; }
.modalSettingsInput .resultTab-website .result-content-website .header-section { padding: 10px; }
.modalSettingsInput .resultTab-website .result-content-website .result-list-section { margin-top: 10px; height: 790px; background: #FFF; border: 1px solid #CCC; }
.modalSettingsInput .resultTab-website .result-content-website .result-list-data { height: 725px; background: #FFF; border: 1px solid #CCC; }
.modalSettingsInput .resultTab-website .result-content-website .result-list-data li { list-style: none; height: 28px; width: 100%; }
.modalSettingsInput .resultTab-website .result-content-website .result-list-data li div { color: #666666; float: left; cursor: pointer; padding: 4px; border-left: 1px solid #CCC; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.modalSettingsInput .resultTab-website .result-content-website .result-list-data li .name { cursor: pointer; width: 520px; }
.modalSettingsInput .resultTab-website .result-content-website .result-list-data li .type { cursor: pointer; width: 193px; }
.modalSettingsInput .resultTab-website .result-content-website .result-list-data li .status  { width: 30px; }
.modalSettingsInput .resultTab-website .result-content-website .result-list-data li .status .disabled { background: #FF5722; }
.modalSettingsInput .resultTab-website .result-content-website .result-list-data li .status .activated { background: #8BC34A; }
.modalSettingsInput .resultTab-website .result-content-website .result-list-data li .status span { margin: 2px; width: 16px; height: 16px; border-radius: 50%; display: block; }
.modalSettingsInput .resultTab-website .result-content-website .result-list-data li .remove { cursor: pointer; float: right; margin-right: 10px; }
.modalSettingsInput .resultTab-website .result-content-website .result-list-data li .remove:hover { color: #F44336; }
.modalSettingsInput .resultTab-website .result-content-website .open-section { }
.modalSettingsInput .resultTab-website .result-content-website .result-open-data { }
.modalSettingsInput .resultTab-website .result-content-website .result-open-data .header-nav { height: 25px; margin-bottom: 10px; }
.modalSettingsInput .resultTab-website .result-content-website .result-open-data .header-nav div { width: 173px; cursor: pointer; color: #CCC; float: left; font-size: 10px; text-transform: uppercase; background: rgb(32, 144, 148); padding: 5px; text-align: center; }
.modalSettingsInput .resultTab-website .result-content-website .result-open-data .header-nav div.on { color: #FFF; background: rgb(16, 77, 79); }
.modalSettingsInput .resultTab-website .result-content-website .result-open-data .header-nav .previous { background: #9e9e9e; color: #fdd495; }


.modalWebsitePosts { }
.modalWebsitePosts .url-post { text-align: center; }
.modalWebsitePosts .select-tags { }
.modalWebsitePosts .select-tags .bx { background: #CCC; display: inline-table; color: #666666; border-radius: 25px; float: left; padding: 15px; margin: 5px; text-align: center; width: 100px; cursor: pointer; }
.modalWebsitePosts .select-tags .bx:hover { color: #FFF; background: #9C97C7; }
.modalWebsitePosts .select-tags .bx.on { color: #FFF; background: #9C97C7; }
.modalWebsitePosts .select-tags .bx .image { font-size: 30px; }
.modalWebsitePosts .select-tags .bx .image img { width: 50px; }
.modalWebsitePosts .select-tags .bx .txt { }
.modalWebsitePosts .chamge-bx-image { overflow: hidden; float: left; border: 5px solid #9E9E9E; background: #b8c5c6; text-align: center; }
.modalWebsitePosts .chamge-bx-image-banner { width: 270px; height: 130px;  }
.modalWebsitePosts .chamge-bx-image-banner img { width: 100%; height: 100%; }
.modalWebsitePosts .chamge-bx-image-post { width: 200px; height: 170px;  }
.modalWebsitePosts .chamge-bx-image-post img { width: 100%; height: 100%; }
.modalWebsitePosts .chamge-bx-image .fileIFrame { position: absolute; }
.modalWebsitePosts .chamge-bx-image .changePhoto { opacity: 0.01; filter: alpha(opacity=1); width: 24px; height: 24px; }
.modalWebsitePosts .chamge-bx-image .upload { margin-top: 7px; margin-left: 7px; position: absolute; }
.modalWebsitePosts .chamge-bx-image .bt-upload { text-align: center; border-radius: 33px; height: 35px; width: 35px; cursor: pointer; background: rgba(125, 122, 122, 0.79); }
.modalWebsitePosts .chamge-bx-image .bt-upload:hover { background: rgba(51, 51, 51, 0.79); }
.modalWebsitePosts .chamge-bx-image .bt-upload label { cursor: pointer; font-size: 11px; margin-top: 10px; color: #FFF; }
.modalWebsitePosts .chamge-bx-image .bt-upload input { cursor: pointer; opacity: 0; position: absolute; z-index: 5; margin-top: -31px; }
.modalWebsitePosts .chamge-bx-image .progressUpload { text-align: center; position: absolute;  width: 265px; margin-top: 75px; margin-left: 11px; border: 1px solid #ddd; padding: 1px; border-radius: 3px; }
.modalWebsitePosts .chamge-bx-image .barUpload { background-color: #E3C046; width: 0%; height: 12px; border-radius: 3px; }
.modalWebsitePosts .chamge-bx-image .percentUpload { text-align: center; position: absolute; width: 100%; padding: 1px; border-radius: 3px; left: 0; }
.modalWebsitePosts .chamge-bx-image .imgReturn { text-align: center; }
.modalWebsitePosts .chamge-bx-image .loading { margin-top: 60px; font-size: 30px; color: #8e8989; }
.modalWebsitePosts .chamge-bx-image .error { color: red; font-size: 120px; }
.modalWebsitePosts .chamge-bx-image .ok { color: #4CAF50; font-size: 65px; line-height: 162px; }

.modalInputProject .navTabProj { height: 30px; margin-bottom: 20px; }
.modalInputProject .navTabProj div { margin-left: 5px; cursor: pointer; color: #CCC; float: left; width: 140px; text-transform: uppercase; background: rgb(32, 144, 148); padding: 5px; text-align: center; }
.modalInputProject .navTabProj div:first-child { margin-left: 0px !important; }
.modalInputProject .navTabProj div.on { color: #FFF; background: #4DC5DB; }
.modalInputProject .navTabProj div.disable { background: #73867F; opacity: 0.3; cursor: default !important; }
.modalInputProject .description textarea { height: 75px; }
.modalInputProject .actions input { margin: 0 10px; }
.modalInputProject .select-lag-txt .btn { border-radius: 0px; }
.modalInputProject .navTabInfo { background: #3d9aab; padding: 10px; }
.modalInputProject .navTabInfo div { margin-left: 5px; cursor: pointer; color: #CCC; float: left; width: 142px; text-transform: uppercase; background: #e9e4e5; padding: 5px; text-align: center; }
.modalInputProject .navTabInfo div:first-child { margin-left: 0px !important; }
.modalInputProject .navTabInfo div.on { color: #FFF; background: #666666; }
.modalInputProject .navTabInfo div.disable { background: #73867F; opacity: 0.3; cursor: default !important; }
.modalInputProject .content-step { padding: 15px; margin-bottom: 30px; display: inline-block; }
.modalInputProject .content-step .line { height: 215px; }
/*
.modalInputProject .cont_certificate .cke_browser_webkit { margin-left: 145px; }
.modalInputProject .cont_certificate_attraction .cke_browser_webkit { margin-left: 145px; }
*/
.modalInputProject .chamge-image { margin-top: 20px; }
.modalInputProject .chamge-image .change-image-Image_Background { overflow: hidden; height: 190px; }
.modalInputProject .chamge-image .change-image-Image_Background img { height: 150px; width: auto; }
.modalInputProject .chamge-image .change-image-Image_Badge_Public { overflow: hidden; height: 230px; }
.modalInputProject .chamge-image .change-image-Image_Badge_Public img { height: 155px; width: auto; }
.modalInputProject .chamge-image .change-image-Image_Badge_Staff { overflow: hidden; height: 230px; }
.modalInputProject .chamge-image .change-image-Image_Badge_Staff img { height: 155px; width: auto; }
.modalInputProject .chamge-image .change-image-Image_Badge_Support { overflow: hidden; height: 230px; }
.modalInputProject .chamge-image .change-image-Image_Badge_Support img { height: 155px; width: auto; }
.modalInputProject .chamge-image .change-image-Image_Badge_Press { overflow: hidden; height: 230px; }
.modalInputProject .chamge-image .change-image-Image_Badge_Press img { height: 155px; width: auto; }
.modalInputProject .chamge-image .change-image-Image_Badge_Guest { overflow: hidden; height: 230px; }
.modalInputProject .chamge-image .change-image-Image_Badge_Guest img { height: 155px; width: auto; }
.modalInputProject .chamge-image .change-image-Image_Banner { overflow: hidden; height: 230px; }
.modalInputProject .chamge-image .change-image-Image_Banner img { height: 153px; width: auto; }
.modalInputProject .chamge-image .change-image-Image_Flyer { overflow: hidden; height: 172px; }
.modalInputProject .chamge-image .change-image-Image_Flyer img { width: 188px; height: auto; }
.modalInputProject .chamge-image .change-image-Image_Certificate { overflow: hidden; height: 172px;  }
.modalInputProject .chamge-image .change-image-Image_Certificate img { width: 188px; height: auto; }
.modalInputProject .chamge-image .header { margin-bottom: 5px; display: inline-block; }
.modalInputProject .chamge-image .input-file { cursor: pointer; position: absolute; margin-top: -24px; opacity: 0.01; filter: alpha(opacity=1); width: 24px; height: 24px; }
.modalInputProject .chamge-image .info { padding: 7px; float: left; color: #666666; font-size: 9px; }
.modalInputProject .chamge-image .bt-upload { cursor: pointer; color: #666666; font-size: 20px; float: left; }
.modalInputProject .chamge-image .bt-upload:hover {  color: #4dc6db;  }
.modalInputProject .chamge-image .error { width: 100%; height: 100%; background: red; color: #fff; text-transform: uppercase; text-align: center; font-size: 25px; line-height: 140px; }
.modalInputProject .chamge-image .progressUpload { text-align: center; width: 80%; border: 1px solid #ddd; padding: 1px; border-radius: 3px; margin-top: 10px; }
.modalInputProject .chamge-image .barUpload { background-color: #E3C046; width: 0%; height: 12px; border-radius: 3px; }
.modalInputProject .chamge-image .percentUpload { color: #333; position: absolute; display: inline-block; top: 1px; left: 48%; font-size: 9px; line-height: 12px; }
.modalInputProject .chamge-image .imgReturn { text-align: center; }
.modalInputProject .chamge-image .ok { color: #8BC34A; font-size: 40px; }
.modalInputProject .chamge-image .loading { margin-top: 39px; font-size: 30px; color: #8e8989; }
.modalInputProject .chamge-image .waiting { margin-top: 39px; font-size: 14px; color: #8e8989; }
.modalInputProject .resultTabProject { }
.modalInputProject .resultTabProject .select-lag-bx .input-label { font-size: 11px; padding: 0px; color: #666666; }
.modalInputProject .resultTabProject .result-search { }
.modalInputProject .resultTabProject .result-search .header-nav { height: 25px; margin-bottom: 10px; }
.modalInputProject .resultTabProject .result-search .header-nav div { cursor: pointer; color: #CCC; float: left; font-size: 10px; text-transform: uppercase; background: rgb(32, 144, 148); padding: 5px; text-align: center; }
.modalInputProject .resultTabProject .result-search .header-nav div.on { color: #FFF; background: rgb(16, 77, 79); }
.modalInputProject .resultTabProject .result-search .header-nav-1 div { width: 268px; }
.modalInputProject .resultTabProject .result-search .header-nav-2 div { width: 134px; }
.modalInputProject .resultTabProject .result-search .header-nav-3 div { width: 89px; }
.modalInputProject .resultTabProject .result-search .header-nav-4 div { width: 67px; }
.modalInputProject .resultTabProject .result-search .header { }
.modalInputProject .resultTabProject .result-item .entrance { width: 100px; }
.modalInputProject .resultTabProject .result-item .name { width: 170px; }
.modalInputProject .resultTabProject .result-item .email { width: 254px; }
.modalInputProject .result-list-417 { height: 417px; }
.modalInputProject .result-list-555 { height: 555px; }
.modalInputProject .result-list-520 { height: 520px; }
.modalInputProject .result-list-585 { height: 585px; }
.modalInputProject .result-list-670 { height: 670px; }
.modalInputProject .result-list-705 { height: 705px; }
.modalInputProject .result-list-715 { height: 715px; }

.modalInputProject .result-list { background: #fff; overflow: hidden; width: 100%; border: 1px solid #CCC; margin-top: 10px; }
.modalInputProject .result-list li { list-style: none; height: 28px; width: 100%; }
.modalInputProject .result-list li div { color: #666666; float: left; padding: 4px; border-right: 1px solid #CCC; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.modalInputProject .result-list li .name { cursor: pointer; width: 193px; }
.modalInputProject .result-list li .name-100 { cursor: pointer; width: 222px; }
.modalInputProject .result-list li .status  { width: 30px; }
.modalInputProject .result-list li .status .disabled { background: #FF5722; }
.modalInputProject .result-list li .status .activated { background: #8BC34A; }
.modalInputProject .result-list li .status .pending { background: #FFC107; }
.modalInputProject .result-list li .status .released { background: #8BC34A; }
.modalInputProject .result-list li .status .enter_paid_cash { background: #94af76; }
.modalInputProject .result-list li .status .enter_not_paid { background: #FFC107; }
.modalInputProject .result-list li .status .WAITING { background: #FFC107; }
.modalInputProject .result-list li .status .IN_ANALYSIS { background: #FFC107; }
.modalInputProject .result-list li .status .AUTHORIZED { background: #8BC34A; }
.modalInputProject .result-list li .status .SETTLED { background: #8BC34A; }
.modalInputProject .result-list li .status .CANCELLED { background: #FF5722; }
.modalInputProject .result-list li .status .REFUNDED { background: #ad411f; }
.modalInputProject .result-list li .status .enter_vip { background: #337ab7; }
.modalInputProject .result-list li .status .in_use { background: #FF5722; }
.modalInputProject .result-list li .status .free { background: #8BC34A; }
.modalInputProject .result-list li .status span { margin: 2px; width: 16px; height: 16px; border-radius: 50%; display: block; background: #777; }
.modalInputProject .result-list li .remove { cursor: pointer; }
.modalInputProject .result-list li .remove:hover { color: #F44336; }
.modalInputProject .action-fixed-bottom { width: 88%; position: absolute; bottom: 10px; }
.modalInputProject .action-fixed-bottom.action input { margin: 5px; }
.modalInputProject .resultTabProject .result-data .header-nav { height: 25px; margin-bottom: 10px; }
.modalInputProject .resultTabProject .result-data .header-nav div { cursor: pointer; color: #CCC; float: left; font-size: 10px; text-transform: uppercase; background: rgb(32, 144, 148); padding: 5px; text-align: center; }
.modalInputProject .resultTabProject .result-data .header-nav .disable { background: #73867F; opacity: 0.3; cursor: default !important; }
.modalInputProject .resultTabProject .result-data .header-nav div.on { color: #FFF; background: rgb(16, 77, 79); }
.modalInputProject .resultTabProject .result-data .header-nav-2 div { width: 248px; }
.modalInputProject .resultTabProject .result-data .header-nav-3 div { width: 175px; }
.modalInputProject .resultTabProject .result-data .header-nav-4 div { width: 67px; }
.modalInputProject .resultTabProject .result-data .header-nav-5 div { width: 105px; }
.modalInputProject .resultTabProject .result-data .header-nav-6 div { width: 87px; }
.modalInputProject .resultTabProject .result-data { background: #fff; height: 600px; border: 1px solid #CCC; padding: 20px; }
.modalInputProject .resultTabProject .result-data .bx-list { overflow: hidden; width: 100%; border: 1px solid #CCC; margin-top: 10px; }
.modalInputProject .resultTabProject .result-data .bx-list li { list-style: none; height: 30px; width: 100%; }
.modalInputProject .resultTabProject .result-data .bx-list li div { margin: 0px; color: #666666; float: left; padding: 4px; border-left: 1px solid #CCC; height: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.modalInputProject .resultTabProject .result-data .bx-list li .status { width: 30px; }
.modalInputProject .resultTabProject .result-data .bx-list li .status span { cursor: pointer; width: 19px; height: 19px; display: flex; border-radius: 10px; }
.modalInputProject .resultTabProject .result-data .bx-list li .status .enter_confirmed { background: #8BC34A; }
.modalInputProject .resultTabProject .result-data .bx-list li .status .enter_paid { background: #03A9F4; }
.modalInputProject .resultTabProject .result-data .bx-list li .status .enter_not_paid { background: #F44336; }
.modalInputProject .resultTabProject .result-data .bx-list li .status .enter_vip { background: #FFC107; }
.modalInputProject .resultTabProject .result-data .bx-list li .status .enter_paid_cash { background: #FFC107; }
.modalInputProject .resultTabProject .result-data .bx-list li .status .confirmed_presence { background: #8BC34A; }
.modalInputProject .resultTabProject .result-data .bx-list li .status .guest_entered { background: #9C27B0; }
.modalInputProject .resultTabProject .result-data .bx-list li .status-gest { width: 150px; }
.modalInputProject .resultTabProject .result-data .bx-list li .name-event { width: 228px; }
.modalInputProject .resultTabProject .result-data .bx-list li .edit { width: 30px; color: #666666; cursor: pointer; }
.modalInputProject .resultTabProject .result-data .bx-list li .edit:hover { color: #FFC107; }


.modalInputProject .resultTabProject .result-data .bx-list .change-index { line-height: 27px; cursor: move; color: #9E9E9E; width: 30px; }
.modalInputProject .resultTabProject .result-data .bx-list .index { width: 75px; color: #9E9E9E; font-size: 11px; line-height: 27px; text-align: center }
.modalInputProject .resultTabProject .result-data .bx-list .name-question-choice { padding: 0px; width: 376px;  }
.modalInputProject .resultTabProject .result-data .bx-list .name-type { width: 179px; }
.modalInputProject .resultTabProject .result-data .bx-list .name-people { width: 245px; }
.modalInputProject .resultTabProject .result-data .bx-list .info-people { width: 30px; cursor: pointer; }
.modalInputProject .resultTabProject .result-data .bx-list .fa { font-size: 18px; cursor: pointer; line-height: 27px; }
.modalInputProject .resultTabProject .result-data .bx-list .fa.icon-system-toggle-on { color: #8BC34A; }
.modalInputProject .resultTabProject .result-data .bx-list .fa.icon-system-toggle-off { color: #666666; }
.modalInputProject .resultTabProject .result-data .bx-list .remove { cursor: pointer; }
.modalInputProject .resultTabProject .result-data .bx-list .remove:hover { color: #F44336; }
.modalInputProject .resultTabProject .result-data .bx-list.resultAnswer { height: 152px; }
.modalInputProject .resultTabProject .result-data .bx-list.result-users { height: 200px; }
.modalInputProject .resultTabProject .result-data .bx-list.result-payment { height: 275px; }
.modalInputProject .resultTabProject .result-data .bx-list.result-attraction { height: 415px; }
.modalInputProject .resultTabProject .result-data .bx-12 { width: 100%; float: left; }
.modalInputProject .resultTabProject .result-data .bx-6-l { width: 47%; float: left; }
.modalInputProject .resultTabProject .result-data .bx-6-r { width: 47%; float: right; }
.modalInputProject .resultTabProject .result-data .photoProfile { overflow: hidden; float: left; width: 167px; height: 167px; margin-left: 10px; margin-bottom: 10px; border: 5px solid #e9e4e5; margin-top: 20px; }
.modalInputProject .resultTabProject .result-data .photoProfile img { width: 157px; height: 157px; }
.modalInputProject .resultTabProject .result-data .photoProfile .fileIFrame { position: absolute; }
.modalInputProject .resultTabProject .result-data .photoProfile .changePhoto { opacity: 0.01; filter: alpha(opacity=1); width: 24px; height: 24px; }
.modalInputProject .resultTabProject .result-data .photoProfile .upload { margin-top: 114px; margin-left: 113px; position: absolute; }
.modalInputProject .resultTabProject .result-data .photoProfile .bt-upload { text-align: center; border-radius: 33px; height: 35px; width: 35px; cursor: pointer; background: rgba(125, 122, 122, 0.79); }
.modalInputProject .resultTabProject .result-data .photoProfile .bt-upload:hover { background: rgba(51, 51, 51, 0.79); }
.modalInputProject .resultTabProject .result-data .photoProfile .bt-upload label { cursor: pointer; font-size: 11px; margin-top: 10px; color: #FFF; }
.modalInputProject .resultTabProject .result-data .photoProfile .bt-upload input { cursor: pointer; opacity: 0; position: absolute; z-index: 5; margin-top: -31px; }
.modalInputProject .resultTabProject .result-data .photoProfile .bt-rotate-image { margin-top: 115px; margin-left: 7px; color: #FFF; font-size: 20px; line-height: 34px; position: absolute; text-align: center; border-radius: 33px; height: 35px; width: 35px; cursor: pointer; background: rgba(125, 122, 122, 0.79); }
.modalInputProject .resultTabProject .result-data .photoProfile .bt-rotate-image:hover { background: rgba(51, 51, 51, 0.79); }
.modalInputProject .resultTabProject .result-data .photoProfile .error { width: 100%; height: 100%; background: red; color: #fff; text-transform: uppercase; text-align: center; font-size: 25px; line-height: 140px; }
.modalInputProject .resultTabProject .result-data .photoProfile .progressUpload { text-align: center; position: absolute;  width: 122px; margin-top: 63px; margin-left: 11px; border: 1px solid #ddd; padding: 1px; border-radius: 3px; }
.modalInputProject .resultTabProject .result-data .photoProfile .barUpload { background-color: #E3C046; width: 0%; height: 12px; border-radius: 3px; }
.modalInputProject .resultTabProject .result-data .photoProfile .percentUpload { color: #333; position: absolute; display: inline-block; top: 1px; left: 48%; font-size: 9px; line-height: 12px; }
.modalInputProject .resultTabProject .result-data .photoProfile .imgReturn { text-align: center; }
.modalInputProject .resultTabProject .result-data .photoProfile .loading { margin-top: 55px; font-size: 30px; color: #8e8989; }
.modalInputProject .resultTabProject .result-data .photoProfile .waiting { margin-top: 63px; font-size: 20px; color: #8e8989; }
.modalInputProject .resultTabProject .result-data .mapGoogleEvent { width: 100%; height: 145px; border: 4px solid #9C9E90; float: left; background: #fff; margin-bottom: 11px; }
.modalInputProject .resultTabProject .result-data .short-curriculum-staff textarea { height: 93px; }
.modalInputProject .resultTabProject .result-data .short-curriculum-guest textarea { height: 210px; }
.modalInputProject .resultTabProject #public_check_in { }
.modalInputProject .resultTabProject #public_check_in .result-check_in { height: 457px; }



.modalInputProject .chamge-bx-image { overflow: hidden; float: left; width: 167px; height: 167px; border: 5px solid #9E9E9E; background: #ececec; position: absolute; text-align: center; }
.modalInputProject .chamge-bx-image img { width: 157px; height: 157px; }
.modalInputProject .chamge-bx-image .fileIFrame { position: absolute; }
.modalInputProject .chamge-bx-image .changePhoto { opacity: 0.01; filter: alpha(opacity=1); width: 24px; height: 24px; }
.modalInputProject .chamge-bx-image .upload { margin-top: 114px; margin-left: 113px; position: absolute; }
.modalInputProject .chamge-bx-image .bt-upload { text-align: center; border-radius: 33px; height: 35px; width: 35px; cursor: pointer; background: rgba(125, 122, 122, 0.79); }
.modalInputProject .chamge-bx-image .bt-upload:hover { background: rgba(51, 51, 51, 0.79); }
.modalInputProject .chamge-bx-image .bt-upload label { cursor: pointer; font-size: 11px; margin-top: 10px; color: #FFF; }
.modalInputProject .chamge-bx-image .bt-upload input { cursor: pointer; opacity: 0; position: absolute; z-index: 5; margin-top: -31px; }
.modalInputProject .chamge-bx-image .bt-rotate-image { margin-top: 115px; margin-left: 7px; color: #FFF; font-size: 20px; line-height: 34px; position: absolute; text-align: center; border-radius: 33px; height: 35px; width: 35px; cursor: pointer; background: rgba(125, 122, 122, 0.79); }
.modalInputProject .chamge-bx-image .bt-rotate-image:hover { background: rgba(51, 51, 51, 0.79); }
.modalInputProject .chamge-bx-image .progressUpload { text-align: center; position: absolute;  width: 122px; margin-top: 63px; margin-left: 11px; border: 1px solid #ddd; padding: 1px; border-radius: 3px; }
.modalInputProject .chamge-bx-image .barUpload { background-color: #E3C046; width: 0%; height: 12px; border-radius: 3px; }
.modalInputProject .chamge-bx-image .percentUpload { top: 0%; text-align: center; position: absolute; width: 80%; border: 1px solid #ddd; padding: 1px; border-radius: 3px; margin: 10%; }
.modalInputProject .chamge-bx-image .imgReturn { text-align: center; }
.modalInputProject .chamge-bx-image .loading { margin-top: 55px; font-size: 30px; color: #8e8989; }
.modalInputProject .chamge-bx-image .error { color: red; font-size: 120px; }
.modalInputProject .chamge-bx-image .ok { color: #4CAF50; font-size: 85px; }


.stamp-input-update { }
.stamp-input-update .item-input .emailTextArea { border: 1px solid #CCC; height: 210px; border-radius: 4px !important; cursor: not-allowed; background: #e8e8e8; padding: 10px; overflow: hidden; }
.stamp-input-update .item-input #stamp-evaluate { width: 100% !important; height: 40px; text-align: center; cursor: default; border: 1px solid #CCC; background: #e8e8e8; }
.stamp-input-update .item-input #stamp-evaluate div { font-size: 25px; color: #666666; display: -webkit-inline-box; }
.stamp-input-update .item-input #stamp-evaluate .accept-evaluation { color: #8BC34A; }
.stamp-input-update .item-input #stamp-evaluate .refuse-evaluation { color: #FF5722; }
.stamp-input-update .item-input #stamp-evaluate .interpose-evaluation { color: #FF8C00; }
.stamp-input-update .item-input #stamp-evaluate .current-evaluation { opacity: 0.5; }
.stamp-input-update .list-tags { }
.stamp-input-update .result-list-payment { border: 1px solid #CCC; height: 330px; border-radius: 4px !important; background: #e8e8e8; overflow: hidden; }
.stamp-input-update .result-list-payment li { cursor: pointer; list-style: none; height: 30px; width: 100%; }
.stamp-input-update .result-list-payment li.main { cursor: default; }
.stamp-input-update .result-list-payment li.list { margin-left: 30px; }
.stamp-input-update .result-list-payment li div { margin: 0px; color: #666666; float: left; padding: 4px; border-left: 1px solid #CCC; height: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.stamp-input-update .result-list-payment li .status { width: 30px; }
.stamp-input-update .result-list-payment li .status span { cursor: pointer; width: 19px; height: 19px; display: flex; border-radius: 10px; }
.stamp-input-update .result-list-payment li .status .PAID { background: #8BC34A; }
.stamp-input-update .result-list-payment li .status .AUTHORIZED { background: #8BC34A; }
.stamp-input-update .result-list-payment li .status .CREATED { background: #FFC107; }
.stamp-input-update .result-list-payment li .status .IN_ANALYSIS { background: #FFC107; }
.stamp-input-update .result-list-payment li .status .INSTALLMENT { background: #f7ecc1; }
.stamp-input-update .result-list-payment li .status .SETTLED,
.stamp-input-update .result-list-payment li .status .completed { background: #03A9F4; }
.stamp-input-update .result-list-payment li .status .CANCELLED { background: #F44336; }
.stamp-input-update .result-list-payment li .status .paid { background: #8BC34A; }
.stamp-input-update .result-list-payment li .status .processing { background: #fab939; }
.stamp-input-update .result-list-payment li .status .open { background: #f7ecc1; }
.stamp-input-update .result-list-payment li .status .cancelled { background: #F44336; }
.stamp-input-update .result-list-payment li .status .late { background: #F44336; }
.stamp-input-update .result-list-payment li .date { width: 90px; }
.stamp-input-update .result-list-payment li .status-pay { width: 115px; }
.stamp-input-update .result-list-payment li .status-main { width: 145px; }
.stamp-input-update .result-list-payment li .method { width: 100px; }
.stamp-input-update .result-list-payment li .value { width: 145px; }

.settingsWebsitePage .result-search { }
.settingsWebsitePage .header-nav { height: 25px; margin-bottom: 10px; }
.settingsWebsitePage .header-nav div { cursor: pointer; color: #CCC; float: left; font-size: 10px; text-transform: uppercase; background: rgb(32, 144, 148); padding: 5px; text-align: center; }
.settingsWebsitePage .header-nav.size-67 div { width: 67px;  }
.settingsWebsitePage .header-nav.size-195 div { width: 195px;  }
.settingsWebsitePage .header-nav div.on { color: #FFF; background: rgb(16, 77, 79); }
.settingsWebsitePage .result-list { background: #fff; overflow: hidden; width: 100%; border: 1px solid #CCC; margin-top: 10px; }
.settingsWebsitePage .result-list li { list-style: none; height: 28px; width: 100%; }
.settingsWebsitePage .result-list li div { color: #666666; float: left; cursor: pointer; padding: 4px; border-left: 1px solid #CCC; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.settingsWebsitePage .result-list li .name { cursor: pointer; width: 132px; }
.settingsWebsitePage .result-list li .status  { width: 30px; }
.settingsWebsitePage .result-list li .status .disabled { background: #FF5722; }
.settingsWebsitePage .result-list li .status .activated { background: #8BC34A; }
.settingsWebsitePage .result-list li .status span { margin: 2px; width: 16px; height: 16px; border-radius: 50%; display: block; }
.settingsWebsitePage .result-list li .remove { cursor: pointer; float: right; margin-right: 10px; }
.settingsWebsitePage .result-list li .remove:hover { color: #F44336; }
.settingsWebsitePage .result-list-401 { height: 401px; }
.settingsWebsitePage .result-list-444 { height: 444px; }
.settingsWebsitePage .result-data { background: #fff; height: 480px; border: 1px solid #CCC; padding: 20px; }
.settingsWebsitePage .action-fixed-bottom { width: 88%; position: absolute; bottom: 10px; }
.settingsWebsitePage .action-fixed-bottom.action input { margin: 5px; }
.settingsWebsitePage .chamge-bx-image-tag { width: 100px; height: 100px; margin-left: 145px; background: #ddd; overflow: hidden; border: 5px solid #9E9E9E; background: #ececec; text-align: center; }
.settingsWebsitePage .chamge-bx-image-tag img { width: 100px; height: 100px; }
.settingsWebsitePage .chamge-bx-image .upload { margin-top: 7px; margin-left: 7px; position: absolute; }
.settingsWebsitePage .chamge-bx-image .bt-upload { text-align: center; border-radius: 33px; height: 35px; width: 35px; cursor: pointer; background: rgba(125, 122, 122, 0.79); }
.settingsWebsitePage .chamge-bx-image .bt-upload:hover { background: rgba(51, 51, 51, 0.79); }
.settingsWebsitePage .chamge-bx-image .bt-upload label { cursor: pointer; font-size: 11px; margin-top: 10px; color: #FFF; }
.settingsWebsitePage .chamge-bx-image .bt-upload input { cursor: pointer; opacity: 0; position: absolute; z-index: 5; margin-top: -31px; }
.settingsWebsitePage .chamge-bx-image .progressUpload { text-align: center; position: absolute;  width: 122px; margin-top: 63px; margin-left: 11px; border: 1px solid #ddd; padding: 1px; border-radius: 3px; }
.settingsWebsitePage .chamge-bx-image .barUpload { background-color: #E3C046; width: 0%; height: 12px; border-radius: 3px; }
.settingsWebsitePage .chamge-bx-image .percentUpload { top: 0%; text-align: center; position: absolute; width: 80%; border: 1px solid #ddd; padding: 1px; border-radius: 3px; margin: 10%; }
.settingsWebsitePage .chamge-bx-image .imgReturn { text-align: center; }
.settingsWebsitePage .chamge-bx-image .loading { margin-top: 27px; font-size: 30px; color: #8e8989; }
.settingsWebsitePage .chamge-bx-image .error { color: red; font-size: 120px; }
.settingsWebsitePage .chamge-bx-image .ok { color: #4CAF50; font-size: 65px; }
.settingsWebsitePage .changeLogo { margin-top: 26px; border-radius: 50%; overflow: hidden; width: 170px; height: 170px; border: 5px solid #fab941; left: 0; right: 0; display: inline-block; }
.settingsWebsitePage .changeLogo img { width: 162px; height: 162px; }
.settingsWebsitePage .changeLogo .fileIFrame { position: absolute; }
.settingsWebsitePage .changeLogo .changePhoto { opacity: 0.01; filter: alpha(opacity=1); width: 24px; height: 24px; }
.settingsWebsitePage .changeLogo .upload { margin-top: 30px; margin-left: 115px; position: absolute; }
.settingsWebsitePage .changeLogo .bt-upload { text-align: center; border-radius: 33px; height: 25px; width: 25px; cursor: pointer; background: rgba(125, 122, 122, 0.79); }
.settingsWebsitePage .changeLogo .bt-upload:hover { background: rgba(51, 51, 51, 0.79); }
.settingsWebsitePage .changeLogo .bt-upload label { cursor: pointer; font-size: 8px; margin-top: 8px; color: #FFF; }
.settingsWebsitePage .changeLogo .bt-upload input { cursor: pointer; opacity: 0; position: absolute; z-index: 5; margin-top: -31px; }
.settingsWebsitePage .changeLogo .bt-rotate-image { margin-top: 30px; margin-left: 20px; color: #FFF; font-size: 15px; line-height: 27px; position: absolute; text-align: center; border-radius: 33px; height: 25px; width: 25px; cursor: pointer; background: rgba(125, 122, 122, 0.79); }
.settingsWebsitePage .changeLogo .bt-rotate-image:hover { background: rgba(51, 51, 51, 0.79); }
.settingsWebsitePage .changeLogo .error { width: 100%; height: 100%; background: red; color: #fff; text-transform: uppercase; text-align: center; font-size: 25px; line-height: 140px; }
.settingsWebsitePage .changeLogo .progressUpload { text-align: center; position: absolute;  width: 133px; margin-top: 76px; margin-left: 11px; border: 1px solid #ddd; padding: 1px; border-radius: 3px; }
.settingsWebsitePage .changeLogo .barUpload { background-color: #E3C046; width: 0%; height: 12px; border-radius: 3px; }
.settingsWebsitePage .changeLogo .percentUpload { color: #333; position: absolute; display: inline-block; top: 1px; left: 48%; font-size: 9px; line-height: 12px; }
.settingsWebsitePage .changeLogo .imgReturn { text-align: center; }
.settingsWebsitePage .changeLogo .ok { margin-top: 53px; color: #8BC34A; font-size: 40px; }
.settingsWebsitePage .changeLogo .loading { margin-top: 61px; font-size: 30px; color: #8e8989; }
.settingsWebsitePage .changeLogo .waiting { margin-top: 73px; font-size: 14px; color: #8e8989;  }