@charset "utf-8";


/* stock */
.window-stock-computer { height: 485px; width: 750px; }
.window-stock-mobile { width: 100%; height: 485px; }
.window-stock { background-color: rgb(197, 189, 49);  }
.window-stock .spiralBook { background-image: url("../../public/image/theme/spiral.png"); height: 30px;  width: 703px; position: absolute; top: -14px; }
.window-stock .contentStock { }
.window-stock .contentStock .headerData .search { width: 200px; }
.window-stock .contentStock .headerData .nav { float: right; margin-top: -3px; }
.window-stock .contentStock .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-stock .contentStock .headerData .nav .btw:hover { background-color: #607D8B; }
.window-stock .contentStock .headerData .on { background: #ffc107; }

.window-stock .result { background-color: #FFF; height: 366px; font-size: 11px; }
.window-stock .result .headerList { height: 30px; background-color: rgb(146, 189, 186); }
.window-stock .result ul { }
.window-stock .result ul li { width: 100%; list-style: none; }
.window-stock .result .listStock { overflow: hidden; height: 340px; width: 100%; }
.window-stock .result .listStock li { cursor: pointer; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; }
.window-stock .result .listStock li:hover { background: #D6DFD5; }
.window-stock .result .listProduct { overflow: hidden; height: 336px; width: 100%; }
.window-stock .result .listProduct li { cursor: pointer; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; }
.window-stock .result .listProduct li:hover { background: #D6DFD5; }
.window-stock .result ul li div { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; cursor: pointer; float: left; padding: 4px; border-left: 1px solid #CCC; }
.window-stock .result .barcode { width: 90px; }
.window-stock .result .status { width: 80px; }
.window-stock .result .date_mounting { width: 105px; }
.window-stock .result .date_place { width: 225px; }
.window-stock .result .theme { width: 177px; }
.window-stock .result .name { width: 232px; }
.window-stock .result .amountWarehouse { width: 202px; }
.window-stock .result .rental { width: 75px; }
.window-stock .result .value { width: 75px; }
.window-stock .result .fa { width: 30px; }
.window-stock .result .fa span { margin: 2px; width: 16px; height: 16px; border-radius: 50%; display: block; }
.window-stock .result .fa .activated { background: #8BC34A; }
.window-stock .result .fa .disabled { background: #FF5722; }


.modalStock .returnListStock { margin-top: 10px; width: 100%; height: 456px; border: 2px solid #4DC5DB; background: #fff; }
.modalStock .returnListStock .headerInp { background: #4DC5DB; height: 100%; padding: 5px; }
/* .modalStock .returnListStock .headerInp .amount { width: 50px; margin-left: 11px; float: left; }
.modalStock .returnListStock .headerInp .select-mv { float: left; width: 203px; margin-top: 18px; }
.modalStock .returnListStock .headerInp .search { width: 265px; margin-left: 15px; float: left; } */
.modalStock .returnListStock .headerInp .btn-submit { float: left; margin-top: 24px; margin-left: 11px; }
.modalStock .returnListStock .headerInp .download { margin-top: 22px; font-size: 30px; cursor: pointer; float: right; color: #666666; }
.modalStock .returnListStock .headerInp .download:hover { color: #c5bd31; }
.modalStock .returnListStock .helab { float: left; background: #16727E; width: 100%; list-style: none; border: 1px solid #AFABAB; height: 30px; }
.modalStock .returnListStock .helab div { height: 100%; white-space: nowrap; overflow: hidden; float: left; padding: 4px; border-left: 1px solid #AFABAB;  }
.modalStock .returnListStock .barcode { width: 100px; }
.modalStock .returnListStock .amount { width: 95px; }
.modalStock .returnListStock .name { width: 255px; }
.modalStock .returnListStock .input { width: 60px; }
.modalStock .returnListStock .output { width: 60px; }
.modalStock .returnListStock .warehouse { width: 63px; }
.modalStock .returnListStock .total { width: 86px; }
.modalStock .returnListStock .act { width: 28px; }
.modalStock .returnListStock .lstData { float: left; height: 276px; overflow: hidden; width: 100%; }
.modalStock .returnListStock .lstData ul { }
.modalStock .returnListStock .lstData ul li { color: #333; width: 100%; list-style: none; height: 30px; }
.modalStock .returnListStock .lstData .neg { color: red; }
.modalStock .returnListStock .lstData .liD { white-space: nowrap; overflow: hidden; float: left; height: 100%; padding: 4px; border-left: 1px solid #ccc; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.modalStock .returnListStock .lstData .input { color: #3D33BB; }
.modalStock .returnListStock .lstData .output { color: #E41313; }
.modalStock .returnListStock .lstData .delete { color: #666666; font-size: 15px; cursor: pointer; float: left; }
.modalStock .returnListStock .lstData .delete:hover { color: #F44336; }
.modalStock .returnListStock .lstData .btclear { color: #666666; font-size: 15px;  cursor: pointer; float: left; }
.modalStock .returnListStock .lstData .btclear:hover { color: #F44336; }



.modalRentalFlow .header { height: 54px; padding: 10px; }
.modalRentalFlow .header .search { float: left;  width: 325px; margin-left: 185px; }
.modalRentalFlow .header .download { cursor: pointer; float: right; color: #666666; font-size: 27px; }
.modalRentalFlow .header .download:hover { color: rgb(197, 189, 49); }
.modalRentalFlow .helab { background: #16727E; width: 767px; list-style: none; border: 1px solid #AFABAB; height: 30px; }
.modalRentalFlow .helab div { font-size: 12px;  white-space: nowrap; text-overflow: ellipsis; overflow: hidden; float: left; padding: 4px; border-left: 1px solid #AFABAB;  }
.modalRentalFlow .date { width: 80px; }
.modalRentalFlow .barcode { width: 90px; }
.modalRentalFlow .name { width: 397px; }
.modalRentalFlow .warehouse { width: 53px; }
.modalRentalFlow .amount-product { width: 56px; text-align: center; }
.modalRentalFlow .rental { width: 56px; text-align: center; }
.modalRentalFlow .total { color: #F11818; }
.modalRentalFlow .situation { width: 58px; }
.modalRentalFlow .returnFlowRental { width: 768px; height: 305px; background: #fff; border: 1px solid #CCC; overflow: hidden; }
.modalRentalFlow .returnFlowRental ul { color: #333; }
.modalRentalFlow .returnFlowRental ul li { width: 768px; list-style: none; height: 30px; }
.modalRentalFlow .returnFlowRental ul li div { font-size: 12px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; float: left; padding: 5px; border-left: 1px solid #AFABAB; height: 100%; }
.modalRentalFlow .returnFlowRental ul li .situation span { margin-top: -4px; background: url('../../public/image/theme/status_small.png') no-repeat scroll 0 0 transparent; width: 21px; height: 22px; float: left; }
.modalRentalFlow .returnFlowRental ul li .situation .status_resolved { background-position: 0px -154px; }
.modalRentalFlow .returnFlowRental ul li .situation .status_pending { background-position: 0px -79px; }


.productModal .input-left { width: 125px; float: left; }
.productModal .input-right { width: 125px; float: right; }

.modalFlow { padding: 15px; }
.modalFlow .navTabFlow { height: 30px; }
.modalFlow .navTabFlow div { cursor: pointer; color: #CCC; float: left; width: 300px; text-transform: uppercase; background: #F1E1D6; padding: 5px; text-align: center; }
.modalFlow .navTabFlow div.on { color: #FFF; background: #FFAE77; }
.modalFlow .navTabFlow .second { margin-left: 10px; }
.modalFlow .header { height: 55px; padding: 10px; }
.modalFlow .header .search { float: left; width: 325px; margin-left: 244px; }
.modalFlow .newFlow { background-color: #FFAE77;}
.modalFlow .returnFlow { width: 100%; height: 332px; background: #fff; border: 1px solid #CCC; overflow: hidden; }
.modalFlow .returnFlow ul { color: #333; }
.modalFlow .returnFlow ul .loader { width: 768px; height: 332px; }
.modalFlow .returnFlow ul li { width: 100%; list-style: none; height: 32px; cursor: pointer; }
.modalFlow .returnFlow ul li div { height: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; float: left; padding: 5px; border-left: 1px solid #AFABAB; }
.modalFlow .returnFlow ul li .date { width: 52px; }
.modalFlow .returnFlow ul li .status { width: 140px; }
.modalFlow .returnFlow ul li .amount { width: 60px; }
.modalFlow .returnFlow ul li .name { width: 300px; }
.modalFlow .returnFlow ul li .warehouse { width: 158px; }
.modalFlow .returnFlow ul li .value { width: 90px; }
.modalFlow .returnFlow ul li .delete { color: #666666; font-size: 14px; width: 35px; cursor: pointer; }
.modalFlow .returnFlow ul li .delete:hover { color: #FF5722; }

.productDefalt { }
.productDefalt .result-search { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
.productDefalt .result-search .result-list { height: 386px; background: #fff; overflow: hidden; width: 100%; border: 1px solid #CCC; margin-top: 10px; }
.productDefalt .result-search .result-list li { list-style: none; height: 28px; width: 100%; }
.productDefalt .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; }
.productDefalt .result-search .result-list li .name { cursor: pointer; width: 159px; }
.productDefalt .result-data { height: 430px; background: #fff; border: 1px solid #CCC; padding-top: 20px; }
.productDefalt .result-data .action-fixed-bottom { width: 88%; position: absolute; bottom: 10px; }
.productDefalt .result-data .action input { margin: 5px; }
.productDefalt .chamge-bx-image { overflow: hidden; float: left; border: 5px solid #9E9E9E; background: #ececec; text-align: center; }
.productDefalt .chamge-bx-image-tag { width: 100px; height: 100px;  }
.productDefalt .chamge-bx-image-tag img { width: 95px; height: 95px; }
.productDefalt .chamge-bx-image .fileIFrame { position: absolute; }
.productDefalt .chamge-bx-image .changePhoto { opacity: 0.01; filter: alpha(opacity=1); width: 24px; height: 24px; }
.productDefalt .chamge-bx-image .upload { margin-top: 7px; margin-left: 7px; position: absolute; }
.productDefalt .chamge-bx-image .bt-upload { text-align: center; border-radius: 33px; height: 35px; width: 35px; cursor: pointer; background: rgba(125, 122, 122, 0.79); }
.productDefalt .chamge-bx-image .bt-upload:hover { background: rgba(51, 51, 51, 0.79); }
.productDefalt .chamge-bx-image .bt-upload label { cursor: pointer; font-size: 11px; margin-top: 10px; color: #FFF; }
.productDefalt .chamge-bx-image .bt-upload input { cursor: pointer; opacity: 0; position: absolute; z-index: 5; margin-top: -31px; }
.productDefalt .chamge-bx-image .progressUpload { text-align: center; position: absolute;  width: 67px; margin-top: 63px; margin-left: 11px; border: 1px solid #ddd; padding: 1px; border-radius: 3px; }
.productDefalt .chamge-bx-image .barUpload { background-color: #E3C046; width: 0%; height: 12px; border-radius: 3px; }
/* .productDefalt .chamge-bx-image .percentUpload { top: 0%; text-align: center; position: absolute; width: 80%; border: 1px solid #ddd; padding: 1px; border-radius: 3px; margin: 10%; } */
.productDefalt .chamge-bx-image .percentUpload { display: none; }
.productDefalt .chamge-bx-image .imgReturn { text-align: center; }
.productDefalt .chamge-bx-image .loading { margin-top: 27px; font-size: 30px; color: #8e8989; }
.productDefalt .chamge-bx-image .error { color: red; font-size: 120px; }
.productDefalt .chamge-bx-image .ok { color: #4CAF50; font-size: 65px; }

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