#main-table-points thead tr th { background-color: #015688; color: #fff; } .fieldsetstyle legend { width: auto; padding: 0px 10px; text-align: center; } #expert_confirmation_modal .fieldsetstyle legend { font-size: 18px; font-weight: 500; color: #015688; } .fieldsetstyle { border: 2px solid #ff5c0f; border-radius: 10px; } .project-map { width: 100%; height: 329px; } .accident-participant-list { display: flex; flex-wrap: wrap; margin-bottom: 1rem; } .accident-participant { flex: 1; margin: 5px; } .accident-participant label { font-size: 12px; } .imgbox { border: 1px solid #ccc; width: 100%; height: 100%; cursor: pointer; border-top-left-radius: 8px; border-top-right-radius: 8px; padding: 30px; margin: 0; color: #666; font-size: 12px; } .img-preview { width: 100px; height: 60px; } /* start */ .pin-marker { position: relative; width: 45px; height: 71px; font-family: "IRANSans"; } .pin-marker.pin-move>.map-pin-marker { transform: scale(0.75); } .pin-marker.pin-set>.map-pin-marker>.pin-title-circle { background-color: #009900; } .pin-marker.pin-warn>.map-pin-marker>.pin-title-circle { background-color: #e90a0a; } .pin-marker.pin-move>.pin-main-shadow { transform: scale(1.35); } .leaflet-div-icon { background: transparent !important; border: none !important; } .map-pin-marker { position: relative; width: 45px; height: 65px; z-index: 10; transform-origin: 22.5px 0; transition: transform 0.2s; } .map-pin-marker>.pin-main-circle { position: absolute; width: 45px; height: 45px; left: 0; background-color: rgba(22, 67, 88, 1); border-radius: 50%; z-index: 12; } .map-pin-marker>.pin-white-circle { position: absolute; width: 39px; height: 39px; left: 3px; top: 3px; background-color: #ffffff; border-radius: 50%; z-index: 13; } .map-pin-marker>.pin-title-circle { position: absolute; width: 35px; height: 35px; left: 5px; top: 5px; background-color: rgba(22, 67, 88, 1); border-radius: 50%; display: flex; justify-content: center; align-items: center; z-index: 14; transition: background-color 0.3s; } .map-pin-marker>.pin-title-circle>.title-circle-text { line-height: 1; font-size: 10px; color: #ffffff; font-weight: 600; z-index: 15; } .map-pin-marker>.pin-main-line { position: absolute; width: 5px; height: 25px; z-index: 11; background-color: #000000; top: 40px; left: 20px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .pin-marker>.pin-main-shadow { position: absolute; width: 11px; height: 11px; left: 17px; top: 58px; background-color: rgba(0, 0, 0, 0.2); border-radius: 50%; display: flex; justify-content: center; align-items: center; z-index: 10; transition: transform 0.2s; } .pin-marker>.pin-main-shadow>.shadow-dot { position: relative; width: 1px; height: 1px; left: 0; top: 0; background-color: #000000; border-radius: 50%; z-index: 10; } input[data-mask] { direction: ltr; text-align: center; } .validity-checker { border-color: #dc3545 !important; box-shadow: 0 0 10px #f1507f !important; } /* end */ table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child { border-right-width: 1px; } table.dataTable .btn-dataTable { border: none; background-color: transparent; } .dataTables_filter { display: inline; } .dataTables_length { display: inline; } .dt-buttons { display: inline; float: left; } .dt-buttons { display: inline; float: left; } .dt-button { background-color: transparent; color: #000; border: none; font-size: 12px; } .dt-button i { color: rgb(43, 125, 43); font-size: 19px; } .btn-dataTable i { color: rgb(43, 125, 43); font-size: 18px; } .item-packet { border-bottom: 1px solid #eeeeee; border-width: 2px; padding: 10px; } .input-map-project { color: #009900; } .btn-set-filter { background-color: rgb(43, 125, 43); border: 0; margin-bottom: 5px; border-radius: 5px; font-size: 12px; color: white; } .parent-filter { width: 223px; min-height: 200px; background-color: white; border-radius: 5px; display: none; position: absolute; z-index: 9; left: 33px; box-shadow: 0 0 3px; top: 178px; padding: 8px; } .parent-filter::-webkit-scrollbar { background-color: rgb(178, 178, 178); border-radius: 10px; border: 4px solid rgb(128, 128, 128); } .parent-filter::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: rgb(128, 128, 128); } .stylescroll::-webkit-scrollbar { background-color: rgb(178, 178, 178); border-radius: 10px; border: 4px solid rgb(128, 128, 128); } .stylescroll::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: rgb(128, 128, 128); } .select2-container--default .select2-selection--multiple .select2-selection__choice { float: right !important; background-color: #007bff !important; } .select2-search__field { font-size: 10px !important; } .select2-results__options { font-size: 10px !important; } .select2-selection__rendered { font-size: 12px !important; } .select2-container--default .select2-selection--multiple { background-color: white; border-radius: 4px; cursor: text; border: 1px solid #ced4da; } .select2-container--default.select2-container--focus .select2-selection--multiple { border-color: #80bdff; outline: 0; } .parent-excel { width: 223px; min-height: 200px; background-color: white; border-radius: 5px; display: none; position: absolute; z-index: 9; left: 33px; box-shadow: 0 0 3px; top: 176px; padding: 8px; } .parent-excel::-webkit-scrollbar { background-color: rgb(178, 178, 178); border-radius: 10px; border: 4px solid rgb(128, 128, 128); } .parent-excel::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: rgb(128, 128, 128); } .parent-poster { width: 223px; min-height: 200px; background-color: white; border-radius: 5px; display: none; position: absolute; z-index: 9; left: 240px; box-shadow: 0 0 3px; top: 176px; padding: 8px; } .parent-poster::-webkit-scrollbar { background-color: rgb(178, 178, 178); border-radius: 10px; border: 4px solid rgb(128, 128, 128); } .parent-poster::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: rgb(128, 128, 128); }